网站设计与制作论文范例【最新5篇】

【导言】此例“网站设计与制作论文范例【最新5篇】”的范文资料由阿拉题库网友为您分享整理，以供您学习参考之用，希望这篇资料对您有所帮助，喜欢就复制下载支持吧！

网站设计与开发论文【第一篇】

关键词：网站开发；教学模式；考核方式

中图分类号：G712 文献标志码：A 文章编号：1674-9324（2012）09-0197-02

在我国，大部分高职院校的计算机及信息技术类专业开设了网站开发课程，例如网页设计与制作、动态网页技术等等。相比高级语言程序设计、数据库原理等专业基础课，网站开发课程教学模式有别于传统的基础理论课程。笔者从近两年从事此类课程教学的过程和经历中总结出了一些相关的教学经验，希望能对此类课程的教学模式的创新有一定的借鉴作用。

一、网站开发课程特点

网站开发课程主要介绍了在网站开发过程中需要使用到的知识与技术，全面阐述了网站的设计思想和实现方法，从而培养学生综合设计与开发网站综合素质，为学生今后毕业从事计算机信息系统或网络应用系统的开发、设计等工作奠定专业技能基础。综合来看，网站开发课程主要有以下特点：

1.知识综合性高。在学习该类课程之前，要求学生应该具有良好的程序设计、数据库和计算机网络等专业基础知识。在掌握网站开发技术的基础上，能综合运用相关知识与技能开发网站。

2.技能实践性强。在整个该类课程的教学过程中，需要学生实际开发实践动手的内容较多，技能的练习十分重要。

3.要求良好的自学能力。本类课程强调学生是学习的主体，教师只是起主导作用。所以学生自我学习的能力是关键，要求学生能利用手边资源，达到分析问题解决问题的目的。

二、课程教学模式的创新

高职院校培养的是学生的动手能力和解决实际问题的能力，让学生在学习中养成良好的习惯，将来毕业能很快适应企业的需求。然而市场经济体制下的社会竞争激烈，就业压力大。很多学生认为自己在大学期间学习的知识偏于理论，动手机会少，对专业学习的兴趣不高。所以要引导学生学习，首先要调动学生学习的积极性，加强学生的动手操作能力，并且探索一种适合这类课程的教学模式。所以传统理论知识课程以教师讲授为主导的教学方法在网站开发课程的教学中并不太适用，采用系统理论讲授和任务驱动法更适合这类课程的教学。所谓任务驱动法在任务的驱动下，培养学生自主学习的能力、积极主动地求解，通过教师的引导，使学生能够主动地讨论、交流，达到从“学会”到“会学”的质的飞跃。

1.课堂教学。课堂教学主要分两个部分：知识的讲解与案例的实训练习。在讲课之前要对学生的基本情况有一个初步的了解，如学生的专业基础知识结构、掌握基础知识的程度等。这样在介绍新知识的同时，可以有的放矢地对基础知识做个复习和总结。使学生能将之前学到的知识融会贯通。当正式进入课程内容的教学过程中，要着重介绍一种网站开发技术，并加以多样的案例讲解，运用多媒体手段，将整个开发过程全面详细并形象生动地展示给学生，并督促学生及时上机进行实训练习，巩固知识技能。当前网站的开发技术丰富多样，根据专业设置以一种技术为主线进行展开，系统地介绍相关的理论和技术知识，这样有助于对学生知识结构的构建。对于高职层次的学生，介绍过多的开发技术，反而使学生不知如何取舍，造成学生知识结构的混乱。我院信息管理专业是以作为开发技术的主线进行展开课程设置的。待到开发技术介绍完毕后，在介绍综合案例时，教师要从网站的整体架构入手，由大到小，由外及内，逐级细化。可以详细分析一个典型案例，按内容和使用到的技术进行分阶段的介绍，前台界面设计、脚本编写、后台数据库的建立和操作等，最后介绍网站的和维护。其他案例可以让学生按照这种分析模式，自己动手，逐步完成。学生通过自身参加了解整个小型案例的开发过程，可以在开发过程中不断地讨论、改正和完善遇到的问题，对相应的知识也会加深理解和记忆，同时增强了自身的实践动手能力，激发学生兴趣，提高学习自主性。

