资源描述：
《web课程设计报告：电子商务网站设计》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。
1、（电子商务网站设计）Web设计与编程导论课程设计报告学院：班级：姓名：学号：指导教师：湖南农业大学电子商务系2013年11月14日设计名称：网站重构日期：2013年11月7日设计内容：对中华人民共和国国家统计局首页进行一个页面的网站重构设计目的与要求：设计目的：通过xhtml和CSS的学习，掌握基于标准的网站编写方法，加深对web设计的了解，并掌握设计方法。设计要求：1.对以下网址的网站首页(1个页面)进行网站重构，即采用xhtml＋css进行重新设计。2.重构的网页中不得出现table系列标记用于网
2、站布局。3.重构的网页中不得出现![]()
标记，图片可以从对方网站上选取。4.重构后的网页显示必须和原网页样式相同，在firefox和ie浏览器有相同的显示结果。5.重构的网页中不能出现错误和警告信息，必须通过w3c验证，或者使用firefox的调试工具htmlValidator。6.文件由一个xhtml文件、一个css文件和若干图片、js构成。设计环境或器材、原理与说明：设计环境：AdobeDreamweaverCC设计原理：在读懂要重构的网页的基础上，采用xhtml+css对网站进行重构。设计过程
3、（步骤）或程序代码：1.将原网页国家统计局（http://www.stats.gov.cn/）保存为.mht格式。打开所要重构的网页，点击文件，单击另存为，在弹出的对话框中选择保存类型“web档案，单一文件（*.mht）”，选择适当的存放路径，点击保存。2.将原网页保存为.html格式。链接到首页，点击文件，单击另存为，在弹出的对话框中选择存放的合适位置，然后点击保存。3.了解相关基础知识。阅读web设计与编程导论教材第二章创建WEB页面：XHTML及第六章控制页面样式：级联样式表。认识和了解HTML
4、的基本元素、实体、声明方法和语法及CSS的基本调用方法等。4.分析和读懂所要重构的网页。第一步，在AdobeDreamweaverCC中打开原网页。第二步，点击拆分，界面就分成了两个部分，左部分为源代码，右部分为设计框。第三步，在右部分中，按从上至下的顺序选中一个框（即原网页中的表格），此时左部分对应的此表格部分的源代码的背景色就变成蓝色。第四步，读懂该对应源代码，知道其每条语句表示的含义，如：表格的高度和宽度，是否设置了背景色和边框等。第五步，提取出重构网页所需要的信息，如：文字信息，相关链接，脚本
5、语言等。5.建立网页重构文件夹。文件夹命名“新统计局”，此后，将重构网页涉及到所用原网页和自己写的css、js及图片素材都放入对应的文件夹中。（.js文件放入js文件夹，图片放入img文件夹等。）6.设计重构网页的框架。1）读懂重构网页的主要框架，将其分成三大块：头部（header），主要内容部分（content）及尾部（footer）。2）在草稿纸上画出与原网页相对应的块，先画出三大块，然后又根据原网页的内容将每一大块细分成小块，并给每一个块取一个相应的名字，即给每一块一个相应的编号或名称，以便于c
6、ss的调用。7.用dreamweaver进行网页重构代码编写。1）首先，进行头部申明，编写出网页的基本框架：（此部分为dreamweaver自动生成的代码）完成标题的命名。7、http-equiv="Content-Type"content="text/html;charset=utf-8"/>
中华人民共和国国家统计局
