Web课程设计报告电脑网.docx

Web课程设计报告电脑网.docx

《Web课程设计报告电脑网.docx》由会员分享，可在线阅读，更多相关《Web课程设计报告电脑网.docx（23页珍藏版）》请在冰点文库上搜索。

Web课程设计报告电脑网

电脑网

---------

1.课程设计的目的和意义

2.网站的主题与意义

3.运行环境

4.设计步骤

5.制作的前期策划和准备

6.具体设计方案

7.首页部分代码

8.过程分析

9.网页展示

10.小结

2012.2.19

课程设计的目的和意义

本次课程设计旨在让我们在实际操作中熟悉web语言的使用，包括html语言，VBSccript，JAVAScript，数据库的使用等等。

在实际操作中，我们能发现很多只靠听课发现不了的问题，实践也让我们能够真正的掌握这些语言的使用，而不仅仅只限于能通过考试的程度，使之真正成为自己的一门技能，真正学会了这门课程。

进一步巩固和加深网页设计课程的基本知识，了解ASP动态网页设计知识在实际中的应用。

综合运用网页设计课程和先修课程的理论及生产实际知识去分析和解决问题，进行的相关训练。

学习ASP动态网页设计的一般方法，了解和掌握通用数据库的连接、数据的相关操作或网站的设计过程和进行方式，培养正确的设计思想和分析问题、解决问题的能力，特别是网站功能规划的能力和实现相关功能的能力。

通过能系统的分析、系统设计、数据库设计和功能的实现等，培养ASP动态网页设计的基本技能

ASP（ActiveServerPages,活动服务页）是微软推出的一种动态网页技术,是位于服务器的脚本运行环境.通过这种环境,用户可以创建和运行动态的交互式Web服务器应用程序,如交互式的动态网页.使用ASP还有一个好处,就在于ASP可利用ADO方便的访问数据库，从而使开发基于WWW的应用系统成为可能。

ASP的最大好处是除了可以包含HTML标记外，还可以直接访问数据库，并可以通过ASP的组件和对象技术使用无限扩充的Activex控件来进行动态网页的开发。

ASP在Web服务器端运行，运行后将结果以HTML格式发送到客户端服务器，因此比普通的脚本更加安全。

动态网页不仅包括动态GIF图片，而且最主要的是其“交互性”，即网页会根椐用户的要求和选择而动态改变和响应。

这个课程设计最主要的就是交互。

最关键也在这里。

这个网页是要求用户注册成为这个网站的成员，当网页显示用户注册成功时，用户就成功地实现了与服务器的一次交互。

现在许多Web业务都采用交互动态网页，比如网上订票、上网购物等电子商务领域，网络游戏、网上聊天等娱乐方面，以及用于商业领域等。

网站的主题及意义

我的网站主题是：

电脑网。

这个网站的意义是让浏览该网的用户更好的了解各种品牌的电脑的配置，性能，性价比，价位等等。

我的网站重点介绍了戴尔的外星人系列笔记本，包括M11x，M14x，M17x和M18x。

每款电脑都配了插图和介绍，让喜欢游戏的客户知道哪款更适合他们。

此外，网站还囊括了各地的电脑报价，让客户了解各地的电脑的价位，方便选购；产品咨询，方便客户了解自己喜欢的产品的性能等各方面；行情中心，让已经选择好爱机的人们了解价格走势，什么时候是入手的最好时机，方便购买。

运行环境:

Dreamwaver8.0

设计步骤

1.先找到太平洋电脑网，了解什么是一个电脑网站所要包含的内容，以确定自己的网站需要包括些什么。

2.收集资料，把所需的文章，图片，下载保存，以便使用。

3.为自己的网站设计一个名字。

4.为网站做页面布局。

5.将不同的内容安置在之前布局时设计好的网页的位置。

6.将子页面配上插图和文章。

7.将主页的内容添加链接链接到子页面上。

8.保存并浏览做好的网站，将不完美的地方加以改进。

9.发布网站。

制作的前期策划和准备

在制作的前期，我先浏览了个大电脑网站，确定以哪一个网站为模板，建立自己的网站。

在综合各大网站之后，我确定了太平洋电脑网。

然后我依据太平洋电脑网的页面及内容来确定我的网站需要有些什么内容，应该怎样布局。

最后将需要的文章和图片（素材）保存在电脑中以便使用。

具体设计方案

首先，我在网页的最上方加入网站的标题，并在右边加入滚动图片作为网站logo，并以代码实现鼠标放在图片上图片停止滚动，鼠标挪开图片继续滚动。

在网站的名字下方以代码实现显示当时时间。

接下来以表格形式为各个部分布局，插入图片，添加链接。

首页部分代码

DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

//www.w3.org/1999/xhtml">

--DW6-->

--Copyright2005Macromedia,Inc.Allrightsreserved.-->

||产品介绍||关于我们||登陆||新品上市

产品

;">台式电脑

Price:

$3000.00

;">台式电脑

Price:

$3200.00

;">笔记本电脑

Price:

$4200.00

;">主机

Price:

$811.00

;">白色笔记本

Price:

$4300.00

;">笔记本

Price:

$4000.00

;">主机

Price:

$1200.00

;">平板电脑

Price:

$1800.00

过程分析

在我的网站的制作过程中，最困难的部分就在于排版。

在DW中，是不可以通过很过个空格来移动位置的。

于是我想到了表格，通过表格来排版最大的好处就在于可以任意移动每行每列的位置，然后通过合并和拆分单元格就能很好的排版，再把边框设置为0就能不显示排版的痕迹而有排版的效果。

此外，在用DW做网站的时候还遇到了一个小问题，直接在页面插入背景在网站上无法显示，而在表格中插入背景则没有这个问题。

连接数据库：

Dimdb

Setdb=Server.CreateObject（"ADODB.Connection"）

db.Open"Dbq="&Server.Mappath（"shuju.mdb"）&";Driver={MicrosoftAccessDriver（*.mdb）}"

显示：

%>

各子网页的设计

产品介绍：

从一个专业的自有品牌，到营销全球的国际3C品牌，华硕自始至终都坚持不可妥协的质量与创新。

在中文命名以「华人之硕」为期许，而英文命名的灵感则来自希腊神话中的天马「PEGASUS」，其象征着圣洁、完美与纯真的形象，代表着华硕永不懈怠、追求卓越的精神。

返回

关于我们：

华硕笔记本电脑的目标：

■通过不懈的努力去满足每位客户的要求；

■要专心致志，打造民族品牌，走向国际；

■要用创意去打动人，而不是用精致外观表白；

■品牌形象是产品品质加优秀的笔记本电脑。

回到首页

专属：

华硕网络会员专属。

是华硕为了感谢广大客户新品推出，性能全面提高。

市场价：

5200.00

再看看

登陆界面：

asp+access用户登录代码,其中

huiyuan.mdb数据库名

pUser213表名

y_username用户名字段，y_password密码字段.

login.htm页面

登录