First if you are going to create a website, as the basis of an early form of website creation.
Okay we just ...
I would use notepad ++ software for free, to make the layout this time I will invite you to create a design with two columns with content section to the left and on the right to put navigation and all sorts of forms.
For that please you must first create a folder to put the files the results of practice, for example, I create a folder Chapter 1 Layout website
Then you open the folder and create another folder called images that serve to accommodate images.
Copy the image files from the downloaded file I included in the POST PRIORcontained in Chapter 1 Creating a layout folder, the image file there are 2 pieces of files that header.jpg and footer.gif.
Creating an HTML file layout
Okay ... now you open your notepad ++, or if you can use your normal software then type the following HTML code:
<html> <head> <title>Creating a Web Layout</title> <link href="style.css" rel="stylesheet" type="text/css" media="all" /> </head> <body> <div id="container"> <div id="header"> </div> <div id="menu"> </div> <div id="content"> </div> <div id="right"> <!--Fill in the content / article--> </div> <div id="footer"> <!--Fill in the content / article---> </div> </div> </body> </html>
A description of the above code:
The above code pure HTML code and you have made a DIV tag with each given selector ID, you still remember the course with selector ID that is separated from the header, navigation menu, content, context menu, footer.
The code comments in red require you to enter the content or articles, because if you do not fill up with articles then the results will not be visible (in the example file I gave the article).
I make bold code is the link to join the HTML file with CSS files.
Then save it in a folder Chapter 1 Creating a layout that you have created, name it with index.html , if you run with the click 2 times the appearance is still not known only writing of content just because you do not make the CSS code that aims to design the look and layout of a web page you.
Create CSS layouts
Okay now we make its CSS file to create the look of your website layout. Here's the code of the CSS file:
SITUS INI ADALAH SITUS PEMBELAJARAN PEMROGRAMAN DAN JUGA PEMAHAMAN TERHADAP TEKNOLOGI KOMPUTER. KALIAN BISA MENGIKUTI PEMBELAJARAN PEMROGRAMAN DENGAN BERTAHAP PADA MATERI YANG SUDAH SAYA SEDIAKAN, JIKA ADA MATERI YANG MEMBINGUNGKAN SILAKAN LAKUKAN KOMENTAR PADA MATERI YANG ANDA TANYAKAN ATAU KALIAN BISA MENGHUBUNGI SAYA DIHALAMAN KONTAK.