2.课外任务。由于课堂的教学时间不多，学生在开发过程中遇到的很多问题无法一一解决，就需要学生能在课外自主查阅资料、上网查询和互相探讨相应问题。在此，课外的教学资源网站就可以发挥其作用。教师有必要收集并整理资源丰富、难易程度合适的网站及其资源，在每堂课的结束前留下合适的任务，供学生参阅和动手实践。教师可以创建类似的网站，及时将课程的代码、视频等资源信息到网站上，学生也可以利用网络上传电子作业，进行网络互动交流，由技术好的学生代替教师进行问题指导等等，使师生的交流和沟通更为方便快捷，也减轻教师的重复工作量。

三、考核方式的改革

考试是对教师教学内容和教学质量的反馈，也是衡量学生对所学知识掌握程度的手段，所以考试是教学过程中的重要组成部分。网站开发课程应该属于实践性质比较强的课程，所以传统的考试形式并不适用。但是某些实践课程采用上机考试的方式进行测试，也不适合网站开发课程，毕竟要求学生在一两节课的时间内开发出一个小型站点不切实际。鉴于此类课程的特点，我们采用了分组综合实训的考试方案，其中包括课程设计、技术内容文档和答辩等内容组成。每个小组大约3～5人，以一个技术较好的同学带头组织进行选题和任务分配，每人完成自己的任务并参照相关技术文档编写自己的技术文档，最后在期末提交小组的设计作品并答辩。以组队的方式完成期末考核，也让部分学生在课程设计中能发挥自我优势。比如有的学生比较擅长美工，有的学生擅长编写代码，那么这种组合方式也能让学生意识到团队合作的重要性，锻炼学生的团队合作精神。最后答辩环节，全体人员需要介绍自己在整个任务中完成的工作，由同学和教师一起来进行评判。

经过两年的实践，这种改革以后的考核方式取得了比较好的效果。大大地提高了学生的学习兴趣和学习效率，也培养了学生独立思考、勇于探索的学习能力，使学生对知识的掌握更加连贯，树立学生学习的自信心，锻炼了学生的动手能力。

综上所述，对于网站开发课程的教学过程中，教师通过对学生的平时作业、课外任务和最终期末课程设计成绩进行有效的管理，可以节省大量的重复工作，有助于提高学生的综合运用知识、团队意识、实践动手和创新等能力，进一步激发学生的学习自主性，为学生今后的工作打下专业基础。

参考文献：

[1]陶俊才，周兴斌，谢泰生。计算机基础课程开设综合性和设计性实验的探讨[J].实验室研究与探讨，2005，24（7）：80-81.

[2]肖宁，贾伟。大学信息技术类课程改革考试模式的探讨[J].山西财经大学学报，2006，28（1）：187.

[3]蒋秋艳，张东。对教考分离模式的再思考[J].南通工学院学报（社会科学版），2003，（2）：61-62.

网站设计毕业论文【第二篇】

关键词：ASP；SQL Server；毕业指导；网站设计

中图分类号：TP315

毕业论文是高校本科教学过程中最重要的环节，也是最后的环节。现在的大多数高校，就毕业设计指导来说基本上都是通过师生见面来完成的，或者是通过电话联系。这样导师有时既浪费时间又不能及时给予指导和答疑。对于学生来说和老师过于频繁的见面也会浪费一定的时间，面对就业压力越来越大的今天，应届毕业生面临着找工作的难题也就越来越严重，学生没有过多的精力和时间来和导师见面讨论毕业设计中的各种问题。因此，在网络如此发达的今天，采用网上的方式作为指导和答疑也不失是一种好的选择。

