目录一、设计目的3
二、设计题目3三、结构设计3
四、技术分析6
五、设计过程8
六、实验误区11七、实验总结12
附录
网页源代码节选12
f一．设计目的
在I
ter
et飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在I
ter
et应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利。但是我们成天浏览的网站网页到底是如何制作的呢我想这一点很多同学都没有去深究过。所以为了了解网页制作的过程，我们在老师的指导下分前台和后台进行了一系列操作，并有所收获。我们了解和熟悉了网页设计的基础知识和实现技巧，也熟练掌握了Photoshopcs3、Dreamweavercs等软件的的操作和应用。
二．设计题目
Hammer原创摇滚
三．结构设计
选定主题，确定题目之后，网站设计还是一张白纸，我所做的是需要在这张白纸上一点点勾勒出网站的大框架，然后慢慢填充，实现网站的构想。首先我们在网上和图书管里查阅了大量的资料，以确定我们所需要的基本技术。然后，我们对整个网站进行总体规划，接着逐步细化。我们选做的主题是原创音乐网站，其目的是提供给大家一些优秀的摇滚作品时实了解各地原创作品。进行调研之后，该网站整体站功能结构图如下：
f此为网站的大体板块，下面我们就每一页的页面板块进行详细的分析。我们先确定了整体的框架，然后就各项数据进行精确的计算，然后根据每个页面性质的不同再做块的改动，并计算框架的比例。，下面是我们设计的大体框架：
有了大体框架，我们只需要在每一页的主要内容上做以划分，下面就内容板块举几个例子：1首页（作为一个网站的第一界面，一定要有内容，我把co
te
t分为co
te
t1和co
te
t2，co
te
t2中又展示了四个内容）
f2乐队
f四．技术分析
一建立布局这里我们用到了HTML以及CSS等实用技术。HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。由此可见，网页的本质就是HTML，通过结合使用其他的Web技术，可以创造出功能强大的网页r