当前位置:编程学习 > 网站相关 >>

网页制作规范及流程

--主页备份 Works
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>3、外国公司的首页面注上<meta>字段便于搜索引擎查找(如:description、keyword); <BR>4、要包含全部图标<img>的长宽值和alt属性(注释文本)。 </P> <P>--表格的应用 <BR>1、整个页面不要都套在一个表格里,尽量拆分成多个表格; <BR>2、表格嵌套层次尽量要少; <BR>3、能用表格定位的尽量少用层。 <BR>--使用分栏(frame) <BR>避免分栏边界被隐藏,使一些栏目内容也被隐藏起来。 </P> <P>--文字 <BR>1、用css定义字体大小、行间距(建议使用"外部链接"方式,将css的设定作成一个单独的文件,在每个页面里都调用它); <BR>2、避免文字错误和内容放置错误(以客户资料和制作要求为准); <BR>3、中文文本每行开始空两格。 </P> <P>--图片 <BR>颜色丰富或渐变的图片(如产品图片等),建议用JPG格式;颜色单调的图片(如LOGO、文字按钮等),建议用GIF格式。 </P> <P>--链接 <BR>1、不要有错误链接、出不来的图像(包括由于文件名大小不一致或路径不对引起的错误); <BR>2、所有次页面包含一个返回首页的链接。 </P> <P>--效果与速度 <BR>1、网页应该保持较小的字节数,过大的文件分成若干个页面; <BR>2、在不影响图片效果的前提下合理压缩图形文件。 </P> <P>--浏览器兼容性 <BR>同时兼顾IE和Netscape两种浏览器及多种分辨率等情况,避免排版出错。 </P> <P>--其它 <BR>确认公司简介包含公司全部相关信息,包括通信地址、电话、E-mail和联系人等。</</pre><pre><span>补充:</span>网页制作,设计基础 </pre></div><div class="zykmore"><script type="text/javascript" src="/js/s3.js"></script></div><div class="content"><p>上一个:<a href="/show/80986c91e87fad4f.htm">网站制作步骤</a><br/>下一个:<a href="/show/ee717ef59ef91963.htm">UML辅助网站规划和设计指南(图图暂缺)</a></p><div class="piclist">更多图片编程知识:<ul><li><a href="/show/99b79ee4fbc1519b.htm"><img src='/upload/2007/10/22/2007102214525488.jpg' width=105 height=105><br/>创意九阴真经三十三式 第五式 夸张必到极点</a></li><li><a href="/show/142b36cf53dcc802.htm"><img src='/upload/2013111617/20110430112948852.gif' width=105 height=105><br/>ICE简单介绍及使用示例</a></li><li><a href="/show/5b2a527e94124ef4.htm"><img src='/upload/2013111617/20110416130707356.png' width=105 height=105><br/>《算法导论》学习总结 — 2.第一章 && 第二章 && 第三章</a></li><li><a href="/show/b7d97b77d25b363f.htm"><img src='/upload/2007/10/22/2007102214618257.gif' width=105 height=105><br/>色彩系列教程</a></li><li><a href="/show/c5ad452045e40fce.htm"><img src='/upload/2013111617/20110107120723693.jpg' width=105 height=105><br/>编写简单的文件夹加密工具</a></li><li><a href="/show/97b12d48beda2635.htm"><img src='/upload/2013111617/20130725110945113.jpg' width=105 height=105><br/>C++网络安全工具编程(一)connect端口扫描器</a></li></ul></div></div> <div class="zykmore"><script type="text/javascript" src="/js/s4.js"></script></div><div class="more"><dl><dt>更多<a href="/list/27_1.htm">网站相关</a>疑问解答:</dt><dd><a target="_blank" href="/show/da444108c3ee5886.htm">点com的文化和设计</a></dd><dd><a target="_blank" href="/show/d0a680e214a1e5e5.htm">网站项目管理规范手册</a></dd><dd><a target="_blank" href="/show/18d422713f89e61d.htm">设计师不可不看----《李永诠设计录》</a></dd><dd><a target="_blank" href="/show/7c9db50114b1d7fc.htm">网站开发规范</a></dd><dd><a target="_blank" href="/show/ab8cf04adc47b44d.htm">设计之心理学研究</a></dd><dd><a target="_blank" href="/show/ad83e28cacf44b28.htm">网页艺术设计初探</a></dd><dd><a target="_blank" href="/show/42090d4536ef8e18.htm">网页设计的八种陋习</a></dd><dd><a target="_blank" href="/show/79e6b279d993f74f.htm">平面构成入门(一)平面构成的基本要素</a></dd><dd><a target="_blank" href="/show/4aa14ff291d70f2f.htm">Web 上图形设计的最佳实践</a></dd><dd><a target="_blank" href="/show/b9df8164c55f569a.htm">平面构成入门(三)平面构成的形式</a></dd><dd><a target="_blank" href="/show/c6404b328977c77b.htm">平面构成入门(二)单形的构成</a></dd><dd><a target="_blank" href="/show/e4be70f35529b33c.htm">网站风格之魂</a></dd><dd><a target="_blank" href="/show/cf9989331927e07d.htm">网站生存的关键---创意</a></dd><dd><a target="_blank" href="/show/e1947d680aef61ad.htm">平面构成入门-平面构成的基本要素</a></dd><dd><a target="_blank" href="/show/e38d6c304d5a923f.htm">从美的原则谈 WWW 网页上的艺术表现 一:美的原则</a></dd></dl></div> </div> <div id="zykleft"> <div class="leftm"> <div id="logo"><a href="http://www.zzzyk.com/">站长资源库</a> <div class="clear"></div><script type="text/javascript" src="/js/i7f.js"></script></div> <script type="text/javascript" src="/js/sharen.js"></script><div class="clear"></div> <dl class="list"><dd><a href="/list/1_1.htm">asp</a></dd><dd><a href="/list/2_1.htm">php</a></dd><dd><a href="/list/3_1.htm">Delphi</a></dd><dd><a href="/list/4_1.htm">Matlab</a></dd><dd><a href="/list/5_1.htm">JSP</a></dd><dd><a href="/list/6_1.htm">Foxpro</a></dd><dd><a href="/list/7_1.htm">JS</a></dd><dd><a href="/list/8_1.htm">C/C++</a></dd><dd><a href="/list/9_1.htm">C#/ASP.NET</a></dd><dd><a href="/list/10_1.htm">VC++</a></dd><dd><a href="/list/11_1.htm">JAVA</a></dd><dd><a href="/list/12_1.htm">VB</a></dd><dd><a href="/list/13_1.htm">汇编语言</a></dd><dd><a href="/list/20_1.htm">html/css</a></dd><dd><a href="/list/21_1.htm">CGI</a></dd><dd><a href="/list/23_1.htm">XML/UML</a></dd><dd><a href="/list/24_1.htm">wap</a></dd><dd><a href="/list/27_1.htm">网站相关</a></dd><dd><a href="/list/60_1.htm">网页素材</a></dd><dd><a href="/list/70_1.htm">python</a></dd></dl><dl class="notice">如果你遇到<a href="/default.htm">编程学习</a>难题:<br/>请访问www.zzzyk.com 试试</dl> </div> <div class="leftm"><dl><dt><script type="text/javascript" src="/js/s5.js"></script></dt></dl></div> <div class="leftm"><dl><dt><script type="text/javascript" src="/js/s6.js"></script></dt></dl></div> </div></div> <div class="clear"></div> <div class="bdshare"> <script type="text/javascript" src="/js/share.js"></script> </div> <div class="clear"></div> <div class="foot">CopyRight © 2012 站长网 编程知识问答 <a href="http://www.zzzyk.com">www.zzzyk.com</a> All Rights Reserved<br/>部份技术文章来自网络,<script type="text/javascript" src="/images/my.js"></script> </div> </body> </html>