基于ASP的毕业设计指导网站是用ASP动态网页技术和SQL Server 2000开发，它涵盖计算机技术和网络技术两门学科。是提供给毕业生和指导教师之间沟通交流的好的平台。也是弥补目前许多高校的网站系统中一个小的漏缺，可以作为高校网站系统中的一小部分。正是这一不起眼的小部分，却给毕业生和指导教师带来了许多方便，节省了许多时间，又能及时地得到老师的指导，从而提高指导效率。

1 网站总体功能设计

基于ASP的毕业设计指导网站管理系统的主要用户分为三种类型：管理员、教师、学生。针对不同的用户类型，登录进去都有不同的权限和操作功能。

2 系统功能实现

主要包括数据库设计和网站功能设计。数据库设计主要是创建数据库和添加数据表，并创建触发器和存储过程等；网站功能设计主要是功能模块的界面和程序代码的实现。

数据库设计

（1）创建数据库和数据表

4）触发器。触发器是用户定义在关系表上的一类由事件驱动的特殊过程。一旦定义，任何用户对表的增、删、改操作均由服务器自动激活相应的触发器，在DBMS核心层进行集中的完整性控制。触发器比约束更加灵活，实施比约束更为复杂的检查和操作，具有更精细和更强大的数据控制能力。

在tbGuest表里创建了“update”触发器，“update”触发器用于当更改tbGuest表中strTitle时，其他视图关于该strTitle也相应更改。

网站功能设计

网站功能设计主要是各个功能模块的界面设计和程序代码的实现。

点击“管理个人信息”便可以进入该界面。该模块有查询个人信息、修改密码、查看公告的功能，其中学生和教师用户还有查看群发消息的功能，但是管理员不必要有此项功能，因为管理员群发消息时在当前的页面就可以看到，管理员还具有公告的功能，师生可以在管理个人信息中点击查看公告查看管理员的公告。还必须说明的是查询个人信息项中学生和教师用户没有权限，只有管理员有添加、删除和修改的权限。

上传和下载文件模块所有用户都有，该功能主要是方便用户的文件交流，点击上传文件可进入上传界面，点击下载可进入下载界面。

向指导老师提问模块是集结学生的提问，教师的回复和管理员的提醒答疑（管理员还可以选择公告的方式提醒教师答疑）为同一模块，该模块功能可以提供多方交流沟通，点击选择的方式可以进入相应的界面，学生可通过三种方式完成提问；教师通过相应的方式回复；管理员通过三种方式提醒教师答疑。

查询问题模块的实现，此模块只有留言方式可以查询，其他不必要。在学生和指导老师之间提供三种交流方式，查询中学生和教师没有权限，只有管理员有添加、删除的权限。

首页模块和退出系统模块，单击首页则返回首页登录界面，单击退出系统则实现关闭网页。

3 系统测试结果

本系统曾经移植到多台计算机上对不同配置的计算机进行兼容性测试，测试结果表明，Web在不同的环境配置下运行正常。

4 结语

本设计是基于B/S架构，采用ASP动态网页技术和SQL Server 2000，结合Dreamweaver软件开发出来的。网站根据不同身份的用户实现了不同的应用操作界面，各个界面的功能稍微不同但相差不大。整个系统界面友好，运行可靠，系统功能基本满足用户要求，从而加强了指导老师和学生之间的交流，提高了论文写作的效率。本系统可作为一个单独的毕业设计指导网站，也可以嵌入到高校网站系统中作为一个子系统。

参考文献：

[1]李林，申时凯，王卫星。Visual Basic程序设计[M].北京：地质出版社，2006，2.

[2]尚俊杰。网络程序设计 ―ASP（第三版）[M].北京：清华大学出版社，2009，6.

[3]王珊，萨师煊。数据库系统概论（第四版）[M].北京：高等教育出版社，2005，3.

[4]赵文耘，牛军钰。软件工程[M].北京：清华大学出版社，2007，1.

