 |
 |
|
 |
 首页 >> 学院 >> 网页制作 >> 网页制作Dreamweaver |
|
|
| 网页制作注意事项 [网页制作Dreamweaver] |
| 网络收集 |
| 2008-3-3 11:58:00 文/ |
|
--主页备份
1、txt 文本
2、scan 扫描图片
3、psd 设计原图（包括AI、Flash、Banner等等）
4、htm 网页文件
5、htm_old* 旧的网页文件备份
--html的目录结构
1、打开网页排版软件Dreamweaver的site网站管理视窗，按栏目内容建立子目录；
2、在每个主目录下都建立独立的images目录，不要将所有文件都存放在根目录下；
3、所有的文件夹名和文件名用小写字母，并取与中文意义对应的英文文件名。
--HTML源代码
1、字符集的设定：中文版用GB简体码gb2312，英文版用iso-8859-1字符集；
2、每个页面都要写标题，不同页面根据其主题注不同的标题； <br><br> 3、外国公司的首页面注上<meta>字段便于搜索引擎查找（如：description、keyword）； <br><br> 4、要包含全部图标<img>的长宽值和alt属性（注释文本）。 <br><br>--表格的应用 <br><br> 1、整个页面不要都套在一个表格里，尽量拆分成多个表格；<br> <br> 2、表格嵌套层次尽量要少； <br><br> 3、能用表格定位的尽量少用层。 <br><br>--使用分栏(frame) <br><br> 避免分栏边界被隐藏，使一些栏目内容也被隐藏起来。 <br><br><br>--文字 <br><br> 1、用css定义字体大小、行间距（建议使用"外部链接"方式，将css的设定作成一个单独的文件，在每个页面里都调用它）； <br><br> 2、避免文字错误和内容放置错误（以客户资料和制作要求为准）； <br><br> 3、中文文本每行开始空两格。 <br> <br><br><br>--图片 <br><br> 颜色丰富或渐变的图片（如产品图片等），建议用JPG格式；颜色单调的图片（如LOGO、文字按钮等），建议用GIF格式。 <br><br>--链接 <br> 1、不要有错误链接、出不来的图像（包括由于文件名大小不一致或路径不对引起的错误）； <br><br> 2、所有次页面包含一个返回首页的链接。 <br><br><br>--效果与速度 <br><br> 1、网页应该保持较小的字节数，过大的文件分成若干个页面； <br><br> 2、在不影响图片效果的前提下合理压缩图形文件。 <br><br>--浏览器兼容性 <br><br> 同时兼顾IE和Netscape两种浏览器及多种分辨率等情况，避免排版出错。 <br> <br><br>--其它 <br> 确认公司简介包含公司全部相关信息，包括通信地址、电话、E-mail和联系人等。 <br><br>
·<a href=/hot.html target=_blank >IT产品报价大全</a></td>
</tr>
<tr>
<td colspan="2" height="20"></td>
</tr>
<tr>
<td colspan="2">
<div align=center> <div style="border:#cccccc 1px solid;width:95%;background-color: #Fcfcfc;padding: 5px;" align=left>
<strong>更多相关：</strong>
<script>
var x= "网页制作,注意事项".split(",");
for (i=0;i<x.length;i++){
document.write ("<a href=http://www2.it.com.cn/search/index.php?keyword="+x[i].replace(/ /g,'%20')+" target=_blank class=blue>"+x[i]+"</a>");
if (i<x.length-1){document.write(" ");}
}
</script> <a href=http://www.it.com.cn/mobile/ target=_blank class=blue title="手机">手机</a>
<script>
document.write ("<a href=http://www2.it.com.cn/search/index.php?keyword="+"网页制作Dreamweaver".replace(/ /g,'%20')+" target=_blank class=blue>网页制作Dreamweaver</a>");
</script>
<div id=art_line><img src=/0.gif height=1></div>
<strong>在百度中更多内容：</strong>
<script>
var x= "网页制作,注意事项".split(",");
for (i=0;i<x.length;i++){
document.write ("<a href=http://www2.it.com.cn/search/index_baidu.php?keyword="+x[i].replace(/ /g,'%20')+" target=_blank class=blue>"+x[i]+"</a>");
if (i<x.length-1){document.write(" ");}
}
</script> <a href=http://www.it.com.cn/mobile/ target=_blank class=blue title="手机">手机</a> <script>
document.write ("<a href=http://www2.it.com.cn/search/index_baidu.php?keyword="+"网页制作Dreamweaver".replace(/ /g,'%20')+" target=_blank class=blue>网页制作Dreamweaver</a>");
</script></div>
</div>
</td>
</tr><tr>
<td colspan="2" height="20"></td>
</tr><tr>
<td colspan="2" align="center"><br>
<SCRIPT SRC=http://www.it.com.cn/js/home/it_art.js></SCRIPT><br><br><script src="http://comment-js.it.com.cn/comment_t.js"></SCRIPT>
<script src="http://comment-js.it.com.cn/article/5563/556314.js"></SCRIPT>
<script>
formsets("Article",556314);
</script> <br><SPAN ID=ad_xl></SPAN> </td>
</tr>
<tr>
<td colspan="2" height="20"></td>
</tr>
<tr valign="top">
<td colspan="2"><table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="right"><a href=# onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.it.com.cn');return false;"><img border="0" src="/images/home2.gif" width="78" height="18" align=absMiddle></a>
<a href="javascript:window.external.AddFavorite('http://www.it.com.cn/', 'IT.com.cn 中国IT第一站');"><img border="0" src="/images/b_051_4.gif" width="78" height="18" align=absMiddle></a>
<img src="/images/b_011.gif" width="18" height="17" align="absmiddle">
<a href="javascript:window.print();">打印此<a href="http://itpc.it.com.cn/list/list_145.html" target="_blank">页</a></a>
<img src="/images/b_041.gif" width="18" height="14" align="absmiddle">
<a href="mailto:webmaster@it.com.cn">投稿与建议</a>
<img src="/images/b_03.gif" width="18" height="14" align="absmiddle">
<a href="#">返回顶部</a></td>
</tr>
</table>
<br>
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0" style="border-top:#dddddd 2px solid;border-bottom:#dddddd 2px solid;">
<tr>
<td bgcolor="#F2F2F2"><img src="/images/b_031.gif" width="18" height="19" hspace="2" vspace="2" border="0" align="absmiddle"> <strong>相关文章</strong> </td>
</tr>
<tr>
<td align="center"><table width="98%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="images/line.gif" class="sfont" align=left><a href="../../../../f/edu/082/29/555428.htm" target="_blank" class="blue_1">·Dreamweaver网页制作技巧</a><br><a href="../../../../f/edu/0711/2/501841.htm" target="_blank" class="blue_1">·吸引网民的网站才能说是好网站</a><br><a href="../../../../f/edu/078/28/469228.htm" target="_blank" class="blue_1">·网页制作经验分享：CSS布局如何进行</a><br><a href="../../../../f/edu/078/23/466777.htm" target="_blank" class="blue_1">·Dreamweaver中空格问题的探讨</a><br><a href="../../../../f/edu/064/4/254864.htm" target="_blank" class="blue_1">·网页制作技巧：从切图到网页生成全攻略</a><br></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2" height="20"></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" align=center height="5" border="0" cellpadding="0" cellspacing="0" background="http://www.it.com.cn/images/comm/0830_cor_bot.gif">
<tr>
<td width="5"><img src="http://www.it.com.cn/images/comm/0830_cor_3.gif" width="5" height="5"></td>
<td width="100%"></td>
<td width="5"><img src="http://www.it.com.cn/images/comm/0830_cor_4.gif" width="5" height="5"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table><SPAN ID=span_ad_760 CLASS=spanclass>
<table border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class=ptable ><tr> <td> <div style="width:760;height:80;word-break:break-all;OVERFLOW: auto;overflow:hidden;" align=center>
<script>
it_now = new Date();
it_id=it_now.getSeconds() %4;
if (it_id==0) {
it_id=1;
}
document.write ("<scr"+"ipt src=http://www.it.com.cn/js/930_"+it_id+".js></scr"+"ipt>");
</script>
</div><script src="http://www.it.com.cn/js/baidu/hz_760.js"></script></td></tr></table>
</span>
<SCRIPT>
ad_760.innerHTML=span_ad_760.innerHTML;
span_ad_760.innerHTML="";
</SCRIPT>
<SPAN ID=span_ad_left CLASS=spanclass><SCRIPT SRC=http://www.it.com.cn/js/150_1.js></SCRIPT><br><img src=http://www.it.com.cn/images/0.gif height=5><br><SCRIPT SRC=http://www.it.com.cn/js/150_2.js></SCRIPT><br><img src=http://www.it.com.cn/images/0.gif height=5><br><SCRIPT SRC=http://www.it.com.cn/js/150_3.js></SCRIPT><br><img src=http://www.it.com.cn/images/0.gif height=5><br><SCRIPT SRC=http://www.it.com.cn/js/150_4.js></SCRIPT><br><img src=http://www.it.com.cn/images/0.gif height=5><br><SCRIPT SRC=http://www.it.com.cn/js/150_5.js></SCRIPT></span>
<SCRIPT>
ad_left.innerHTML=span_ad_left.innerHTML;
span_ad_left.innerHTML="";
</SCRIPT>
<SPAN ID=span_ad_zl CLASS=spanclass><SCRIPT SRC=http://www.it.com.cn/js/550_1.js></SCRIPT>
<script src=http://www.it.com.cn/js/baidu/text_550_3.js></script>
</span>
<SCRIPT>
ad_zl.innerHTML=span_ad_zl.innerHTML;
span_ad_zl.innerHTML="";
</SCRIPT>
<SPAN ID=span_ad_xl CLASS=spanclass><SCRIPT SRC=http://www.it.com.cn/js/550_2.js></SCRIPT>
<script language="JavaScript" src="http://www.it.com.cn/js/art_xl.js"></script>
</span>
<SCRIPT>
ad_xl.innerHTML=span_ad_xl.innerHTML;
span_ad_xl.innerHTML="";
</SCRIPT>
<img src=/0.gif height=0 id=img3 ><script src=/js_footer/foot.js></script>
<script language="Javascript">
if (navigator.appName != "Netscape"){
var t_height1=img1.offsetTop;
while(img1==img1.offsetParent){
t_height1+=img1.offsetTop;
}
var t_height2=img2.offsetTop;
while(img2==img2.offsetParent){
t_height2+=img2.offsetTop;
}
var t_height3=img3.offsetTop;
while(img3==img3.offsetParent){
t_height3+=img3.offsetTop;
}
var left_height=t_height3-t_height2-t_height1-5;
var right_height=t_height3-t_height1;
//document.write (left_height);
//document.write (right_height);
document.write ('<style type="text/css">.leftheight{height:'+left_height+'px;}</style>');
document.write ('<style type="text/css">.rightheight{height:'+right_height+'px;}</style>');
}
</script>
</div>
</body>
</html> | | | |
