网页课程设计报告

《网页课程设计报告》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、引言随着现代计算机科学的发展，网络已经越来越普及，如今网络已经成为每个人生活的一部分，同时网络也提供了一种很好的信息交换平台，而个人所做的网页是一个可以在网络上展示个人才华的方便手段。首先介绍开发工具Dreamweaver以及ASP等技术，然后详细讲解了个人所做的家具城网页。做这个网页之前我已想好要用鲜艳的颜色来搭配家具城的特色，做这个网页呢我主要介绍了中国十大著名品牌家具。从这个着手呢，就比较有看头。因为我们可以从著名的家具里面寻求自己喜欢的家具而且还可以有一个比较。同时这个网页之中也包含了传统家具和现代家具的一个对比。从中可以看出家具文化的历程，以及从设计这一方面有很大的差别。传统

2、家具呢可以带领你回忆到中国很早的年代，而现代家具呢给我一种全新的释放。我建议用1024*768分辨率来浏览我的网页（wyzz）下面就来具体的介绍介绍我所做的网页。一、网页制作技术、常用方法及现状1、网页制作技术本课程设计的网页制作技术一共分为两大类。一类是静态网页，它主要包括图片的插入和滚动，字体的描述和滚动。静态网页是指不应用程序而直接或间接制作成html的网页，这种网页的内容是固定的，修改和更新都必须要通过专用的网页制作工具，比如Dreamweaver、Frontpage等，而且只要修改了网页中的一个字符或一个图片都要重新上传一次覆盖原来的页面。第二类是动态网页，动态网页是指使用网

3、页脚本语言，比如php、asp、asp.net、jsp等，通过脚本将网站内容动态存储到数据库，用户访问网站是通过读取数据库来动态生成网页的方法。网站上主要是一些框架基础，网页的内容大都存储在数据库中。当然可以利用一定的技术使动态网页内容生成静态网页，这样有利于网站的优化，方便搜索引擎搜索。而本网页设计中的动态网页主要是留言板，先做一个以.htm为后缀的网页（留言板的界面），然后以ASP所做的网页和数据库连接起来。它能够使别人给我们留言，我们都可以接受到。2、网页制作常用方法本网页涉及到的软件是Dreamweaver和ASP两大软件，一静一动，相得益彰。在网页制作中所有的静态网页都有Dr

4、eamweaver所完成。ASP的功能是制作动态的留言板网页。首先在这里介绍一下Dreamweaver和ASP两大软件的特点。Dreamweaver的特点：(1)Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择萤幕上的颜色可设定最接近的网页安全色。对於选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具，如PlaybackFlash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流第20页共20页程自然顺畅。除此之外，只要

5、单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。(2)使用网站地图可以快速制作网站雏形，设计，更新和重组网页。改变网页位置或档案名称，Dreamweaver会自动更新所有连结。使用支援文字，HTML码，HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。(3)Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作

6、未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。(4)Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所供即所得的功能，让您不需要透过浏览器就能预览网页。(5)Dreamweaver将内容与设计分开，应用於快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编

7、辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地汇入或输出XML内容。(6)利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascadingstylesheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效