Web网站设计实验报告.pdfVIP

Web网站设计实验报告

学生：

学号：

班级：

系别：

学院：

目录

一、设计目的.3

二、设计题目.3

三、结构设计.3

四、技术分析.5

五、设计过程.6

六、实验总结.7

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

一．设计目的

在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息

的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网

站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化

建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络

给我们带来的好处与便利。但是,我们成天浏览的网站网页到底是如何制作的呢?

我想这一点很多同学都没有去深究过。所以为了了解网页制作的过程，我们在老

师的指导下分前台和后台进行了一系列操作，并有所收获。

我们了解和熟悉了网页设计的基础知识和实现技巧，也熟练掌握了

Photoshopcs3、Dreamweavercs等软件的的操作和应用。

二．设计题目

《篮球球迷交流网》

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

三．结构设计

选定主题，确定题目之后，网站设计还是一张白纸，我所做的是需要在这张

白纸上一点点勾勒出网站的大框架，然后慢慢填充，实现网站的构想。首先我们

在网上和图书管里查阅了大量的资料，以确定我们所需要的基本技术。然后，我

们对整个网站进行总体规划，接着逐步细化。

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

首先是首页，首页下是新闻头条，分栏有球迷自述、篮球美图、给我留言，

从分栏都可以回到首页。

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

此为网站的大体板块，下面我们就每一页的页面板块进行详细的分析，有了

大体框架，我们只需要在每一页的主要内容上做以划分，下面就内容板块举几个

例子：

1.首页（作为一个网站的第一界面，一定要有内容，我把content分为logo

和网站导航div，下面又展示了正文内容）

2.篮球美图

四．技术分析

WEB技术主要分为客户端和服务器技术。

Web客户端设计技术主要包括：html语言、JavaApplets、脚本程序、CSS、DHTML、

插件技术以及VRML技术。

Web服务器端的开发技术也是由静态向动态逐渐发展、完善起来的。Web服务器

技术主要包括服务器、CGI、PHP、ASP、ASP.NET、Servlet和JSP技术。

(一)建立布局

这里我们用到了HTML以及CSS等实用技术。HTML之所以称为超文本标记语

言，是因为文本中包含了所谓“超级链接”点。由此可见，网页的本质就是HTML，

通过结合使用其他的Web技术，可以创造出功能强大的网页。因而，HTML是Web

编程的基础。

而CSS是用来进行网页风格设计的。