- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
web课程设计报告
(电子商务网站设计)
Web设计与编程导论
课程设计报告
学 院:
班 级:
姓 名:
学 号:
指导教师:
湖南农业大学 电子商务系
2013年 11 月 14日
设计名称:网站重构 日期:2013年 11月 7 日
设计内容:对中华人民共和国国家统计局首页进行一个页面的网站重构
设计目的与要求:
设计目的:
通过xhtml和CSS的学习,掌握基于标准的网站编写方法,加深对web设计的了解,并掌握设计方法。
1.对以下网址的网站首页(1个页面)进行网站重构,即采用xhtml+css进行重新设计
2.重构的网页中不得出现table系列标记用于网站布局
3.重构的网页中不得出现img标记,图片可以从对方网站上选取
4.重构后的网页显示必须和原网页样式相同,在firefox和ie浏览器有相同的显示结果
5.重构的网页中不能出现错误和警告信息,必须通过w3c验证,或者使用firefox的调试工具html Validator
6.文件由一个xhtml文件、一个css文件和若干图片、js构成
设计环境或器材、原理与说明:
设计环境:Adobe Dreamweaver CC
设计原理:在读懂要重构的网页的基础上,采用xhtml+css对网站进行重构。
设计过程(步骤)或程序代码:
1.将原网页/)保存为.mht格式打开所要重构的网页,点击文件,单击另存为,在弹出的对话框中选择保存类型web档案,单一文件(*.mht),选择适当的存放路径,点击保存。
2.将原网页保存为.html格式链接到首页,点击文件,单击另存为,在弹出的对话框中选择存放的合适位置,然后点击保存。
3.了解相关基础知识阅读web设计与编程导论教材第二章创建WEB页面:XHTML及第六章控制页面样式:级联样式表。认识和了解HTML的基本元素、实体、声明方法和语法及CSS的基本调用方法等。
4.分析和读懂所要重构的网页 第一步,在 Dreamweaver CC 中打开原网页。第二步,点击拆分,界面就分成了两个部分,部分为源代码,部分为设计框 第三步,在部分中,按从上至下的顺序选中一个框(即原网页中的表格),此时部分对应的此表格部分的源代码的背景色就变成蓝色。
第四步,读懂该对应源代码,知道其每条语句表示的含义,如:表格的高度和宽度,是否设置了背景色和边框等。
第步,提取出重构网页所需要的信息,如:文字信息,相关链接,脚本语言等。
5.建立网页重构文件夹文件夹命名,此后,将重构网页涉及到所用原网页和自己写的 cssjs及图片素材都放入对应的文件夹中。(.文件放入文件夹,图片放入im文件夹等。)
6.设计重构网页的框架 1)读懂重构网页的主要框架,将其分成三大块:头部(head),主要内容部分(content)及尾部(foot)。2)在草稿纸上画出与原网页相对应的块,先画出三大块,然后又根据原网页的内容将每一大块细分成小块,并给每一个块取一个相应的名字,即给每一块一个相应的编号或名称,以便于css的调用。
7.dreamweaver进行网页重构代码编写。
1dreamweaver自动生成的代码)完成标题的命名。
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=/1999/xhtml
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
title中华人民共和国国家统计局/title
/head
body
/body
/html
2)将重构网页需要用到的css和js文件链入网页代码中。
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=/1999/xhtml
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
title中华人民共和国国家统计局 /title
link type=text/css rel=stylesheet href=gjtjj.css /
script type=text/javas
文档评论(0)