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:   W3Schools.com »

 

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:   Codeacademy.com »



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.
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:   Quora.com »
Html and Css tutorials »



 

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:   Educba.com »

 

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:
Vim
Atom
Sublime Text   Best code editors 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

 

Jelena Jovanovic How I got into web development



+ tips and advice for beginners



Six years ago I decided that I don’t want to be a future lawyer anymore
and I gave up on law college. Instead, I became self-taught web developer.
That changed my life completely and I am very grateful for my boyfriend,
Stefan, who got me into programming. If you are interested to hear
my full story, check the video that I just published on ☞ YouTube

 

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.
View more sources: Coding examples
E.g. Colors by Jelena, Snow animation, USA National Weather
Forecast & AER weather app, Block Game, Train Animation etc..

   Next page »    Home Icon Home