Web网站设计实验报告

Web网站设计实验报告

学 生： 学 号： 班 级： 系 别： 学 院：

目录

一、设计目的 ............................................................................................. 3

二、设计题目 ............................................................................................. 3

三、结构设计 ............................................................................................. 3

四、技术分析 ............................................................................................. 5

五、设计过程 ............................................................................................. 6

六、实验总结 ............................................................................................. 7

[附录] 网页源代码节选 ............................................................................ 8

一． 设计目的

在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利。但是,我们成天浏览的网站网页到底是如何制作的呢?我想这一点很多同学都没有去深究过。所以为了了解网页制作的过程，我们在老师的指导下分前台和后台进行了一系列操作，并有所收获。

我们了解和熟悉了网页设计的基础知识和实现技巧，也熟练掌握了Photoshop cs3、Dreamweaver cs等软件的的操作和应用。

二． 设计题目

《篮球球迷交流网》

主要是篮球新闻、视频，还有交流帖子区，交易广告平台等。 三． 结构设计

选定主题，确定题目之后，网站设计还是一张白纸，我所做的是需要在这张白纸上一点点勾勒出网站的大框架，然后慢慢填充，实现网站的构想。首先我们在网上和图书管里查阅了大量的资料，以确定我们所需要的基本技术。然后，我们对整个网站进行总体规划，接着逐步细化。

我的设计主题是篮球球迷交流网，包括多个方面，框架为：

首先是首页，首页下是新闻头条，分栏有球迷自述、篮球美图、给我留言，从分栏都可以回到首页。

首页主要分为新闻头条、热门话题区、靓图展示。

此为网站的大体板块，下面我们就每一页的页面板块进行详细的分析，有了大体框架，我们只需要在每一页的主要内容上做以划分，下面就内容板块举几个例子：

1. 首页（作为一个网站的第一界面，一定要有内容，我把content分为logo和网站导航div，下面又展示了正文内容）

2. 篮球美图