[5]张克非网络程序设计及应用[M].北京：北京航空航天大学出版社，2007，6.

[6]何薇，舒后。网络数据库技术与应用[M].北京：清华大学出版社，2011，4.

[7]吕云翔，王洋，肖咚。软件测试案例教程[M].北京：机械工业出版社，2011，1.

[8]赛奎春。ASP开发典型模块大全[M].北京：人民邮电出版社，2009，8.

[9]陈楚文。基于ASP的学籍管理系统分析[J].计算机光盘软件与应用，2012，4.

网站设计毕业论文【第三篇】

关键词：ASP；SQL Server；毕业指导；网站设计

中图分类号：TP315

毕业论文是高校本科教学过程中最重要的环节，也是最后的环节。现在的大多数高校，就毕业设计指导来说基本上都是通过师生见面来完成的，或者是通过电话联系。这样导师有时既浪费时间又不能及时给予指导和答疑。对于学生来说和老师过于频繁的见面也会浪费一定的时间，面对就业压力越来越大的今天，应届毕业生面临着找工作的难题也就越来越严重，学生没有过多的精力和时间来和导师见面讨论毕业设计中的各种问题。因此，在网络如此发达的今天，采用网上的方式作为指导和答疑也不失是一种好的选择。

基于ASP的毕业设计指导网站是用ASP动态网页技术和SQL Server 2000开发，它涵盖计算机技术和网络技术两门学科。是提供给毕业生和指导教师之间沟通交流的好的平台。也是弥补目前许多高校的网站系统中一个小的漏缺，可以作为高校网站系统中的一小部分。正是这一不起眼的小部分，却给毕业生和指导教师带来了许多方便，节省了许多时间，又能及时地得到老师的指导，从而提高指导效率。

1 网站总体功能设计

基于ASP的毕业设计指导网站管理系统的主要用户分为三种类型：管理员、教师、学生。针对不同的用户类型，登录进去都有不同的权限和操作功能。

2 系统功能实现

主要包括数据库设计和网站功能设计。数据库设计主要是创建数据库和添加数据表，并创建触发器和存储过程等；网站功能设计主要是功能模块的界面和程序代码的实现。

数据库设计

（1）创建数据库和数据表

4）触发器。触发器是用户定义在关系表上的一类由事件驱动的特殊过程。一旦定义，任何用户对表的增、删、改操作均由服务器自动激活相应的触发器，在DBMS核心层进行集中的完整性控制。触发器比约束更加灵活，实施比约束更为复杂的检查和操作，具有更精细和更强大的数据控制能力。

在tbGuest表里创建了“update”触发器，“update”触发器用于当更改tbGuest表中strTitle时，其他视图关于该strTitle也相应更改。

网站功能设计

网站功能设计主要是各个功能模块的界面设计和程序代码的实现。

点击“管理个人信息”便可以进入该界面。该模块有查询个人信息、修改密码、查看公告的功能，其中学生和教师用户还有查看群发消息的功能，但是管理员不必要有此项功能，因为管理员群发消息时在当前的页面就可以看到，管理员还具有公告的功能，师生可以在管理个人信息中点击查看公告查看管理员的公告。还必须说明的是查询个人信息项中学生和教师用户没有权限，只有管理员有添加、删除和修改的权限。

上传和下载文件模块所有用户都有，该功能主要是方便用户的文件交流，点击上传文件可进入上传界面，点击下载可进入下载界面。

向指导老师提问模块是集结学生的提问，教师的回复和管理员的提醒答疑（管理员还可以选择公告的方式提醒教师答疑）为同一模块，该模块功能可以提供多方交流沟通，点击选择的方式可以进入相应的界面，学生可通过三种方式完成提问；教师通过相应的方式回复；管理员通过三种方式提醒教师答疑。

查询问题模块的实现，此模块只有留言方式可以查询，其他不必要。在学生和指导老师之间提供三种交流方式，查询中学生和教师没有权限，只有管理员有添加、删除的权限。

