网页设计报告.docVIP

武汉科技大学城市学院设计报告 PAGE 10 学 号 201110178114 武 汉 科 技 大 学 城 市 学 院 课 程 设 计 报 告 课程名称 网页设计与开发 题 目 美容健身网站设计 学 部 信息工程学部 专 业 电子商务 班 级 1班 姓 名 胡飘 指导教师 邓娟 2013 年 6 月 28 日 网页设计课程设计任务书 课程设计项目名称：美容健身网站设计 课程设计开发平台与工具：Dreamweaver/Editplus + IE 7.0以上版本/Firefox 1.课程设计任务 设计一个美容健身中心的宣传网站，介绍该中心的背景资料和主营业务，提供关于美容健身方面的相关知识，通过也可以提供关于美容和健身方面的产品介绍说明。 2.课程设计任务功能模块 （1）关于我们：介绍美容健身中心的创建历史，业务方向和服务对象。 （2）美容产品：列举不同类别美容产品，尤其以自己品牌产品为主。 （3）健身知识：宣传健身相关的知识（产品和器械） （4）瑜珈健体：介绍瑜珈术，提供瑜珈术的课程班开课表和老师介绍。 （5）联系我们：美容健身中心的联系方式。 首页index联系我们瑜珈健体关于我们美容产品 首页index 联系我们 瑜珈健体 关于我们 美容产品 分页 文章 分页 猫 分页 护理 分页 分页 猫 分页 健身知识 4. 站点上交注意事项及考核标准 （1）网页设计作品须严格按照《网页设计与制作课程考试要求》按时独立完成，严禁无故拖延上交时间，杜绝请人代做或剽窃他人作品行为。 （2）站点文件夹名称必须采用学号+姓名形式（如201110137226zhangjing），网页中须特别注明版权及作者的有效联系方式等相关资料，必要时可创建站点浏览说明文档。 （3）网站的评价标准及分值分布为：主题和内容（30分），导航、结构和链接（20分），艺术性（30分），创造性（20分）。 （4）学生的最终成绩由网站和平时成绩两部分组成，其中网站成绩70%，平时成绩30%。目 录 TOC \o 1-3 \h \z \u 1 网页设计相关技术介绍 2 1.1 HTML 2 1.2 CSS 3 1.3 JavaScript 3 2 美容健身网站设计规划 4 2.1 网站介绍 4 2.2 栏目设计 4 2.3 站点分析及站点地图 5 2.4 主页面布局 6 3 个人体会和感受 7 4 参考文献和网址 8 5附图 9 1 网页设计相关技术介绍 1.1 HTML HTML（HyperTextMark-upLanguage）即超文本标记语言，是WWW的描述语言。严格的来讲，HTML不能算做一门编程语言，因为它没有自己的数据类型，也没有分支、循环等控制结构。它的设计简单，结构灵活，允许在Web浏览器及其它兼容的应用程序中显示文本和图像，并且文档的某些部分可以成为超链接。完成后把这些文档保存为*.html文件，然后用浏览器打开。 HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。 1.2 CSS CSS是 英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现 HTML或 XML等文件样式的计算机语言。 级联样式表（Cascading Style Sheet）简称“CSS”，通常又称为“风格样式表（Style Sheet）”，它是用来进行网页风格设计的。比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，可以统一地控制HTML中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。 CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一