张娴睿网页设计说明

《张娴睿网页设计说明》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、网页设计说明课题：个人网站制作作者：张娴睿学号：20050085班级：多媒体050110个人网页站点地图如图所示：网站介绍：我的网页主要包括了首页，邮箱登陆，个人简介和爱好，同学像册，音乐，设计作品和日记（量贩）。首页主要上用来显示网页的主要内容，在主页里我嵌套了两个Flash，使网页具有动感美，还在首页插入了歌曲。邮箱登陆主要是用来在别人登陆该网页时有什么建议或意见，可以迅速通过邮箱给我意见。个人简介和爱好主要用来介绍自己，让别人了解自己。在像册里可以看到我的同学朋友。在我的音乐盒里你可以选择你想听的歌

2、。而在我的日记里，记录了我生活中琐事。在制作网页的过程中运用了Dreanweaver、fireworks、和flash。Dreameaver设置首页，编辑功能，排版功能，插入文本包括插入文本元素插入图象和图文混排和外部图象的编辑等功能。关于fireworks的功能主要是优化和导出图象，创建HTMl切片，而Flash则是制作动画。网站技术运用介绍一、ActiveServerPages(动态服务器主页)的缩写,它是一个服务器端的脚本环境,在站点的Web服务器上解释脚本,可产生并执行动态、交互式、高效率的站点服

3、务器应用程序。ASP可以胜任基于微软Web服务器的各种动态数据发布，它与传统的静态主页有很大的区别：信息系统纳入Internet的框架之后,首先要解决的问题是通过网页访问后台数据库信息而传统的不是这样。所有应用程序都是被分割为页面的形式,用户的交互操作是以提交表单等方式来实现的,这就要求Web站点具有很强的动态数据发布能力。用ASP所设计出的是动态主页,可接收用户提交的信息并作出反应,其中的数据可随实际情况而改变,无须人工对网页文件进行更新即可满足应用需要。ASP有如下的特点：无需编译ASP脚本集成于HT

4、ML当中，无需编译或链接即可直接解释执行；易于生成使用常规文本编辑器即可进行＊.asp10页面的设计；独立于浏览器用户端，只要使用可解常规HTML码的浏览器，即可浏览ASP所设计的主页。ASP有如下的功能：处理由浏览器传送到站点服务器的表单输入。访问和编辑服务器端的数据库表。使用浏览器即可输入、更新和删除站点服务器的数据库中的数据。读写站点服务器的文件，实现访客计数器、座右铭等功能。由cookies读写用户端的硬盘文件，以记录用户的数据。可以实现在多个主页间共享信息。如图所示：二、在我的网页中运用了大量的

5、Iframe。Iframe标记称为“嵌入式框架”可以用它将一个HTML文档嵌入在另一个HTML中显示，并与这个HTML文件内容相互融合成为一个整体。打开“标签显示器”选择Iframe选项如图所示：在我的首页有一段滚动的文字就是用Iframe做的，代码如下：

6、no"allowtrancparency="true">10为了使Iframe内容和网页背景相同，需要使Iframe透明。在“标签编辑器—Iframe”对话框中选择“浏览器特定的”选项，选择“允许透明”总之框架可以把浏览器的显示空间分割为多个部分，每个部分都独立显示网页内容，使网页具有更为丰富多彩的效果。三、使用表格排版网页可以使页面美观清晰。例如在制作音乐网页时就是用表格如图所示：四、使用“CSS样式”1）链接外部样式表：把样式表保存为一个样式表文件，然后在页面中用〈Link〉标记链接

7、到这个文件。例如：A:link{FONT-SIZE:9pt;COLOR:#0B51D3;TEXT-DECORATION:none}2）内部样式表：把样式表放到页面内部，可视化设计。“CSS样式表”制作：1将插入点放在文档中，然后执行以下操作之一打开“新建CSS规则”对话框：o在“CSS样式”面板（“窗口”>“CSS样式”）中，单击面板右下侧中的“新建CSS规则”(+)按钮。10o选择“文本”>“CSS样式”>“新建CSS规则”。2.定义要创建的CSS样式的类型：o若要创建可作为class属性应用于文本范围

8、或文本块的自定义样式，请选择“类”选项，然后在“名称”文本框中输入样式名称。o若要重定义特定HTML标签的默认格式设置，请选择“标签”选项，然后在“标签”文本框中输入一个HTML标签，或从弹出式菜单中选择一个标签。o若要为具体某个标签组合或所有包含特定Id属性的标签定义格式设置，请选择“高级”选项，然后在“选择器”文本框中输入一个或多个HTML标签，或从弹出式菜单中选择一个标签。弹出式菜单中提供的选择器（称作伪类选择器）包括a