1、河 北 理 工 大 学 毕 业 论 文 淘宝返利网- 1 -毕业设计说明书学 号： 15 姓 名： 徐璞 指导教师： 于复兴 辅导教师： 于复兴 专业名称：计算机网络技术与应用计 算 机 与 自 动 控 制 学 院2005 年 6 月 15 日河北理工大学毕 业 设 计 说 明 书音乐网站设计论文计 算 机 与 自 动 控 制 学 院2005 年 6 月 15 日河北理工大学本科生毕业设计（论文）任务书（由指导教师填写）学院 继续教育学院 学生姓名 徐璞 指导教师 于复兴设计（论文）题目 音乐网站设计主要研究目标 Asp 技术的应用与网站的开发主要研究内容 通过 Asp 技术的应用,进行研究研
2、究方法 利用网站来研究说明书（论文）的要求图纸的要求 0 号 系统整体结构图1 号 浏览功能模块图河 北 理 工 大 学 毕 业 论 文 淘宝返利网- 2 -主要参考文献 ASP 简单教程ASP 高级教程注：任务书的具体内容可依据各系要求进行修正。另，学生所做毕业设计(论文) 的工作的研究成果归河北理工大学所有，学生不能向第三方泄露有关成果内容和技术秘密。河北理工大学本科生毕业设计（论文）计划进程表（由学生填写）学院 继续教育学院 姓 名 徐璞 合作者 王均,李博,党环星设计（论文）题目 音乐网站设计说明时 间 工 作 内 容 完 成 情 况2005.5.102005.5.142005.5.2
3、02005.5.242005.5.302005.6.32005.6.72005.6.102005.6.14 网站的初步策划网站的资料收集网站主页面设计网站的附页面网站的整体页面数据库的编写数据库资料填写对网站的进一步修改论文的写作无3 本资料整体布局完成一般基本完成基本数据库完成完成资料的填写添加歌曲完成本人完成部分 说明书 万字论文 18 万字图纸 0 号图纸,1 号图纸， 折合 1 号图共 2 张译文 说明书(论文)汉译英 共 万字英译汉 共 万单词其他河 北 理 工 大 学 毕 业 论 文 淘宝返利网- 3 -指导教师签字：河北理工大学 计算机与自动控制 学院本科生毕业论文（设计）成绩评
4、分表（指导教师用表）班级 02 网职 1 班 学生姓名 徐璞 1评价内容 具 体 要 求 分值 评 分A B C D E调查论证 能独立查阅文献和从事其他调研；能正确翻译外文资料；能提出并较好地论述课题的实施方案；有收集、加工各种信息及获取新知识的能力。 10 10 9 8 7 6实验方案设计与实验技能 能正确设计实验方案，独立进行实验工作，如装置安装、调试、操作。 20 20 18 16 1412分析与解决问题的能力 能运用所学知识和技能去发现与解决实际问题；能正确处理实验数据；能对课题进行理论分析，得出有价值的结论。 20 20 18 16 14 12工作量、工作态度 按期圆满完成规定的任
5、务，工作量饱满，难度较大；工作努力，遵守纪律；工作作风严谨务实。 20 20 18 16 14 12论文（设计）质量 综述简练完整，有见解；立论正确，论述充分，结论严谨合理；实验正确，分析处理科学；文字通顺，技术用语准确，符号统一，编号齐全，书写工整规范，图表完备、整洁、正确；论文结果有应用价值。 20 20 18 16 14 12创 新 工作中有创新意识； 对前人工作有改进或突破，或有独特见解。 10 10 9 8 7 6总 分 总分30%指导教师评语：指导教师签名： 年 月 日注：不同的专业对毕业设计（论文）有不同的侧重点，本表仅供参考，各系专业指导教师依据本专业制定的毕业设计评分原则执行
6、。河北理工大学 计算机与自动控制 学院本科生毕业论文（设计）书面成绩评分表（评阅人用表）河 北 理 工 大 学 毕 业 论 文 淘宝返利网- 4 -班级 02 网职 1 班 学生姓名 徐璞 1 评价内容 具 体 要 求 分值 评 分A B C D E翻译资料综述材料 查阅文献有一定广泛性；翻译外文资料质量较好；有综合归纳资料的能力和自己见解。 1515 13 11 9 7论文质量 综述简练完整，有见解；立论正确，论述充分，结论严谨合理；实验正确，分析处理科学；文字通顺，技术用语准确，符号统一，编号齐全，书写工整规范，图表完备、整洁、正确；论文结果有应用价值。50 50 45 40 35 30工
7、作量、难度 工作量饱满，难度较大。 25 25 23 21 19 17创 新 对前人工作有改进或突破，或有独特见解。 10 10 9 8 7 6总 分 总分30%评阅人评语：评阅人签名： 年 月 日河北理工大学 计算机与自动控制 学院本科生毕业论文（设计）答辩成绩评分表（答辩委员会用表）班级 02 网职 1 班 学生姓名 徐璞 评价内容 具 体 要 求 分值 评 分A B C D E报告内容 思路清晰；语言表达准确，概念清楚，论点正确；实验方法科学，分析归纳合理；结论严谨；论文结果有应用价值。 50 50 45 40 35 30创 新 对前人工作有改进或突破，或有独特见解。 10 10 9 8
8、 7 6答 辩 回答问题有理论根据，基本概念清楚。主要问题回答准确、有深度。 30 30 27 2421 18河 北 理 工 大 学 毕 业 论 文 淘宝返利网- 5 -报告时间 符合要求。 10 10 9 8 7 6总 分 总分40%答辩委员会委员签名： 年 月 日河北理工大学本科生毕业设计（论文）成绩评定表学院：继续教育学院 班级：02 网职 1 班 学生姓名 徐璞 设计（论文）总成绩设计（论文）题目 音乐网站设计论文指导教师评定成绩 评阅人评定成绩 答辩成绩 答 辩 小 组 评 语组长签名： 年 月 日注：设计（论文）总成绩=指导教师评定成绩（30% ）评阅人评定成绩（30% ）答辩成绩
9、（40%）目录第一章：绪论.-101.1 网络平台 3P 设计技术与网络数据库-101.2 设计思想-131.3 网站设计规范-131.4 开发工具及介绍-16第二章：网站总体分析与设计-182.1 网站系统分析-182.2 主页设计-192.3 数据库设计-19第三章：详细设计-193.1 登陆系统-193.2 组成结构-203.3 应用 JavaScrip 设计网页-213.4 相关站点引导连接-213.5 音乐搜索-213.6 网站功能摸块图-22河 北 理 工 大 学 毕 业 论 文 淘宝返利网- 6 -第四章：系统的使用安装与说明-234.1 运行环境要求-234.2 安装设置-23
10、第五章：致谢和结束语-23附加网站代码-24第一章：诸论在 Internet 飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet 上发布信息主要是通过网站来实现的，获取信息也是要在 Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在 Internet 应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。1.1 网络平台 3P 设计技术与网络数据库目前动态网站设计技术主要有：利用 Perl/C+/Delphi 等开发的 CGI,两种
11、有名的 API-ISAPI/NSAPI,还有ColdFusion，以及最近几年流行起来的 3p 技术-ASP ，PHP，JSP （据 Internet 上有关网站统计约有近百种） ；ASP-Ative Server Page，由微软公司开发 ，是一个 WEB 服务器端的开发环境，主要采用脚本语言VBScript（或 Javascript/perl 等）作为自己的开发语言，可用 ODBC 或直接驱动法访问 Window 平台的数据库。PHP-Person Server Page ，是由 Rasmus 个人创立的一种跨平台的服务器端的嵌入式脚本语言 . 它大量地借用C,Java 和 Perl 语言
12、的语法 , 并耦合 PHP 自己的特性,.是一种很有个性的网站开发语言，它支持目前绝大多数数据库。JSP-Java Server Page ， 是 Sun 公司推出的新一代站点开发语言，Sun 公司除 Java 应用程序 和 Java Applet之外，又创立了 JSP，其可以在 Serverlet 和 JavaBean 的支持下，完成功能强大的站点程序开发，特别是有许多访问数据库的方法。在电子商务平台设计中，主要需要解决“网站结构的设计“ ，“注册界面“，“ 交易界面“，“后台数据库“，以及 “配套模块“诸如购物/ 用户/论坛/ 反馈/搜索/会话等设计；考虑篇幅，本文只给出统一的前台界面及后
13、台数据库的 3p 设计方法；可以说 ASP，PHP ，JSP 与网络数据库的操作是电子商务网站平台设计的坚强基石。 2 构建三种设计技术的运行环境 2 .1 构建 ASP 的运行环境：NT5.0Server,IIS5.0 ,ASP3.0 。 安装 Windows2000Server(NT5.0Server)时选择 IIS5.0 有关选项。安装完后 ASP3.0 便内嵌于 IIS5.0 中。测试 ASP:启动浏览器，在地址栏处输入 http:/127.0.0.1:80/default.asp,若浏览到 IIS 服务器的 ASP 欢迎页面，说明安装成功 2.2 构建 PHP4 的运行环境：NT5.
14、0Server, Apache1.3.12 php4.0 安装支持 PHP 的 web 服务器 Apache1.3.12，将Apache 服务器压缩文件解压缩，根据提示进行整个安装过程,自己选择安装到目录 d:apache 下。安装 PHP4，将PHP4 压缩文件解压缩到 d:php4 即可，同时将其中的 php.ini-dist 文件拷贝到 winnt 目录中，将文件更名为php.ini,打开该文件将其中 extension_dir 设置为：d:/php4,并加载扩展模块：将文件中含有;extention=*.dll 的各项前面的“;“ 号去掉即可；修改设置 Aphache 服务器，用文本编
15、辑器编辑目录 d：aphache 目录下的子目录 conf 下名为 httpd.conf 的文本文件，首先将“#ServerName *“这一行下加入“ServerName http:/127.0.0.1/“ ，其次将“Port 80“改为“Port 81(或其他与 IIS5.0 不冲突的端口)“,再其次设置更改 Apache 虚拟目录,将“Documentroot “d:/Apache/htdocs“改为 Documentroot “d:/trade“(该目录即是电子商务网站目录，可用任意方法建立目录 trade)，最后加入支持 php4 的如下语句：ScriptAlias /php4/ “
16、d:/php4/“ AddType application/x-httpd-php .php AddType application/x-httpd-php .phtml Action application/x-httpd-php4 “/php4/php.exe“;测试 php：完成上述步骤后，在 d:trade 目录下，用如何文本编辑器,生成扩展名为.php(或 phtml)的文件 test.php,在文件中输入如下php 代码,存盘后，启动 Apache,接着你在浏览器中输入：http:/127.0.0.1：81/test.php，若看到 php 的版本和扩展模块等信息，说明环境安装设置
17、成功。 2.3 构建 JSP 的运行环境：NT5.0Server,Resin1.13, jdk1.3 安装 Java 编译器 jdk1.3：运行 jdk1_3-win.exe，按照提示完成安装即可 ,将其安装在 d:java1.3 目录,也可安装在其他目录。 设置系统环境参数：控制面板/系统/ 环境页中选择 path 参数加入 d:jdk1.3bin;增加新的环境参数classpath=d:jdk1.3libtools.jar;d:jdk1.3libdt.jar;，然后重新启动计算机即可安装支持 JSP 的 web 服务器Resin1.1.3,将 RESIN-1.1.3.zip 释放为 d:R
18、esin1.1.3 即可。配置服务器端口 ,打开 d:/resin1.1.3/conf/目录下的resin.conf 文件在 8080 标签处将端口设置为 82(在我的 NT5.0 上装有三个服务器,这样三个服务器的端口分别为IIS :80;Apache:81;Resin:82 其实也可设置为其他互不冲突的端口号). 测试 JSP：启动 Resin 服务器，启动浏览器，河 北 理 工 大 学 毕 业 论 文 淘宝返利网- 7 -在地址栏处输入 http:/127.0.0.1:82/,若浏览到 Resin 服务器的 JSP 欢迎页面，说明安装成功. 3、生成三种格式的动态表单页面 为了通用,这里
19、采用可能用到的表单对象为例，至于下面设计具体数据表用到的字段，只要转成给出的表单域相应对象即可. 3.1 用 ASP 动态生成与数据库进行数据交流的操作表单： form.asp： 生成表单域头： 生成普通文本： 生成密码文本： 生成滚动文本： 生成单选： 生成复选： 生成列表框： 生成提交按钮 生成重填按钮 生成表单域尾。 3.2 用 PHP 动态生成与数据库进行数据交流的操作表单： form.php 生成表单域头：“? 生成普通文本：“? 生成密码文本：“? 生成滚动文本：“? 生成单选：“? 生成复选：“? 生成列表框：网络数据库 Asp 技术 Php 技术 Jsp 技术网站设计 “? 生
20、成提交按钮 “? 生成重填按钮“? 生成表单域尾“? 3.3 用 JSP 动态生成与数据库进行数据交流的操作表单 form.jsp 生成表单域头： 生成普通文本： 生成密码文本： 生成滚动文本： 生成单选： 生成复选： 生成列表框： 生成提交按钮 生成重填按钮 生成表单域尾。 4、设计用于存储商务网站交互数据的 MySql 数据库 4.1 启动 MySql 数据库服务器(MySql 的安装及 ODBC驱动程序的安装与设置请参阅相关书籍) 可在 NT5.0 下用启动服务法 /NET 命令法/ 命令窗口键入 MySqld-shareware 法，启动 MySql 数据库服务器，启动数据库服务器后，
21、在 d:mysqlbin提示符下键入 mysql-h 127.0.0.1 -u root 即可出现 mysql提示符，从这开始即可进行对 MySql 数据库的各种操作。若要退出可键入quit/exit,若要关闭数据库服务器，可在 d:mysqlbin提示符下键 mysqladmin -u root shutdown 4.2 建立 MySql 数据库 在 MySql 数据库的提示符 mysql键入 Create database tradedb ;(或 go) 4.2.建立 MySql 数据库表 这里以商务网站中常用的几种数据表为例，主要用到的数据表和生成数据表的 SQL 代码如下：（这里的数据
22、表字段只要分别对应上述表单域对象即可实际操作,数据表统一用 tablename 表示） 客户登录管理数据表CREATE TABLE users ( ID int not null auto_increment, UserName varchar(30) not null, Password varchar(20) not null) 客户信息数据表 CREATE TABLE usermessage ( UserName varchar(30) not null, Email varchar(80)not null, Address varchar(120) not null , Fax var
23、char(40) null, Phone varchar(40) not null, Cerreycard varchar(50) not null ) 客户定购商品数据表 CREATE TABLE catalog ( ProductId int not null , Name varchar(64)not null, Price float(6,2) not null, Description text null ) 5、设计处理表单数据的 3p 程序 5.1 设计处理表单数据的 ASP 程序 form_cl.asp 建立与数据库的连接：这里采用直接驱动法Set conn = Server.
24、CreateObject(“ADODB.Connection“)； conn.open “driver=MySQL;server=localhost;uid=user;pwd=xxxxxx;database=tradedb“ 获取表单提交的数据： data1=request(“ptwbk“)；data2=request(“mmwbk“)；data3=request(“gdwbk“) data4=request(“dxk“)；data5=request(“fxk“)；data6=request(“lbk“)用 SQL 语句对数据库进行操作 查询数据记录： sql=“select * from t
25、ablename“ ；set rs=conn.execute(sql) “ 增加数据记录： sql=“insert into tablename(ptwbk,mmwbk,gdwbk,dxk,fxk,lbk)values(data1,data2,data3,data4,data5, data5)“； set rs=conn.execute(sql) 更改某条数据记录：sql=“update tablename set data1=“request(ptwbk)“, where ID=“num“； set rs=conn.execute(sql) 删除某条数据记录：sql=“delete from
26、 tablename where ID=“num“；set rs=conn.execute(sql) 将 SQL 语句处理的数据结果输出Response.Write “ “ Response.Write “ “ For i=0 to rs.Fields.Count-1 Response.WRITE “ “ 选择数据库:mysql_select_db(“tradedb“,“$conn“); 获去表单提交的数据：$data1=$ptwbk; $data2=$mmwbk; $data3=$gdwbk; $data4=$dxk; $data5=$fxk; $data6=$lbk; 用 SQL 语句对数
27、据库进行操作 查询数据记录： $sql=“select * from tablename“ ；$result=odbc_do($conn,$sql); 增加数据记录：$sql=“insert into tablename(ptwbk,mmwbk,gdwbk,dxk,fxk,lbk) values($data1,$data2,$data3,$data4,$data5,$data6)“;$result=odbc_do($conn,$sql); 更改某条数据记录：$sql=“update tablename set $data1=ptwbk where ID=num“ $result=odbc_do
28、($conn,$sql); 删除某条数据记录:$sql=“delete from tablename where ID=num“;$result=odbc_do($conn,$sql); 将 SQL 语句处理的数据结果输出odbc_result_all($result,“border=1“); 关闭数据库： odbc_close($conn); 5.3 设计处理表单数据的 JSP 程序河 北 理 工 大 学 毕 业 论 文 淘宝返利网- 8 -form_cl.jsp 建立与数据库的连接：这里采用 JDBC-ODBC 桥生成 JavaBean 法 创建一个 JavaBean 命名为conndb.
29、java,并保存在 d:/resin1.1.3/doc/web-inf/classes/trade 目录下,代码如下：(限于篇幅这里没按标准书写,而采用不换行写法,其他类同)package trade; import java.sql.*; public class conndb String url=“jdbc:inetdae:localhost“;String login=“user“; String password = “xxxxxx“; String sDBDriver = “sun.jdbc.odbc.JdbcOdbcDriver“;String sConnStr = “jdbc:
30、odbc:Dsnmysql“; Connection conn = null; ResultSet rs = null; public conndb() try Class.forName(sDBDriver); Connection conn = DriverManager.getConnection(url,login,password); catch(java.lang.ClassNotFoundException e) System.err.println(“conndb():“ + e.getMessage(); Public/ResultSet/executeQuery(Strin
31、g/sql)/rs=null;tryconn=DriverManager.getConnection(sConnStr); Statement stmt = conn.createStatement();rs = stmt.executeQuery(sql); catch(SQLException ex) System.err.println(“aq.executeQuery: “ + ex.getMessage(); return rs; 然后用 javac 编译 conndb.java 生成与其同目录的conndb.class 文件，在 form_cl.jsp 文件中加入如下标签即可建立与
32、数据库的连接 获去表单提交的数据：String data1=request.getParameter(“ptwbk“); String data2=request.getParameter(“mmwbk “) String data3=request.getParameter(“gdwbk “) String data4=request.getParameter(“dxk “) String data5=request.getParameter(“fxk “) String data5=request.getParameter(“lbk “) 语句对数据库进行操作 查询数据记录：String
33、sql=“select * from tablename“; connbean.executeQuery(sql); 增加数据记录：String sql=“insert into tablename values(“ + data1 + “,“ +data2 +“,“ +data3 + “,“ + data4+ “+“,“ + data5+“,“ + data6+“)“;connbean.executeQuery(sql); 更改某条数据记录：String sql=“update tablename set data1=“ + ptwbk + “,data2=“ + mmvbk + “,dat
34、a3=“ +gdwbk + “ where ID=“ + num + “ ;connbean.executeQuery(sql) 删除某条数据记录:String sql=“delete from tablename where ID=“ +num+ “ ; connbean.executeQuery(sql); 将 SQL 语句处理的数据结果输出 ResultSet rs = connbean.executeQuery(sql); While (rs.next() out.print(“ “+rs.getString(“ptwbk“)+“ “);out.print(“ “+ rs.getStr
35、ing(“mmvbk“) + “ “);out.print(“ “ + rs.getString(“gdwbk“) + “ “); out.print(“ “ + rs.getString(“dxk“) + “ “);out.print(“ “ + rs.getString(“fxk“) + “ “);out.print(“ “ + rs.getString(“lbk“) + “ “); 关闭数据库： rs.close();1.2 设计思想通过网站，来满足大家对音乐的渴望,希望大家能对音乐有更深刻的了解,次网站收集了一些比较知名的歌曲,已供大家欣赏,争取以最全面最快速的速度,来满足大家对音乐的
36、要求1.3 网站设计规范一：.基 本 要 求 （1）. 在网站根目录中开设 images common temp 三个子目录，根据需要再开设 media 子目录，images 目录中放不同栏目的页面都要用到的公共图片，例如公司的标志、banner 条、菜单、按钮等等；common 子目录中放css、js,、php、include 等公共文件；temp 子目录放客户提供的各种文字图片等等原始资料；media 子目录中放flash, avi, quick time 等多媒体文件 。 （2）. 在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个 i
37、mages 和 media 的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。（3）. temp 目录中的文件往往会比较多，建议以时间为名称开设目录，将客户陆续提供的资料归类整理。 （4）. 除非有特殊情况，目录、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录的命名请尽量以英文为指导，不到万不得已不要以拼音作为目录名称，经验证明，用拼音命名的目录往往连一个月后的自己都看不懂， 二：.脚 本 编 写 我们应该有一个脚本整体风格一致的概念，意思是一个月后和一个月前的你写的脚本风格保持一致，
38、以及同一个工作组中不同的开发人员编写的脚本风格保持一致，因为我们不可能永远孤立的开发，你随时都有可能和三个月前的自己合作（你的客户要求改版） ，也经常要和工作室中不同的同事共同开发一个项目，还有可能被要求修改已经离职人员开发的脚本，当然你自己也有可能会扔下一个项目给后来的同事。 1. Html 文件的通用模板： 河 北 理 工 大 学 毕 业 论 文 淘宝返利网- 9 -文档标题 其他 meta 标 记 样式表定义 客户端 javascript 函数定义及初始化操作 补充： 为了保证网站能够与下一代的 web 语言 xml 标准兼容，所有的 HTML 标签的属性都要用单引号或者双引号括起，即我
39、们应该写 而不 是 . 2. 允许全文检索的页面，为了使 Internet 上的搜索引擎能够有效检索，在频道的首页的 html 的之间应该加入 Keywords 和 Description 元标记，例如 ： 3. CSS 文件的格式样例代码 ： 这里尤其要注意的是 a:link a:visited a:hover a:actived 的排列顺序一定要严格照上面的样例代码，否则或多或少会出问题。另外我们规定重定义的最先，伪类其次，自定义最后，便于自己和他人阅读！ 为了保证不同浏览器上字号保持一致，字号建议用点数 pt 和像素 px 来定义，pt 一般使用中文宋体的 9pt 和11pt，px 一般
40、使用中文宋体 12px 和 14.7px 这是经过优化的字号，黑体字或者宋体字加粗时，一般选用 11pt和 14.7px 的字号比较合适。 河 北 理 工 大 学 毕 业 论 文 淘宝返利网- 10 -在写 互相嵌套时，严格按照的规范，对于单独的一个来说，对齐， 缩进两个半角空格， 中如果还有嵌套的表格， 也缩进两个半角空格，如果 中没有任何嵌套的表格， 结束标记应该与 处于同一行，不要换行， 如我们注意在源代码中不应有这样的代码： 而应该是这样的： 这是因为浏览器认为换行相当于一个半角空格，以上不规范的写法相当于无意中增加一个半角空格，如果确实有必要增加一个半角空格，也应该这样写： 属于同一
41、个级别 的 一定是左首对齐的，另外不允许没有任何内容的空的单元格存在，高度大于等于12px 的单元格应该 在 和 之间写一 个 如果高度小于 12px, 则应该 在 和 之间插入一个 1*1 大小的透明的 gif 图片，这是因为某些浏览器认为空单元格非法而不会予以解释。如果代码顺序较乱，在 DW3 中可以通过 command-apply souce formatting 进行重新整理！ 5. Width 和 height 的写法也有统一的规范，一般情况下只有一列的表格， width 写在 的标签内，只有一行的表格，height 写在 的标签内，多行多列的表格，width 和 height 写在
42、第一行或者第一列的 标签内。总之遵循一条原则：不出现多于一个的控制同一个单元格大小的 height 和 width, 保证任何一个 width 和 height 都是有效的，也就是你改动代码中任何一个 width 和 height 的数值，都应该在浏览器中看到变化。做到这一条不容易，需要较长时间的练习和思考。 三：一 般 原 则 1. 在排布表格之前，请大家一定要好好思考一个最佳的方案，表格的嵌套尽量控制在三层以内，并且应该尽量避免 两个标记，经验表明，这两个标记会带来许多麻烦。 2. 一个网页要尽量避免用整个一张大表格，所有的内容都嵌套在这个大表格之内，因为浏览器在解释页面的元素时，是以表格
43、为单位逐一显示，如果一张网页是嵌套在一个大表格之内，那么很可能造成的后果就是，当浏览者敲入网址，他要先面对一片空白很长时间，然后所有的网页内容同时出现。如果必须这样做，请使用 标记，以便能够使这个大表格分块显示。 3. 排版中我们经常会遇到需要进行首行缩进的处理，不要使用 或者全角空格来达到效果，规范的做法是在样式表中定义 p text-indent: 2em; 然后给每一段加上 标记，注意，一般情况下，请不要省略 结束标记 。 4. 原则上，我们禁止用 来人为干预图片显示的尺寸，而且建议 标签中不要带上 width 和 height 两个属性，这是因为制作过程中，图片往往需要反复的修改，这样
44、可以避免人为干预图片显示的尺寸，尽可能的发挥浏览器自身的功能；但是这样的一个副作用是当网页还未加载图片时，不会留出图片的站位大小，可能会造成网页在加载过程中抖动（如果图片是插在一个固定大小的表格里的，不会有这个现象） ，尤其是当图片的尺寸较大时，这种现象会很明显，所以当预料到这种会明显导致网页抖动的情况会发生时，请大家务必在最后给 附上 width 和 height 属性。 5. 为了最大程度的发挥浏览器自动排版的功能，在一段完整的文字中请尽量不要使用 来人工干预分段。 6. 不同语种的文字之间应该有一个半角空格，但避头的符号之前和避尾的符号之后除外汉字之间的标点要用全角标点，英文字母和数字周围的括号应该使用半角括号。 7. 所有的字号都应该用样式表来实现，禁止在页面中出现 标记。 8. 请不要在网页中连续出现多于一个 的 也尽量少使用全角空格（英文字符集下，全角空格会变成乱码） ，空白应该尽量使用 text-indent, padding, margin, hspace, vspace 以及透明的 gif 图片来实现。 9. 中英文混排时，我们尽可能的将英文和数字定义为 verdana 和 arial 两种字体。 10. 行距建议用百分比来定义，常用的两个行