首页模块和退出系统模块，单击首页则返回首页登录界面，单击退出系统则实现关闭网页。

3 系统测试结果

本系统曾经移植到多台计算机上对不同配置的计算机进行兼容性测试，测试结果表明，Web在不同的环境配置下运行正常。

4 结语

本设计是基于B/S架构，采用ASP动态网页技术和SQL Server 2000，结合Dreamweaver软件开发出来的。网站根据不同身份的用户实现了不同的应用操作界面，各个界面的功能稍微不同但相差不大。整个系统界面友好，运行可靠，系统功能基本满足用户要求，从而加强了指导老师和学生之间的交流，提高了论文写作的效率。本系统可作为一个单独的毕业设计指导网站，也可以嵌入到高校网站系统中作为一个子系统。

参考文献：

[1]李林，申时凯，王卫星。Visual Basic程序设计[M].北京：地质出版社，2006，2.

[2]尚俊杰。网络程序设计 ―ASP（第三版）[M].北京：清华大学出版社，2009，6.

[3]王珊，萨师煊。数据库系统概论（第四版）[M].北京：高等教育出版社，2005，3.

[4]赵文耘，牛军钰。软件工程[M].北京：清华大学出版社，2007，1.

[5]张克非网络程序设计及应用[M].北京：北京航空航天大学出版社，2007，6.

[6]何薇，舒后。网络数据库技术与应用[M].北京：清华大学出版社，2011，4.

[7]吕云翔，王洋，肖咚。软件测试案例教程[M].北京：机械工业出版社，2011，1.

[8]赛奎春。ASP开发典型模块大全[M].北京：人民邮电出版社，2009，8.

网站设计与开发论文【第四篇】

关键词：网页设计；职业定位；人才培养

中图分类号：G712 文献标识码：A 文章编号：1674-7712 （2013） 04-0130-03

一、网页设计人才培养现状

高职院校网页设计课程体系与教学之间存在许多弊端，概括起来，主要有以下几个方面：

（1）课程与教学内容理论性强，实践教学方法、教学手段不适应行业需求，学生职业能力和创新能力的培养没有真正落实。

（2）师资力量存在缺陷，普遍现象是：大部分老师是从校门进校门，没有企业的从业经验，也没有实际项目开发经验，基本上是“照本宣科”，所谓的项目驱动，项目的开发流程属于模拟范畴，与实际客户的需求，还相差甚远。目前高职院校已意识到这个问题，通过各种方式寻求校企合作，实现校企互动的新模式，如何尽快解决师资在理论知识和实践应用方面的不足是十分迫切的。

（3）课程设置不尽合理，课程内容上重“设计”轻“技术”。教学上按照以往的教学模式，仅仅在多媒体教室中讲解操作步骤、做典型范例是远远不够的。应着重培养学生的创新意识和独立开发网站的能力。艺术性与技术性的高度统一是今后网页设计发展的大趋势，不断探索新的教学模式和教学理念，根据行业需求来构建合理的课程体系。

二、网页设计专业的职业岗位

根据对沈阳、大连地区IT行业的发展现状与趋势、人才需求状况、企业调研等方面调查分析，可以将网页设计岗位分为网页设计、网页制作、网站编辑、网站管理四大岗位群。

三、构建科学合理的网页设计人才培养体系

（一）网页设计人才培养目标的定位

本专业培养适应社会与区域经济发展需要，德、智、体、美全面发展，熟悉网站的配色及制作流程，掌握网站设计与策划、网站的安全与服务器配置以及网站的搜索引擎优化技术；掌握动态网站编程技术，具有独立制作整站系统的能力，在企事业单位、网络公司、广告公司等IT行业从事网页设计、网站美工、各类网站的开发与维护等工作的网页设计师、高级技师和高级网站程序员。

（二）网页设计专业的课程体系

根据网页设计行业的职业岗位分析及人才需求，确定网页设计的人才培养目标。按人才的职业能力的培养为主线构建了该专业的课程体系。确定了该专业的核心专业课程，课程体系结构如图1所示。

