-I Hate Love.mp3” loop=“-1” />。5.行走在巴黎（BaLi.html）：
1）采用Ap层布局。
2）设置了AP Div1差
一个拥抱.mp3“ loop=”-1“>。6.巴塞罗那（Basailuona.html）：
1）采用spry选项卡式面板布局。
2）设置了AP Div1不
想去上班.mp3” loop=“-1” />。7.ReadMe（ReadMe.html）：
1）采用Ap层布局+表格布局。
2）设置了AP Div1-AP Div2两个层。
3）AP Div2 设置为滚动字幕，并插入了日期。
心得
通过《Web前端设计网页设计》的学习，我喜欢上了网页设计，在制作网页的过程中遇到很多问题，但是经过自己在网上搜索、图书馆找材料以及老师的讲解帮助下，都解决了问题。虽然我现在制作网页的能力还不好，但是我会在大学期间好好实践，将网页的制作变成自己的技术。
武汉大学计算中心2007年5月
《网页与Web程序设计》实验报告
年级：2008级（必修）
学号：20080307703117姓名：郝嫚专业：金融管理与实务3班
一、实验题目
分析或参考给定的“网站设计实例”，设计一个自选题材的网站。
说明：
1．自行设计的网站可以只包含静态网页（.htm），也可以包含动态网页(.asp)。
2．站点至少要有三层结构，页面数5页左右；网页要有落款、版权说明。网站大小不要超过10MB。
3．在网站制作过程中或完成后，填写下面“
五、实验步骤”里的省略号部分。
二、实验目的和要求
通过以前各章的学习和实验，同学们已经了解和初步掌握一系列的网页与Web程序设计技术。本实验能使大家对网站设计的全过程，有一个更加完整的概念，熟练掌握网站设计工具“网页设计三剑客”。具体要求如下：
1．自选题材，主题内容要合法、健康、实用。网站主题突出、内容丰富。
2．自己动手独立完成网站设计。可以借鉴和模仿某个网站进行设计与制作，但不可以从网上下载网页直接上交。
3．站点应当设计合理，结构分明，管理有序，无多余文件和文件夹，大小合适。文件和文件夹存放位置要正确，首页文件名应该使用index.htm、index.asp、default.htm或default.asp。其他文件或文件名命名也要规范，不宜使用汉字或带有空格的名称。
4．网站风格统一，设计适合于主题的LOGO（徽标），或者标题图片及动画。各页面设计合理、美观，有创意。不要太花哨或太孩子气，不要只是各种元素的随意拼凑。图片和动画选用要适合主题，不要在网页中插入不相干的图片，图片保存格式和图片大小要合适。要适用于各种显示器的分辨率，不要太宽，否则在显示器分辨率较小时会出现水平滚动条。
5．各个页面之间的链接要合理有效，路径要正确（使用相对路径）。要合理使用css样式，不要在各个页面中重复定义相同的css样式；应该将css样式存放到css文件中，然后附加即链接到各页中。代码结构清晰，无垃圾代码。
三、实验方法
网站设计的一般过程或方法如下：
1．确定主题和收集资料
自行选定所要设计的网站主题和栏目，收集有关图文、数据等资料，经过分析，初步确定网站的基本功能、结构或三级目录。
2．规划网站和新建站点
在需求分析的基础上，画出网站的树型目录结构图，从网站根文件夹，子文件夹到文件名。首页文件名如index.htm，应该放在网站根文件夹里。根据Windows的“管理工具”中是否已安装IIS，用Dreamweaver 8，在C:Inetpubwwroot或者D:里，新建站点，即根文件夹，子文件夹或文件名。随时在U盘上做好备份。
3．制作素材和单个网页
用“网页设计三剑客”自行制作或者收集网站要使用的小图片、动画、音频或视频，制作单个网页文件及其链接，以及按需要建立数据库。按照规划，一一放在网站的相应子文件夹里。
4．制作首页和建立链接
制作首页，并且建立与下一级网页的链接（若受网站大小限制且超过5页，则可建立必要的空连接）。
5．调试运行
可以边设计边调试，也可以边调试边修改前面的设计。然后，正式运行和提交网站。
四、实验环境
微机 + Windows操作系统(含IIS)+ Fireworks 8 + Flash 8 + Dreamweaver 8 + Access。
五、实验步骤
请填写网站分析与设计的实验步骤。
（一）分析给定的“网站设计实例”
1．该网站的树型目录或站点结构图（如图1）：
……
图1 实例网站的树型目录或站点结构
2．在该网站首页上“插入”大标题图片和动画文件的操作步骤：
……
3．在该网站设计中，运用了哪些样式设计技术如CSS等？举例说明：
……
4．在该网站设计中，下一级网页显示的目标（位置）一般设置为：……；数据库（.mdb）文件为：……。
5．在该网站设计中，较好地运用了如下网页与Web程序设计技术：
……
（二）设计自选题材网站的具体步骤
1．确定主题和收集资料
本网站的主题：我的美丽家乡——广水
栏目或三级目录：首页，魅力广水，广水高中，广水风光，今日广水和广水人
家。
2．规划网站和新建站点
网站的树型目录或站点结构图如图2：
首页
魅力广水 广水风光 广水高中 今日广水和广水人家
创建本地站点：
·启动Dreamweaver 8，选择“站点”菜单中的“管理站点”命令，打开“管理站点”对话框。
选择“新建”按钮，然后选择“站点”命令，打开“站点定义”对话框，将站点名称设为“Mysite”，单击下一步。
·根据提示填完有关步骤，最后单击“完成”按钮。
·单击“管理站点”对话框中的“完成”按钮，在打开“文件”面板上显示本地站点的目录结构。
·在站点根文件夹上单击右键，从弹出的快捷菜单中选择“新建文件夹”命令，将新建文件夹名称设置为“image”。
·采用同样的方法再建一个“vidao”文件夹。
3．制作素材和单个网页（举例说明典型的操作步骤）
（1）素材制作
1.图片：在网上收集一些网页背景图片，与主题有关的一些图片；将一些不是很合心意的图片在“fireworks”中进行修改，制作。
2.flash动画：在有关网页制作的网站中下载了一些有关的flash动画。由于网页设计容量的限制此处没有插入动画，实际步骤已知。
3.下载歌曲轻音乐红河谷作为其中风景网页的背景音乐。
4.下载有关的资料，图片„„
…
（2）网页制作
以魅力广水为例
打开Fireworks 8，在Fireworks 8中制做好背景图片并保存为JPG格式，关闭Fireworks 8。
打开Dreamweaver 8，单击“插入”—“图片”命令，选择此图片插入
（3）建立数据库
4．制作首页和建立链接（举例说明典型的操作步骤）
制作首页：
……1）新建页面，选择菜单命令“修改”—“页面属性”，在弹出的对话框中将网页的标题设置为“魅力广水”……
2)如果没有显示标尺，则选择菜单命令“查看”/“标尺”/“显示”，显示标尺。
3）选择菜单命令“查看”/“网格”/“显示网格”来显示网格，以便于
定位。
4）在插入工具栏中选择“布局”子工具栏，单击布局按钮，此时会打开
一个“从布局模式开始”，单击“确定”按钮进入布局模式。
5）单击“布局”插入工具栏上的“布局表格”按钮，然后将光标放在要绘制表格的区域，按住鼠标左键绘制一个布局表格。
6）在“布局”插入工具栏上的“布局表格”按钮，然后移动光标到第一
行网格的位置，绘制一个顶部单元格并选中该单元格，在打开的“属性”面板中设置“背景颜色”为白色，并以此方法绘制剩余的单元格。
7）选择“插入”/“图像”命令，插入图片，调整图片大小使得图片大
小恰好充满单元格。
8）在左侧单元格内输入文字，然后加上项目符号，并插入图片，然后
在属性面板中设置字体为黑体，背景设为绿色。
9)选定整个布局表格，将布局表格背景设为黑色。完成首页制作。
建立连接:
将所有的网页都做完了之后再建立链接。（下面以“魅力广水”为例）①选中“魅力广水”图片，打开“属性”面板，选择“链接”文本框右边的文件夹，选择文件夹中的“主页”网页，单击“确定”。
②在“目标”的下拉框中选择“鸣人的身世”
5．调试运行
调试和运行情况：
在运行的过程中，有某些图片，音乐无法正常显示和播放，有些是因为电脑的原因，而有些则是因为操作过程中出现的问题，经过不断修正，网页运行正常。
……
实验报告要求
1、报告用纸 采用统一的河南科技大学实验报告用纸。
2、实验报告内容
具体内容包含以下几项：（1）实验题目（2）实验学时（3）实验目的（4）实验环境（5）实验内容
（6）出现的问题及解决方法
实验环境
实验的硬件平台为方正台式机，主频2.4Ghz，内存4Gb。软件平台为VS 2010、Dreamveaver
8、Access 2010、Sqlserver 2008。1
实验一 Web开发环境的建立
一、实验学时 2学时
二、实验目的
1、掌握IIS Web服务器的配置；
2、熟悉Visual Studio 2010开发环境。
三、实验环境 Windows7
四、实验内容 万维网发布服务
通过将客户端 HTTP 请求连接到在 IIS 中运行的网站上，万维网发布服务（www.xiexiebang.com“>清华大学
部分重要代码如下： 定义文本属性标记语法格式: 计算机 定义段落属性标记语法格式: 插入多媒体标记
插入滚动标记 align：字幕的对齐方式（left/center/right/top/middle/buttom）behavior：设定浏览器处理字幕的方法 height：
设
定
字
幕的高
度
width：设定字幕的宽度
direction：设定字幕滚动的方向（left/right/）bgcolorhspace：：设
设定
定字
字幕
左幕
右的的背空
景白
颜空
色
间
vspace：设定字幕上下的空白空间
scrollamount：设定每个连续滚动字幕后面的间隔 scrolldelayloop：：设
设定：
鼠定
两字标
移次
滚幕出
该动的区之
间滚域
时的间动继
续隔次滚
动时
间 数 ； ONMOUSEOUT=this.start()ONMOUSEOVER=this.stop()：鼠标移入该区域时停止滚动。
六、出现的问题及解决方法
实验三 XML+CSS布局
一、实验学时 4学时
二、实验目的
1、掌握XML描述文档结构的方法；
2、掌握CSS控制HTML和XML文档的方法。
三、实验环境
四、实验内容
五、实验步骤
六、出现的问题及解决方法 实验四 Web数据库访问技术
一、实验学时 2学时
二、实验目的
掌握.NET 4.0的服务器端数据访问控件技术。
三、实验环境
四、实验内容
五、实验步骤
六、出现的问题及解决方法 实验五 Web站点规划设计
一、实验学时 4学时
二、实验目的
以个人信息网站为例，掌握Web站点规划设计方法。
三、实验环境
四、实验内容
五、实验步骤
六、出现的问题及解决方法
网页设计实验报告
本课程的设计目的是通过实践使同学们经历Dreamweaver cs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法；了解网页设计制作过程通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop cs3、Dreamweaver cs3等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。
1.课程设计题目
跑车世界，为了拉近人们与高端汽车的距离，让人们更加的了解它们，我收集了一些关于汽车的知识，并通过网页的形式展现在人们面前.2.总结
在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。Dreamweaver cs3是大多数人设计网页的称手兵器，也是众多入门者的捷径。特别是其在布局方面的出色表现，更受青睐。大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。通过这次网页课程设计激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，结合教材及老师的指导，通过自身的实践，创作出积聚个人风格、个性的个人网页。总体来说，整个学期的学习过程，我学会了很多知识，在设计网页的这几天里，我充分利用了这次设计的机会，全心全意投入到网页世界，去不断的学习，去不断的探索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！做好页面，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。本次课程设计不是很好，页面过于简单，创新意识反面薄弱，这是我需要提高的地方。需要学的地方还有很多，需要有耐心、坚持，不断的学习，综合运用多种知识，才能设计出好的web页面。总体来说，通过这次的对网页课程设计，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。感谢老师、同学在这次课程设计中给我的帮助、指导
点击咨询 