文档介绍：学 号
2
武 汉 科 技 大 学 城 市 学 院
课 程 设 计 报 告
课程名称 网页设计课程设计
题 目
旧·时光——奥黛丽赫本主题网站设计
学 部
信息工程学部
专 业
软件工程
班 级
15级软工(3）班
姓 名
洪汉山
指导教师
彭璐
20１６
年
12
月
30
日
编号 020
网页制作课程设计任务书
设计题目:
旧·时光——奥黛丽赫本主题网站设计
设计主要内容:
一、开发平台：DRＥAＭWEAＶER+FIREWORKS+FＬASH
二、设计要求:
1、设计内容
设计一个以奥黛丽赫本为主题的网站,以怀旧风格展示奥黛丽赫本昔日的才华横溢,通过作品和照片,使浏览者对奥黛丽赫本有基本的了解。
2、网站主要功能模块
(１)旧日时光:透过图片和音乐,回忆奥黛丽赫本的风采。
(２)流芳岁月:描述奥黛丽赫本及其作品对世人的影响。
（3)珍藏作品：作品欣赏。
(4)粉丝感言：提供粉丝注册与交流的平台。
(５)获奖记录：提供奥黛丽赫本所获的重要奖项。
首页index
获奖记录
粉丝感言
旧日时光
流芳岁月
留言
参演电视
\ /
\ /
______\/_______ _____
| _________ | | --|
| | ^ ^ | ()| |---|
| | o o | ()| |---|
| | || | | |---|
| | - - | _ | |- |
| | |____| ||_|| | |
| |_________| | | |
|_______________| |___|
电影作品
早年
演艺
家庭
珍藏作品
三、站点结构导航图
四、课程设计报告主要内容:
1 网页设计工具介绍（介绍你所使用的网页设计工具及认识)
２ 站点介绍与站点分析(声明网站各页面的结构和内容,绘出站点导航结构图，详细描述站点各页面设计所用到的技术与构思细节)
3 个人体会与感受(描绘整个网页设计过程中自己所学的知识、体会及有待提高的地方)
4 参考文献与附图(列出自己所阅读并参考的主要文献或网上资料,并给出站点首页的截图)
目 录
1 网页设计相关技术介绍 ２
HTMLﻩ２
ＣSＳﻩ3
JａｖaＳcript 5
２ 奥黛丽赫本网站设计规划 6
网站介绍ﻩ6
栏目设计ﻩ6
站点分析及站点地图 7
主页面布局ﻩ7
3 个人体会和感受ﻩ8
4 参考文献和网址ﻩ9
５附图ﻩ10
1 网页设计相关技术介绍
1．１ HTMＬ
标记符<hｔml＞，说明该文件是用超文本标记语言(本标签的中文全称)来描述的,
它是文件的开头;而</ｈtml>,则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记。
超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WＷW）盛行的原因之一，其主要特点如下：
简易性：超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
平台无关性:虽然个人计算机大行其道，但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网（WＷW)盛行的另一个原因。
通用性:另外，ＨTML是网络的通用语言，一