按课程的培养目标，将网页设计的专业课程分成以下四个模块：网页设计基础模块、客户端开发模块、数据库操作模块和Web应用程序开发模块。

模块一：网页设计基础模块，对应的课程是《网页设计与制作》，主讲内容是“网页三剑客”，DW也就是Dreamweaver（网页制作），FW是Firework（矢量图形制作和图像处理），Flash（动画制作）。这三种软件能相互合作。比较实用的操作方式是：在Firework中做好主要页面，然后导出，在Dreamweaver中加以修改，添加链接等，便做出一个非常好看的页面。

模块二：客户端开发模块，对应的课程是《JavaScript》或《VBScript》，《JavaScript》是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的客户端脚本语言，该语言区分大小写，主要目的是解决服务器端语言（比如Perl）遗留的速度问题，为客户端提供更流畅的浏览效果。

模块三：数据库操作模块，对应的课程是《SQLServer》或《Access》或《mySQL》，作为网站的后台数据库管理系统，负责网站的实时更新，对数据进行存储，在网站的建设中起着至关重要的作用。

模块四：Web应用程序开发模块，对应的课程是《》或《JSP》或《PHP》，主要讲述动态Web页面的实用技术。

模块教学采用理实一体化教学模式，采用了“任务驱动”教学法，教学任务分为：课堂教学模拟、企业真实项目操作两部分，这些任务的设计遵循了由简单到复杂，由单人独立操作到项目组成员共同完成，充分调动了学生的学习积极性和主动性，有效提高学生的知识应用能力和创新能力。

教学评价建议改变单一的总结性评价的方法，采用评价过程、阶段评价和综合评价相结合的评价方法。教学中要注重学生学习的过程，精心设计对学生学习过程的记录及评价，如学习的形式、获取信息的方式、讨论的要点、设计的方案等进行记录，并对作品进行交流、自评和互评等，从而让学生学会学习。

（三）网页设计专业课程的教学评价标准

制订本专业各核心课程的教学评价标准，此标准以《动态网页设计》课程为例。

1.考核方式

本学习领域的课程考核宜采用过程考核、公共考核和期末考试相结合，具体考核内容及权重见表3。期末考试分为理论考试和实践考试。其中，理论考试主要考核8个学习情境中的主要知识点，试卷分值100分，其中填空题（占25%）、选择题（25%）、判断题（20%）、简答题（30%），试卷从不同角度考查学生基础知识的掌握能力；实践考试内容为2至3道上机操作题，主要考核学生的上机设计和调试能力，及对知识的综合运用能力。

（四）网页设计专业的师资建设

建立一支高素质的师资队伍是网页设计专业建设的关键，这支队伍不仅要具有网页设计相关的理论知识和实践经验的特长，而且还熟悉整个网站的运作和前台后台维护管理等方面的理论知识。教师的培养可以通过以下的方法：

1.以行业为基地进行专业培训，加快与行业的联系。

2.组织教师到其它兄弟学校进行交流和调研，提高教师业务水平。

3.积极从国内外及相关行业引进、或者借用专家人才，提高教师队伍水平。

4.专业教师自身应该时时刻刻跟踪、掌握电网页设计发展的最新动态，掌握网页设计最前沿的知识，不断地更新知识。总之，网页设计专业人才培养应当以企业需要什么样的人才为出发点，总结过去的经验和教训，从实际出发，严格按照客观规律来建立网页设计人才培养的模式和体系，这样才能培养出符合社会需要的合格人才。

参考文献：

[1]高云。高职高专《网页设计》课程改革探索[J].吉林省教育学院学报，2009，11：2.

[2]赵京丹，闫宁。任务驱动教学法在Dreamweaver网页制作教学设计中的应用[J].职业教育研究，2007，7.

网页设计论文【第五篇】

