Learn everything about setting up and managing your own website!

Koos and Marijke

Koos      &      Marijke

Switch background color:

Pick text color:                 

Info

THIS SITE IS DESIGNED FOR INDIVIDUALS INTERESTED IN BUILDING WEBSITES FOR THEMSELVES WITHOUT SUPERVISION AND THE IMPOSITION OF ADVERTISING.


Learn how you can create a website

Visible on every device; desktop, laptop, tablet or smartphone created by you with HTML, CSS, Bootstrap, Javascript and or jQuery.


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 »


Benefits of HTML

*) 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

HTML Editors

  1. Open Notepad (PC) Windows 8 or later: ...
  2. Open TextEdit (Mac) Open Finder > Applications > TextEdit. ...
  3. Write Some HTML. Write or copy some HTML into Notepad. ...
  4. Save the HTML Page. Save the file on your computer. ...
  5. View the HTML Page in Your Browser.

HTML Editors - W3Schools Read more »

Why YouTube tutorials?

XHTML and CSS Tutorial -1- XHTML and CSS playlist Downloading Text Editor Notepad++ »

Video tutorials & sources  Read more »

For interactive tutorials  Read more »

Test your coding

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:

Click the right side of the mouse to view the source code.

Validate your work with World Wide Web Consortium (W3C)

Some Notes:

Caching behaviour of Web browsers

Use CTRL-F5 To see the latest version of a website.
When a user visits a web page, the contents of that page can be stored in the browser's cache
so it doesn't need to be re-requested and re-downloaded. Efficiently using the browser cache can
improve end user response times and reduce bandwidth utilization. Read more »

Images are everywhere on the web.

They are the most commonly shared content on social media and every modern web page contains
at least one image while most contain a handful, a dozen, a hundred, or more. Yet despite their popularity,
many websites are not using images to their full potential.  Read more »

Less files: Customize Bootstrap

Choose which Less files to compile into your custom build of Bootstrap. Not sure which files to use?
Read through the CSS and Components pages in the docs.  Read more »

Copyright

Stolen content is perhaps one of the most infuriating things that can happen to a content creator.
Whether a spam blogger is ripping off your posts, or you somehow find your favorite photo for sale on a microstock site,
these thieves have a nasty way of getting under your skin. Here's a look at some of the tips and tools you have at
your disposal to use against this Internet slime. Know Your Rights Before you kick off any content battles,
make sure you know your stuff.  Read more »

100 Resources Designed To Make Freelance Programmers’ Life Easier

Between mountains of code, demanding clients, and long hours, freelance programmers have a challenging life.
Fortunately, we're not the only ones that realize this. In fact, there are loads of resources out there
designed to make a freelance programmer's life just a little bit easier, and we've highlighted 100 of them here.
Cheat Sheets & Tutorials If you just can't seem to remember a specific piece of code, or if you need a crash course
in a new language, these resources are here to lend a hand. Read more »

Test responsive images by Material.io resizer Read more »

Material.io resizer examples Read more »

How Google Sees Your Website: Read more »

North Carolina State University | IT Accessibility Read more »

Would you like to see images of Create a Website and Travelto? Read more »


Home icon Create a website Create a website