浅析web课程设计报告.docVIP

  1. 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  4. 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  5. 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  6. 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  7. 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)

aena45 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档