Saturday, May 10, 2014

របៀបDesign Headter








យើងធ្វើការសរសេរឬក៏បង្កើតHeaderរបស់Websបានតាមច្រើនរបៀប
ហើយក៏មានកម្មវិធីដែលអនុញ្ញាតិអោយយើងធ្វើការរចនាបានយ៉ាងស្អាត
តែនៅពេលនេះខ្ញុំសូមធ្វើការបង្ហាញកម្មវិធីមួយដែលពេញនិយមជាងក្នុងការ
សរសេរកូដនោះគឺ Adobe Dreamweaver
នេះជាHeaderមួយដែលត្រូវបានរចនាដោយកម្មវិធី Adobe Dreamweaver ខាងក្រោមនេះគឺជាកូដ
<head>
<style type="text/css">
*{ margin:auto;
margin-top:5px;}
#Header

{
width:1200px;
height:150px;
border:1px solid #006;

background: #627d4d; /* Old browsers */
background: -moz-linear-gradient(top, #627d4d 0%, #1f3b08 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#627d4d), color-stop(100%,#1f3b08)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #627d4d 0%,#1f3b08 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #627d4d 0%,#1f3b08 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #627d4d 0%,#1f3b08 100%); /* IE10+ */
background: linear-gradient(to bottom, #627d4d 0%,#1f3b08 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#1f3b08',GradientType=0 ); /* IE6-9 */

</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome Header</title>
</head>

<body>
<div id="Header">
<div id="Header-right">
    </div>
    <div id="Header-center">
    </div>
    <div id="Header-left">
    </div>
</div>
</body>
</html>

0 comments:

Post a Comment