CSSជាភាសាមួយដែលDeveloperចូលចិត្តយកមកបង្កើតជាទម្រង់របវស់វែបសាយ!សម្រាប់អ្នកដែលមិនទាន់ដែលប្រើCSS ប្ញមិនទាន់ចេះCSS តែងតែបង្កើតទម្រវែបសាយជាមួយTable layout! មែនវាជាគំនិតមួយល្អព្រោះយើង ចេះប្រើគំនិតច្នៃប្រឌិតក្នុងការសរសេរវែបសាយ! តែសម្រាប់ពេលនេះវិញខ្ញុំសូមបង្ហាញអ្នកទាំងអស់គ្នីរបៀបបង្កើតទម្រង់វែបសាយ ជាមួយភាសាCSS វិញម្តង! សង្ឃឹមថាលោកអ្នកមានចំនេះដឹងគួសមផ្នែកHTML ខ្លះហើយ!
នេះជាទម្រង់ដែលយើងចង់បង្កើត
មាន header. Menu. Rigth culum , left colum,footer
ដំបូងសូមបង្កើតFile 2ដែលមាឈ្មោះថា Index.html និង style.css
(ចំណាំ Files ទាំងពីរនេះត្រូវតែរក្សាទុកក្នុងទិតាំង(Folder)តែមួយ!)
ហើយសរសេរកូដដូចខាងក្រោម
+index.html សូមសរសេរ
<!DOCTYPE html PUBLIC “ -//W3C//DTD XHTML 1.0 Strict//EN” “ http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd” >
<html xmlns=” http://www.w3.org/1999/xhtml” >
<head>
<meta http-equiv=” Content-Type” content=” text/html; charset=iso-8859-1″ />
<title>Fixed Width CSS Layouts – 2 Column – fw-16-2-col</title>
<link rel=” stylesheet” type=” text/css” href=” style.css” />
</head>
<body>
<!– Begin Wrapper –>
<div id=” wrapper” >
<!– Begin Header –>
<div id=” header” >
This is the Header For put LOGO , Banner or Adds..
</div>
<!– End Header –>
<!– Begin Navigation –>
<div id=” navigation” >
This is the Navigation For put Menu
</div>
<!– End Navigation –>
<!– Begin Left Column –>
<div id=” leftcolumn” >
Left Column For put verical menu
</div>
<!– End Left Column –>
<!– Begin Right Column –>
<div id=” rightcolumn” >
For the content of your website
</div>
<!– End Right Column –>
<!– Begin Footer –>
<div id=” footer” >
<center>
This is footer for put what you want to decripe about you company or the author!!!!!<br>
Disign by <a href=” www.sereyboth.wordpress.com” >WWW.SEREYBOTH.WORDPRESS.COM</a>
</center>
</div>
<!– End Footer –>
</div>
<!– End Wrapper –>
</body>
</html>
/*BY:www.sereyboth.wordpress.comwww.sereyboth.tk*/* { padding: 0; margin: 0; }body {font-family: Arial, Helvetica, sans-serif;font-size: 13px;}#wrapper {margin: 0 auto;width: 922px;}#header {color: #333;width: 900px;float: left;padding: 10px;height: 100px;margin: 10px 0px 0px 0px;background: #E7DBD5;}#navigation {float: left;width: 900px;color: #333;padding: 10px;margin: 0px 0px 0px 0px;background: #BD9C8C;}#leftcolumn {color: #333;background: #E7DBD5;margin: 0px 0px 0px 0px;padding: 10px;height: 350px;width: 200px;float: left;}#rightcolumn {float: right;color: #333;background: #F2F2E6;margin: 0px 0px 0px 0px;padding: 10px;height: 350px;width:682px;}#footer {width: 900px;clear: both;color: #333;background: #BD9C8C;margin: 0px 0px 10px 0px;padding: 10px;}
សូមសាកល្បងដំណើការឯកសារindex.htmlអ្នកនឹងឃើញLaoutដ៏ស្រសើស្អាតភ្លាម!ខ្ញុំនឹងព្យាយាមពន្យល់កូដនៅពេលក្រោយទៀត! សូម post comment បើមានសំនួរ!
Could you please tell me more about The advangtage of css in web development?
CSS has special feature for web development such as
- For decoraing layout
-You will spend less time to design web
-Create alot of style easy
-Don`t make your code complex
Hope you can accept!!!
Give the source for download
Thanks!
Sorry Rong!
I want to put the source for visitor to download also but unfortunate ly i can`t upload the file like that ( htm,Zip,css)
Next time i will try another way for all you guy!
Thank!
@ rong: just copy above text into notepad and save as .css
[...] -Building web layout with CSS and HTML (Table less) [...]