本规范既是一个开发规范，也是一个脚本语言参考，本规范并不是一个一成不变的必须严格遵守的条文，特殊情况下要灵活运用，做一定的变通。但是，请大家千万不要随意更改规范。如果有任何问题，请及时与我联系，我会及时更改本规范的相关代码样例和文档。

/基本要求

1.在网站根目录中开设imagescommontemp三个子目录，根据需要再开设media子目录，images目录中放不同栏目的页面都要用到的公共图片，例如公司的标志、banner条、菜单、按钮等等；common子目录中放css、js,、php、include等公共文件；temp子目录放客户提供的各种文字图片等等原始资料；media子目录中放flash,avi,quicktime等多媒体文件。

2.在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个images和media的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。

目录中的文件往往会比较多，建议以时间为名称开设目录，将客户陆续提供的资料归类整理。

4.除非有特殊情况，目录、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录的命名请尽量以英文为指导，不到万不得已不要以拼音作为目录名称，经验证明，用拼音命名的目录往往连一个月后的自己都看不懂，

/脚本编写

我们应该有一个脚本整体风格一致的概念，意思是一个月后和一个月前的你写的脚本风格保持一致，以及同一个工作组中不同的开发人员编写的脚本风格保持一致，因为我们不可能永远孤立的开发，你随时都有可能和三个月前的自己合作（你的客户要求改版），也经常要和工作室中不同的同事共同开发一个项目，还有可能被要求修改已经离职人员开发的脚本，当然你自己也有可能会扔下一个项目给后来的同事。

文件的通用模板：

其他meta标记

样式表定义

客户端javascript函数定义及初始化操作

……

补充：

为了保证网站能够与下一代的web语言xml标准兼容，所有的HTML标签的属性都要用单引号或者双引号括起，即我们应该写而不是。

2.允许全文检索的页面，为了使Internet上的搜索引擎能够有效检索，在频道的首页的html的之间应该加入Keywords和Description元标记，例如：

文件的格式样例代码：

这里尤其要注意的是a:linka:visiteda:hovera:actived的排列顺序一定要严格照上面的样例代码，否则或多或少会出问题。另外我们规定重定义的最先，伪类其次，自定义最后，便于自己和他人阅读！

为了保证不同浏览器上字号保持一致，字号建议用点数pt和像素px来定义，pt一般使用中文宋体的9pt和11pt，px一般使用中文宋体12px和这是经过优化的字号，黑体字或者宋体字加粗时，一般选用11pt和的字号比较合适。

在写互相嵌套时，严格按照的规范，对于单独的一个来说，对齐，缩进两个半角空格，中如果还有嵌套的表格，也缩进两个半角空格，如果中没有任何嵌套的表格，结束标记应该与处于同一行，不要换行，

如我们注意在源代码中不应有这样的代码：

而应该是这样的：

这是因为浏览器认为换行相当于一个半角空格，以上不规范的写法相当于无意中增加一个半角空格，如果确实有必要增加一个半角空格，也应该这样写：

属于同一个级别的

一定是左首对齐的，另外不允许没有任何内容的空的单元格存在，高度大于等于12px的单元格应该在和之间写一个如果高度小于12px,则应该在和之间插入一个1*1大小的透明的gif图片，这是因为某些浏览器认为空单元格非法而不会予以解释。如果代码顺序较乱，在DW3中可以通过command->applysouceformatting进行重新整理！

和height的写法也有统一的规范，一般情况下只有一列的表格，width写在

的标签内，只有一行的表格，height写在的标签内，多行多列的表格，width和height写在第一行或者第一列的标签内。总之遵循一条原则：不出现多于一个的控制同一个单元格大小的height和width,保证任何一个width和height都是有效的，也就是你改动代码中任何一个width和height的数值，都应该在浏览器中看到变化。做到这一条不容易，需要较长时间的练习和思考。

/一般原则

1.在排布表格之前，请大家一定要好好思考一个最佳的方案，表格的嵌套尽量控制在三层以内，并且应该尽量避免两个标记，经验表明，这两个标记会带来许多麻烦。

