网页开发技术课程设计说明书

网页开发技术课程设计说明书

摘要

信息技术是一个划时代的技术革命，它正在对整个社会各方面的发展起着深刻的影响。这个遍地是黄金的互联网里，每一类型的网站都是富矿，个人网站也不例外。

为了更好地利用网络资源，使我们的信息电子化也为了能与世界各地进行广泛地交流丰富我们的知识和视野。随着社会观念的更新，个人网站也随之以不可思议的速度出现在Internet之上，很多电脑爱好者根据自己的情况和爱好做出了个人网站。个人网站以后就成为了我们个人身份证件，特别是我们在去找工作，就没有必要带厚厚的简历，只要把我们自己的网站平时维护好。记录了我们平时的学习成绩、个人奖励情况、个人的工作经验还有自己的特长介绍和自己的作品，让人知道我们的网址就把所有的事情办了。

随着现代计算机科学的发展，网络已经越来越普及，如今网络已经成为每个人生活的一部分。同时网络也提供了一种很好的信息交换平台，而个人主页是一个可以在网络上展示个人信息的方便手段。本文通过使用Dreamrweaver CS5开发个人网站。建立了一个以NBA 为主要内容的信息网站，供广大网友检索浏览NBA相关信息。

关键字: Dreamrweaver；NBA；网站；CSS样式

目录

一、网站建设意义和目的 (3)

二、网站规划 (3)

2.1网站主题风格 (3)

（1）页面整体布局 (3)

（2）导航条的设置 (4)

（3）正文的框架设置 (4)

2.2网站标志 (4)

2.3网站特点 (4)

2.4 网站工具 (5)

三、网站建设步骤 (6)

3.1网站目录结构 (6)

3.2网站链接结构 (7)

3.3网站首页 (8)

3.4.数据页面 (8)

3.3资讯页面 (9)

四、网站测试 (9)

五、参考文献 (11)

六、课程设计总结 (12)

一、网站建设意义和目的

网络在中国的发展是非常迅猛的，随着信息网络技术的应用，我们每一个人都感应到了网络给我们的工作、学习、生活等许多方面都带来了更多的方便、快捷，对于人性化的诠释达到了淋漓尽致，企业的经营观念、个人的生活观念都在发生着根本的变化。目前许多政府机关、学校、企事业单位已建立自己的网站。为了宣传自己和传递信息，建设自己部门的网站已经是迫切需要。因此，需要通过一个有着界面友好，视觉效果美观，方便易用的网站来宣传网页，方便他人了解查阅。

通过网站，全面宣传，展示网页的风采与特色，给用户提供需要的内容、而且还应该做更多的事情、完成比页面浏览更高层次的需求，例如收集信息，数据存储,数据修改以及数据删除等。

二、网站规划

2.1网站主题风格

（1）页面整体布局

首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。本次设计中网页宽1024像素，长由每个部分的内容不同而设置。表格三行一列，居中设置，

第一行放头图片，第二行是导航栏，第三行主页内容，第四行放置版权和地址等内容。

（2）导航条的设置

导航栏的设置既是在上面第二行出插入一个一行十三列的表格，内容包括首页、动态、健身、文章欣赏等。

（3）正文的框架设置

在浏览了很多精美网站之后，再结合自己的想法，先在草纸上画出了大体的栏目和板块。网站的整体风格和创意：建立一个清新、朴素的网站，目的是使浏览者留下映像。

2.2网站标志

2.3网站特点

(1）讨论网站主题：建立一个关于NBA的网站，其中有关于NBA赛事、明星、球队等信息。

（2）定位网站CI形象：网站最重要的就是与浏览者产生共鸣。于是在网页设计上面，要淡到浏览者最关心的话题。

（3）材料收集，网上搜一些网页背景，FIASH源代码、小图标和一些gif的动画等。

2.4 网站工具

Dreamweaver、 Photoshop、Flash、Fireworks等。

实现本设计已具备的条件(说明已具备的软硬件设备,包括计算机和软件﹑相关技术资料)

CPU：

Intel Pentium4或AMD Athlon 64处理器

内存：

512MB内存，推荐使用1GB以上内存。

硬盘空间：

1GB可用硬盘空间用于安装；安装过程中需要额外的可用空间（无法安装在可移动闪存设备上）。

显示器

16位显卡，1280×800像素的显示分辨率。

光盘驱动器：DVD-ROM驱动器。

计算机：Microsoft Windows XP（带有Service Pack2，推荐Service Pack3）；Windows Vista Home Premium、Business、Ultimate或Enterprise（带有Service Pack1）；或Windows 7。

软件：Dreamweaver MX 2004、Photoshop CS3、Flash CS3、Fireworks CS3，使用IIS浏览网页效果。

技术资料：

使用Dreamweaver MX 2004编写ASP VBScript动态网站，来确定网页的布局、栏目和板块，编写后台管理的一系列的代码，后面有相关的代码介绍。Photoshop CS3用来制作及修改图片，通常与FireworksCS3、Flash CS3结合使用，FireworksCS3只要是用来制作gif格式的动画，而Flash CS3完成动画更

完美一些。

在编写网页时通常用到JavaScript脚本和VBScript脚本，是为了网页的美观或要实现某种特殊功能，编写代码时可也采用记事本，然后在网页代码相应的位置插入。

三、网站建设步骤

3.1网站目录结构

图1 导航结构图

定义站点的操作步骤如下：

（1）在Dreamweaver 8主窗口中，单击菜单【站点】→【新建站点】，将弹出如图17-6所示站点定义对话框。在该对话框中先输入站点的名称，然后输入网址，如图17-6所示。接着单击【下一步】按钮，进入到下一步操作。

（2）选择“否，我不想使用服务器技术”单选按钮，然后单击【下一步】按钮，进入到下一步操作。

（3）选择“编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）”单选按钮，接着在下面的文本框中输入站点文件在本地计算机上的存放位置，也可以选择存储位置，然后单击【下一步】按钮，进入到下一步操作。

（4）选择连接到远程服务器的方式为“FTP”,然后分别输入Web服务器的主机名、在服务器上文件的存储位置、FTP用户名、FTP密码等参数，如图17-7所示。然后单击【下一步】按钮。

（5）选择“否，不启用存回和取出”单选按钮，如图17-8所示。接着单击【下一步】按钮，此时会显示所定义的站点信息。如果发现有误可以单击【上一步】