《网页课程设计报告》由会员分享，可在线阅读，更多相关《网页课程设计报告（20页珍藏版）》请在金锄头文库上搜索。
1、引 言随着现代计算机科学的发展，网络已经越来越普及，如今网络已经成为每个人生活的一部分，同时网络也提供了一种很好的信息交换平台，而个人所做的网页是一个可以在网络上展示个人才华的方便手段。首先介绍开发工具Dreamweaver以及ASP等技术，然后详细讲解了个人所做的家具城网页。做这个网页之前我已想好要用鲜艳的颜色来搭配家具城的特色，做这个网页呢我主要介绍了中国十大著名品牌家具。从这个着手呢，就比较有看头。因为我们可以从著名的家具里面寻求自己喜欢的家具而且还可以有一个比较。同时这个网页之中也包含了传统家具和现代家具的一个对比。从中可以看出家具文化的历程，以及从设计这一方面有很大的差别。传统家具呢
2、可以带领你回忆到中国很早的年代，而现代家具呢给我一种全新的释放。我建议用1024*768分辨率来浏览我的网页（wyzz）下面就来具体的介绍介绍我所做的网页。一、网页制作技术、常用方法及现状1、网页制作技术本课程设计的网页制作技术一共分为两大类。一类是静态网页，它主要包括图片的插入和滚动，字体的描述和滚动。静态网页是指不应用程序而直接或间接制作成html的网页，这种网页的内容是固定的，修改和更新都必须要通过专用的网页制作工具，比如Dreamweaver、Frontpage等，而且只要修改了网页中的一个字符或一个图片都要重新上传一次覆盖原来的页面。第二类是动态网页，动态网页是指使用网页脚本语言，比
3、如php、asp、、jsp等，通过脚本将网站内容动态存储到数据库，用户访问网站是通过读取数据库来动态生成网页的方法。网站上主要是一些框架基础，网页的内容大都存储在数据库中。当然可以利用一定的技术使动态网页内容生成静态网页，这样有利于网站的优化，方便搜索引擎搜索。而本网页设计中的动态网页主要是留言板，先做一个以.htm为后缀的网页（留言板的界面），然后以ASP所做的网页和数据库连接起来。它能够使别人给我们留言，我们都可以接受到。2、网页制作常用方法本网页涉及到的软件是Dreamweaver和ASP两大软件，一静一动，相得益彰。在网页制作中所有的静态网页都有Dreamweaver所完成。ASP的功
4、能是制作动态的留言板网页。首先在这里介绍一下Dreamweaver和ASP两大软件的特点。Dreamweaver的特点：(1)Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择萤幕上的颜色可设定最接近的网页安全色。对於选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或
5、Photoshop来进行编辑与设定图档的最佳化。(2)使用网站地图可以快速制作网站雏形，设计，更新和重组网页。改变网页位置或档案名称，Dreamweaver会自动更新所有连结。使用支援文字，HTML码，HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。(3)Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweave
6、r支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。(4)Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所供即所得的功能，让您不需要透过浏览器就能预览网页。(5)Dreamweaver将内容与设计分开，应用於快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既
7、定之样式。您也可以使用样版正确地汇入或输出XML内容。(6)利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascading style sheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从Dreamweaver的网站在下载它的描述档，便可得知详尽的成效报告。ASP的特点为：(1)使用VBScript、JScript等简单易懂的脚本语言，同时结合HTML代码，即可快
8、速地完成网站的应用程序。(2)使用普通的文本编辑器，如Windows的记事本，即可进行编辑设计，而利用诸如Frontpage或者Dreamweaver等所见即所得的网页编辑软件可以快捷方便地进行编辑，易学易用。(3)与浏览器无关（Browser Independence），用户端只要使用可执行HTML代码的浏览器，即可浏览ASP所设计的网页内容。ASP所使用的脚本语言（VBScript、JScript）均在Web服务器端执行，用户端的浏览器不需要能够执行这些脚本语言。(4)Active Server Pages能与任何ActiveX Scripting语言相容。ActiveX Server C
9、omponents（ActiveX 服务器元件）具有无限可扩充性。可以使用Visual Basic、Java、Visual C+、COBOL等编程语言来编写你所需要的ActiveX Server Components。(5)Active Server Pages 的源程序，不会被传到客户端浏览器，因而可以避免所写的源程序被他人剽窃，也提高了程序的安全性。3、网站结构本网页的结构是根据所做的主题来确定所需要的结构，一共分为三部分。第一个部分是做了一个封面，它突出了我所做的主题家具城，里面包含了四个超链接。一是主页，二是尾页，三是自我介绍，四是留言板。第二部分是主页，里面包含有关家具的所有信息，它
10、起着一个很重要的作用。整个主页里面一共有十五个网页，这些网页就所做的家具城呈现了最主要的架构。第三个部分就是留言板，在所做的网页页面中，留言板算是最难的了。因为代码比较复杂，常常要检查到位，不然运行不成功。它是运用到ASP的代码和数据库的结合来形成的动态网页。 二、网页制作1、网站设计思想及规划本网站设计的主题是家具，我主要以国内十大家具著名品牌来制作，另外几个网页就是现代家具和传统家具以及它的文化和设计。其实所做的网页蛮简洁的，突出一个重点就是不复杂。这些网页被包含在主页里面，而主页呢在封面里面。谈到封面，它其实引导着一种小小和神秘感，不同以往的网页在一打开之后，所有的内容都尽收眼底。而它最
11、主要的网页被隐藏在身后，同时在封面上还有板主的相关信息介绍，如果有什么疑问可以通过留言板给板主留言。典美家具富之岛家具家具种类2、网站结构红苹果家具传统家具华日家具现代家具月星家具名牌家具双叶家具下一页（首页）全友家私家具家具文化宜家家具家具设计天坛家具封面尾 页华丰家具首页尾页个人介绍许绍洋留言板许嵩3、制作过程（1）服务器环境的配置由于学校机房不支持IIS 的安装，所以我们浏览网页的工具一个是源动力专用代码调试工具，它是用netbox编译的端口默认是99可以调试一般的ASP程序把这个工具跟你要调试的ASP代码放在一个目录下 然后双击即可。运行该程序后，会在桌面状态栏的时间区显示一个“.b”
12、的红色图标，右键点退出即可。有了这个就不需要再装IIS了。二个是虚拟机，运用到虚拟机就要在虚拟机中设置FTP和WEB了。通过在虚拟机中配置FTP，就能把你所要浏览的文件夹放入到虚拟机中，再通过对WEB的配置就可以在虚拟机中浏览网页。这样叙述可以看出，直接安装源动力专用代码调试工具比较方便。（2）具体制作过程首先在这里具体讲一个封面的网页，如下图所示：在这张网页里面主要插入了一个背景图片，在这上面输入了三个黄色字体家具城，然后插入了一个公布栏，四个超链接放置其中。最后就是建立一个层，把版权所有信息输入其内。主要代码为： 插入背景音乐 家 具div id=Layer3 style=position:absolute; left:303px; top:297px; width:86px; height:72px; z-index:3; co
