html课程实训报告

《html课程实训报告》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、学号201110165109武汉科技大学城市学院课程设计报告课程名称网页设计课程设计题目音乐网站设计学部信息工程学部专业信息管理与信息系统班级1班姓名周蜜指导教师周凤丽2013年6月22日编号035设计题目:音乐网站设计设计主要内容:一、开发平台：DREAMWEAVER+FIREWORKS+FLASH二、设计要求：1、设计内容设计一个关于音乐欣赏和音乐下载的网站，网站浏览者可以通过不同的音乐分类查找并欣赏自己喜好的音乐，同时可以了解最新最流行的歌曲排名。2、网站主要功能模块（1）国语歌手：可提供部分歌曲的下载，

2、下同。（2）日韩歌曲：（3）欧美歌曲：（4）影视歌曲：（5）热辣舞曲：（6）古典音乐：首页index热辣舞曲影视歌曲国语歌手欧美歌曲分页文章分页猫分页护理分页分页猫分页日韩歌曲古典音乐三、站点结构导航图四、站点上交注意事项及考核标准：1网页设计作品须严格按照《网页设计与制作课程考试要求》按时独立完成，严禁无故拖延上交时间，杜绝请人代做或剽窃他人作品行为。2站点文件夹名称必须采用学号+姓名形式（如200610130226zhangjing），网页中须特别注明版权及作者的有效联系方式等相关资料，必要时可创建站点浏览

3、说明文档。3网站的评价标准及分值分布为：主题和内容（30分），导航、结构和链接（20分），艺术性（30分），创造性（20分）。4学生的最终成绩由网站和平时成绩两部分组成，其中网站成绩70%，平时成绩30%。目录1网页设计相关技术介绍11.1HTML11.2CSS11.3JavaScript22爱狗家园网站设计规划22.1网站介绍22.2栏目设计22.3站点分析及站点地图22.3.1站点分析22.3.2站点地图32.4主页面布局43个人体会和感受74参考文献和网址85附图8191网页设计相关技术介绍1.1HTML

4、超文本标记语言，即HTML（HypertextMarkupLanguage），是用于描述网页文档的一种标记语言。超级文本标记语言（英文缩写：HTML）是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制

5、者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。1.2CSSCSS是英语CascadingStyleSheets（层叠样式表单）的缩写，它是一种用来表现HTML或XML等文件样式的计算机语言，通常又称为“风格样式表（StyleSheet）”，它是用来进行网页风格设计的。比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，可以统一地控制HTML中各标志的显示属性。

6、级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。1.3JavaScriptJavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。它最初由网景公司（Netscape）的BrendanEich设计，是一种动态、弱类型、基于原型的语言，内置支持类。JavaScript是Sun公司的注册商标。Ecma国际以JavaScrip

7、t为基础制定了ECMAScript19标准。JavaScript也可以用于其他场合，如服务器端编程。完整的JavaScript实现包含三个部分：ECMAScript，文档对象模型，字节顺序记号。2音乐网站设计规划2.1网站介绍音乐网站是一类休闲放松的网站，随着社会的发展，人们生活工作压力日益增大，音乐可以放松你的心情，让你体验不一样的舒适感。音乐网站提供在线试听，音乐共享，音乐收藏，音乐交流等功能。音乐网站的歌曲分类有：华语男歌手、华语女歌手、华语组合、欧美男歌手、欧美女歌手、欧美组合、日韩歌曲等。有的音乐网站

8、还会提供心情分类，可以依据你的心情为你推荐合适的歌曲。2.2栏目设计首页：网站首页，分布各种音乐的总览情况，如歌曲分类、推荐MV等。榜单：提供各种分类下的音乐排名情况。歌手：全世界歌手大全，帮助你快速找到自己喜欢的歌手。分类：各种分类，适合不同的人在不同的时候收听，包括欧美歌曲，日韩歌曲，影视歌曲等。2.3站点分析及站点地图2.3.1站点分析1、网站的设计：DIV和表格的完美结合，使得