Create your own website:   Why learn HTML and CSS?

   Next page »

Foto Koos en Marijke

   This site is designed for individuals interested in building
   websites for themselves without supervision and the
   imposition of advertising.

   Koos   &   Marijke


    Your goal?

Your goal?

Learn to create a website visible on every device; desktop, laptop,
tablet or smartphone created by you with HTML, CSS, Bootstrap,
JS and or jQuery.
Here's how you can get the maximum benefit from the website.
Source: »


Why learn HTML and CSS?

Everything you see on a website is a result of the combination
of HTML and CSS.
With these two languages, you will have the skills you need to
bring your website design to life.
Jumpstart that vision by using Bootstrap, a popular library that
allows you to create beautiful,responsive pages with very little
time and experience. Source: »

How long does it take to learn HTML + CSS ?

It depends on your motivation. But you can figure that out later.
First, try a basic HTML & CSS tutorial and see how much you understand.
Still motivated? Well… watch another one. Watch as many html and css
tutorials until everything makes sense to you.
After you understand the basics, try to make a basic website on your own.
Try to code a few more websites with your current skill until it gets boring
and too basic for you. Source: »


Advantages of HTML

It is quite easier to create SEO *) compliant websites using HTML
than other programming languages.
HTML websites are easier to read and accessed by web crawlers.
They reduce parsing time and the page load time of the website
and hence improves it's performance.

*) What Exactly Is SEO? ... Properly applied, search engine optimization allows your site to not
only be seen by the search engines but, when a search term (either keywords or phrases) is entered,
offers the ability to rank very high in the search engine results page

Source: »


What is Notepad++

Notepad++ is a free (as in “free speech” and also as in “free beer”) source
code editor and Notepad replacement that supports several languages.
Running in the MS Windows environment, its use is governed by GPL
License.  Download from the official website »

Choose for the MAC:
Sublime Text   More... »


Thenewboston YouTube tutorials

Bootstrap3 logo

Clear spoken with subtitles, nicely structered
Short presentations 5 – 10 mins
Each topic can be found as source code
Source codes can be copypasted to Notepad++
(or e.g. SublimeText) altered and tested.

XHTML and CSS playlist XHTML & CSS tutorial -2- »
Video tutorials & sources menu ☞ See more


What is an Interactive Tutorial ?

A document, software, or other media on the Internet created for the
purpose of instruction for any of a wide variety of tasks. Interactive
tutorials usually have the following characteristics: a presentation of
content, a method of review where user follows on-screen instructions
(and in some cases watch short instruction movies), whereupon user
does the tutorial exercises and gets feedback depending on his
actions, and transition to additional modules or sections. ☞ Source


Pick up HTML methods and tricks

Bootstrap3 logo

Looking through the source code of other sites is an excellent
way to pick up HTML methods and tricks.
In your browser right click to View Source on this or any
other page and the code which created it, will be openend.
Try it on next page subjects: Colors by Jelena, Snow animation,
USA National Weather Forecast & AER weather app

   Next page »    Home Icon Home