2.一个网页要尽量避免用整个一张大表格，所有的内容都嵌套在这个大表格之内，因为浏览器在解释页面的元素时，是以表格为单位逐一显示，如果一张网页是嵌套在一个大表格之内，那么很可能造成的后果就是，当浏览者敲入网址，他要先面对一片空白很长时间，然后所有的网页内容同时出现。如果必须这样做，请使用

标记，以便能够使这个大表格分块显示。

3.排版中我们经常会遇到需要进行首行缩进的处理，不要使用或者全角空格来达到效果，规范的做法是在样式表中定义p{text-indent:2em;}然后给每一段加上

标记，注意，一般情况下，请不要省略

结束标记。

4.原则上，我们禁止用来人为干预图片显示的尺寸，而且建议标签中不要带上width和height两个属性，这是因为制作过程中，图片往往需要反复的修改，这样可以避免人为干预图片显示的尺寸，尽可能的发挥浏览器自身的功能；但是这样的一个副作用是当网页还未加载图片时，不会留出图片的站位大小，可能会造成网页在加载过程中抖动（如果图片是插在一个固定大小的表格里的，不会有这个现象），尤其是当图片的尺寸较大时，这种现象会很明显，所以当预料到这种会明显导致网页抖动的情况会发生时，请大家务必在最后给附上width和height属性。

5.为了最大程度的发挥浏览器自动排版的功能，在一段完整的文字中请尽量不要使用

来人工干预分段。

6.不同语种的文字之间应该有一个半角空格，但避头的符号之前和避尾的符号之后除外汉字之间的标点要用全角标点，英文字母和数字周围的括号应该使用半角括号。

7.所有的字号都应该用样式表来实现，禁止在页面中出现标记。

8.请不要在网页中连续出现多于一个的也尽量少使用全角空格（英文字符集下，全角空格会变成乱码），空白应该尽量使用text-indent,padding,margin,hspace,vspace以及透明的gif图片来实现。

9.中英文混排时，我们尽可能的将英文和数字定义为verdana和arial两种字体。

10.行距建议用百分比来定义，常用的两个行距的值是line-height:120%/150%.

11.网站中的路径全部采用相对路径，一般链接到某一目录下的缺省文件的链接路径不必写全名，如我们不必这样：而应该这样：

12、嵌入图形文本的使用较大的字体，建议不要在图形中包括文本。

13、“网页大小”定义为网页的所有文件大小的总和，包括HTML文件和所有的嵌入的对象。用户喜欢快的而不是新奇的站点。对于解调器用户，网页大小保持在34K以下为合适。

/文件命名原则

1.每一个目录中应该包含一个缺省的html文件，文件名统一用

2．文件名称统一用小写的英文字母、数字和下划线的组合。

3.命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义，二是当我们在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作。

4.下面以“新闻”（包含“国内新闻”和“国际新闻”）这个栏目来说明html文件的命名原则：

在根目录下开设news目录

第一条缺省新闻取名

所有属于“国内新闻”的新闻依次取名为：china_,china_,…

所有属于“国际新闻”的新闻依次取名为：internation_,internation_,…

如果文件的数量是两位数，请将前九个文件命名为：china_,china_以保证所有的文件能够在文件夹中正确排序。

5.图片的命名原则遵循以下几条规范：

名称分为头尾两两部分，用下划线隔开。

头部分表示此图片的大类性质，例如广告、标志、菜单、按钮等等。

一般来说：

放置在页面顶部的广告、装饰图案等长方形的图片我们取名：banner

标志性的图片我们取名为：logo

在页面上位置不固定并且带有链接的小图片我们取名为button

在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名：menu

装饰用的照片我们取名：pic

不带链接表示标题的图片我们取名：title

依照此原则类推。

尾部分用来表示图片的具体含义。

下面是几个样例，大家应该能够一眼看明白图片的意义：

banner____