10-27-2015, 03:35 AM
We will go through the process step by step, starting from the look and feel of the page outline first.
First thing to know is that a web page is written in two parts
Part 1: Head
Part 2: Body
Head: In this part instructions can be passed on to the reader of this page (a web browser) to follow, to be able to understand the instructions within Body part of the document. HTML , tag pair is used to mark the Head part of the page.
Body: This is where actual instructions are placed that make up a web page.
HTML , tag pair is used to mark the Body part of the page.
In part of our web page template ("index.html"), we are telling browser to look for "default.css" file for styling instructions in a sub-folder called "css".
In the "default.css" we have only one instruction about the body of the page and that is to set body's background to an image "background.jpg" that we placed in "images" directory.
Also, shown in this picture is "background.jpg" and 8x8 pixel image to be used as a background of the of our web page.
First thing to know is that a web page is written in two parts
Part 1: Head
Part 2: Body
Head: In this part instructions can be passed on to the reader of this page (a web browser) to follow, to be able to understand the instructions within Body part of the document. HTML , tag pair is used to mark the Head part of the page.
Body: This is where actual instructions are placed that make up a web page.
HTML , tag pair is used to mark the Body part of the page.
In part of our web page template ("index.html"), we are telling browser to look for "default.css" file for styling instructions in a sub-folder called "css".
In the "default.css" we have only one instruction about the body of the page and that is to set body's background to an image "background.jpg" that we placed in "images" directory.
Also, shown in this picture is "background.jpg" and 8x8 pixel image to be used as a background of the of our web page.