Build a Website - part 1 (click here for part 2)
So you think you'd like to build a website. Good - go for it. You will be surprised what you can create quickly and easily with just a little knowledge. Then you can go on to create some whizzier stuff as you build on your knowledge and experience.
The following sections introduce the topics that you need to know about and give you some website URLs for tutorials and other information. Read through the below sections and do the tutorials as you go. As you get hands-on practice, the concepts and the way it all works will fall into place and you will soon be able to add your own website to the World Wide Web.
What is XHTML?
XHTML consists of tags that are used with the text, images and links etc on the webpage to define them as elements to be displayed in the browser. As you write XHTML, you will use certain syntactical patterns (instructions to the browser) to create what you want. Below are one example each of the syntax used to show an image and a hyperlink on a webpage.
Using XHTML to display an image
Using XHTML to create a link
What are the differences between HTML and XHTML?
HTML and XHTML are markup languages, which define the structure of the webpage. XHTML is the more modern version of HTML and you won't initially notice many differences between them. You will need to do the below mentioned HTML tutorial before the XHTML tutorial and the differences will become clear.
These tutorials will give you a good introductory knowledge of what
you are letting yourself in for and you will be pleasantly surprised at
how much you can do very quickly and how much you will enjoy it.
By: John Wells
If you found useful stuff here, why not buy me some chocolate?
[Click to donate via paypal]
Now, maybe you want to learn how to monetise your site??
- follow the link...
What is CSS?
CSS (Cascading Style Sheets) defines the presentation of the webpage and is the correct way to style the content of the page. It is used to define text size, font and colour, and to define the size and position of an image on the web page and just about everything to do with the cosmetics and layout of the web site.
If you want all the images on your page to be 90 pixels wide and have
a blue dotted 2-pixel wide border, you could use the below CSS:
This CSS tutorial will show you what CSS is all about and give you some
good experience of using it.
Article by John Wells (jump
to part 2 here...)