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

网页开发技术课程设计说明书 网页开发技术课程设计说明书 摘 要 信息技术是一个划时代的技术革命，它正在对整个社会各方面的发展起着深刻的影响。这个遍地是黄金的互联网里，每一类型的网站都是富矿，个人网站也不例外。 为了更好地利用网络资源，使我们的信息电子化也为了能与世界各地进行广泛地交流丰富我们的知识和视野。随着社会观念的更新，个人网站也随之以不可思议的速度出现在Internet之上，很多电脑爱好者根据自己的情况和爱好做出了个人网站。个人网站以后就成为了我们个人身份证件，特别是我们在去找工作，就没有必要带厚厚的简历，只要把我们自己的网站平时维护好。记录了我们平时的学习成绩、个人奖励情况、个人的工作经验还有自己的特长介绍和自己的作品，让人知道我们的网址就把所有的事情办了。 随着现代计算机科学的发展，网络已经越来越普及，如今网络已经成为每个人生活的一部分。同时网络也提供了一种很好的信息交换平台，而个人主页是一个可以在网络上展示个人信息的方便手段。本文通过使用Dreamrweaver CS5开发个人网站。建立了一个以NBA为主要内容的信息网站，供广大网友检索浏览NBA相关信息。 二、网站规划 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）选择连接到远程服务器的方式为“