第一篇：网页设计实验报告w
中南民族大学管理学院
学生实验报告
课程名称： 网页设计与制作 姓 名： 星存田 学 号： 10058048 年 级： 2010级 专 业： 电子商务 指导教师： 罗惠平
实验地点： 管理学院综合实验室
2011至2012学年度第2学期
中南民族大学 管理学院 学生实验报告
实验一实验二实验三实验四实验五实验六
目录
HTML网页制作 FrontPage 2003 网页制作 Dreamweaver 8 网页制作 Photoshop CS2网页制作 Fireworks 8 网页制作 Flash网页制作
中南民族大学 管理学院 学生实验报告
实验一 HTML网页制作 实验属性 验证型
实验时间 2012-3-29 实验目的
学习如何编写HTML文档，并学会HTML的一些基本标记，如标题、背景图片、图像。水平线、文字编辑、段落、超链接、文本堆砌的使用方法。学习HTML表单标记的应用、框架标记，书签链接标记等等。
实验内容
1.鸟语花香网页 2.课表制作 3.表单的制作 4.框架的应用 5.书签的应用 6.网页定时跳转
7.下载提示，弹出窗口
实验步骤中南民族大学 管理学院 学生实验报告 中南民族大学 管理学院 学生实验报告 中南民族大学 管理学院 学生实验报告 中南民族大学 管理学院 学生实验报告
实验结果分析
这次的网页制作使我学会了很多，有关怎么收集资料，怎样用最快的方法收集资料，怎样收集有效的资料，怎样整理资料，怎样使自己的下载的资料便于查找，也学会了网页的制作，学会了写HTML文档，并学会HTML的一些基本标记，如标题、背景图片、图像。水平线、文字编辑、段落、超链接、文本堆砌的使用方法。学习HTML表单标记的应用、框架标记，书签链接标记 中南民族大学 管理学院 学生实验报告
指导教师批阅
（1）实验态度：不认真（），较认真（），认真（）（2）实验目的：不明确（），较明确（），明确（）（3）实验内容：不完整（），较完整（），完整（）（4）实验步骤：混乱（），较清晰（），清晰（）（5）实验结果：错误（），基本正确（），正确（）
（6）实验结果分析：无（），不充分（），较充分（），充分（）（7）其它补充：
总评成绩：
评阅教师（签字）：
实验二 FrontPage 2003 网页制作
实验属性 验证型
实验时间 2012-4-12 实验目的
掌握frontpage 2003新增加的网页布局的功能，了解frontpage 2003中的表单元素的应用了解利用框架设计网页的基本操作，学习层在frontpage 2003的应用，制作网页动态效果，动画效果制作等等。
实验内容
1.表格布局页面 2.建立表单 中南民族大学 管理学院 学生实验报告
3.利用框架设计网页 4.层与行为的综合应用 5.制作文字的动态效果 6.制作网页动画 7.制作网页过渡效果
实验步骤中南民族大学 管理学院 学生实验报告 中南民族大学 管理学院 学生实验报告
实验结果分析
在设计框架时经常需要调整某一行或列的属性，这时可以通过表格中列宽和行高的标签来完成。在操作窗口中单击布局表格需要调整的边框，每一侧都会出现显示列宽和行高的标签。每个标签都包括一个下拉箭头，如更改行高度时，单击此下拉箭头弹出一个下拉菜单，选择“更改行高”命令，在弹出的“行属性”对话框中重新输入该行高度值即可。FrontPage2003还提供了一个表格自动功能，它可以按照比例自动伸缩，调整表格的宽度和高度，使用时在边距标签下拉菜单中选择“自动伸缩”命令即可快速地对表格的尺寸进行调整，非常方便。中南民族大学 管理学院 学生实验报告
指导教师批阅
（1）实验态度：不认真（），较认真（），认真（）（2）实验目的：不明确（），较明确（），明确（）（3）实验内容：不完整（），较完整（），完整（）（4）实验步骤：混乱（），较清晰（），清晰（）（5）实验结果：错误（），基本正确（），正确（）
（6）实验结果分析：无（（7）其它补充：
总评成绩：
评阅教师（签字）：），不充分（），较充分（11），充分（）中南民族大学 管理学院 学生实验报告
实验三 Dreamweaver 8 网页制作
实验属性 验证型
实验时间 2012-4-26 实验目的
了解并掌握Dreamweaver 8的个个功能，比如表单，框架结构，时间轴在网页制作室的应用，层在网页图片上的应用，弹出式菜单在网页中的应用功能，用图片查看器制作简单的flash相册，用表格布局页面，最后建立一个简单的网站。
实验内容 表单的制作 2 制作框架页面 3 时间轴的应用 4 层的应用 制作弹出式菜单 6 制作Flash相册 7 用表格布局页面 8 制作个人网站
实验步骤中南民族大学 管理学院 学生实验报告 中南民族大学 管理学院 学生实验报告 中南民族大学 管理学院 学生实验报告 中南民族大学 管理学院 学生实验报告
实验结果分析
跟学习别的东西一样，学习网页设计也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。学习网页设计需要耐心，如果你没有耐心，你学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了半个月时间才解决。学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，你不断的学习不要掉入技术的陷阱，你的网页设计技术一流，你对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是是介于平面设计和编程技术两者之间的“边缘科学.”不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到html,javascript,css,asp,php等编程语言技术方面的知识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能.注重实用，个人认为网页设计应该注重实用性，因为它是让人浏览的，是用户可以抚摸，可以评论，可以交互的。我提倡简单的美。中南民族大学 管理学院 学生实验报告
指导教师批阅
（1）实验态度：不认真（），较认真（），认真（）（2）实验目的：不明确（），较明确（），明确（）（3）实验内容：不完整（），较完整（），完整（）（4）实验步骤：混乱（），较清晰（），清晰（）（5）实验结果：错误（），基本正确（），正确（）
（6）实验结果分析：无（（7）其它补充：
总评成绩：
评阅教师（签字）：），不充分（），较充分（17），充分（）中南民族大学 管理学院 学生实验报告
实验四 Photoshop CS2网页制作
实验属性 验证型
实验时间 2012-5-10 实验目的
掌握Photoshop CS2的文字的处理的基本功能，利用Photoshop CS2制作具体的金属效果，倒影的效果，利用Photoshop CS2快速蒙版功能制作一个艺术边框，用Photoshop CS2对图片进行抠图操作等等。
实验内容 制作光晕空心字效果实验步骤 2 制作金属效果按钮 3 制作风景倒影效果 4 制作一个图片艺术边框 5 利用滤镜抽出功能抠图 6 利用通道进行抠图 7 制作一个精美的吊牌 8 制一长结婚请柬
实验步骤中南民族大学 管理学院 学生实验报告 中南民族大学 管理学院 学生实验报告 中南民族大学 管理学院 学生实验报告 中南民族大学 管理学院 学生实验报告
实验结果分析
通过这次网页设计与制作综合型实验后，使得我不仅对dreamweaver8的网站页面布局工具层、框架、标签、表格、css样式表、表单、flash元素、等站点建设的整个流程有了更完善的了解与认识，并且能够熟练掌握应运，且在html编写、javascript脚本改写以及素材搜集等方面有了深刻认识和更高层次的掌握。熟悉了设置css样式、运用行为、时间轴来美化网页，并运用更多的软件如flash、photoshop软件与dreamweaver共同来完善网站。明确了网站的制作流程：首先要构思出一个清晰的思路，要注意颜色的搭配，不能色彩太显眼，让人感觉到视觉疲劳，注意整个网页的布局，以及给人一种舒服的视觉感受。此外，还对dreamver软件中各个菜单及相关属性设置及具体应用更加熟悉。最主要的是对网站建设流程有了整体的概念和清晰的认识。真正让我体会到了dreamweaver强大的设计和管理功能。从中我体会出网站的设计制作不仅要求我们对所学的专业知识有个较全面的了解，而且要全面地学习网站设计制作所需要的软件（比如“网页三剑客”）知识。在刚开始的时候觉得无从下手，心里有点茫然，只有抓紧时间紧跟老师学习dreamweaver软件知识。后来才发现在一段时间内想把这方面的知识学得很精，并不是一件很容易的事情。通过老师的耐心教授以及视频教程和同学间的帮助，我克服了诸多困难，学到许多网页设计制作知识。为以后的学习打下深深地基础。同时我也得出了一点道理：
一、无论做什么事情都要有一种执着的精神。否则就会半途而废；
二、做什么事情也不能急于求成，否则则欲速则不达！
三、在做一件事情以前必须有详实可行的计划，否则就会出现不知做什么的现象和后来的手忙脚乱的现象。
中南民族大学 管理学院 学生实验报告
指导教师批阅
（1）实验态度：不认真（），较认真（），认真（）（2）实验目的：不明确（），较明确（），明确（）（3）实验内容：不完整（），较完整（），完整（）（4）实验步骤：混乱（），较清晰（），清晰（）（5）实验结果：错误（），基本正确（），正确（）
（6）实验结果分析：无（（7）其它补充：
总评成绩：
评阅教师（签字）：），不充分（），较充分（23），充分（）中南民族大学 管理学院 学生实验报告
实验五 Fireworks 8 网页制作
实验属性 验证型 实验目的
实验时间 2012-5-24 掌握Fireworks 8图像和网页制作的功能，简单的logo和按钮的制作，弹出菜单的制作，通过马赛克文字效果掌握一些图像处理的技巧，掌握一般替代动画的制作方法和淡入淡出的动画的制作方法，最后掌握帧在动画中的应用。
实验内容
1.简单LOGO制作方法一 2.制作按钮
3.制作弹出菜单
4.制作马赛克文字效果 5.制作替换动画
6.制作淡入淡出动画 7.制作多帧动画
实验步骤 中南民族大学 管理学院 学生实验报告 中南民族大学 管理学院 学生实验报告 中南民族大学 管理学院 学生实验报告
实验结果分析
应从使用者的视觉感观、操作效果、思维过程等方面寻找答案,比如用红色作为企业级应用的主体色,就要很慎重了,因为红色是代表着激情、热烈与企业级应用的要求差距较大,这样就影响视觉效果;比如需要进行层次较多的选择时,以前会先用一个列表选择进去,再选择其相应的子选项进行查询、添加等操作,这样操作效果就很差很罗嗦,对于这样情况采用旁边放颗树进行选择,不失为一个好的表现形式;比如要实现一些审核性、流程性、过程性的业务,可以考中南民族大学 管理学院 学生实验报告
虑采用流程图的形式,这样非常直观明了而且易操作;比如要常实现的添加、删除、修改、查询等操作时,如何在页面上组织它们才能使用户使用方便,这时就要考虑用户通常的思维过程是如何的,据此实现,用户使用起来就会方便舒心.指导教师批阅
（1）实验态度：不认真（），较认真（），认真（）（2）实验目的：不明确（），较明确（），明确（）（3）实验内容：不完整（），较完整（），完整（）（4）实验步骤：混乱（），较清晰（），清晰（）（5）实验结果：错误（），基本正确（），正确（）中南民族大学 管理学院 学生实验报告
（6）实验结果分析：无（），不充分（），较充分（），充分（）（7）其它补充：
总评成绩：
评阅教师（签字）： 中南民族大学 管理学院 学生实验报告
实验六 Flash 8网页制作
2012-6-7 实验属性 验证型 实验时间 实验目的
掌握Flash层的应用，动画中使用按钮，菜单和窗口等控件。用Flash 8制作闪烁的文字效果，应用Flash制作简单的广告，应用Flash制作下雨的效果，制作电子日历的效果.实验内容 图层的妙用 2 制作按钮 3 制作菜单 制作文字闪烁效果 5 制作简单贺卡 6 制作简单广告 ActionScript动画 8 制作电子日历效果
实验步骤中南民族大学 管理学院 学生实验报告
中南民族大学 管理学院 学生实验报告
中南民族大学 管理学院 学生实验报告
实验结果分析
Flash 8功能小到用户不会察觉其中丰富的变化，甚至可能有人认为笔者用上千字来阐述拖放是小题大做。但设计师却不能看不到这个小功能背后隐藏着用户长久的使用习惯和需求。作为设计师而言，我们可能需要思考：如何提炼用户的需求和使用习惯，从而设计出既符合用户日常使用习惯，自然又便捷的交互方式
网页制作心得技巧:交互设计经验分享:WEB拖放交互设计
中南民族大学 管理学院 学生实验报告
指导教师批阅
（1）实验态度：不认真（），较认真（），认真（）（2）实验目的：不明确（），较明确（），明确（）（3）实验内容：不完整（），较完整（），完整（）（4）实验步骤：混乱（），较清晰（），清晰（）（5）实验结果：错误（），基本正确（），正确（）
（6）实验结果分析：无（（7）其它补充：
总评成绩：
评阅教师（签字）：），不充分（），较充分（34），充分（）
第二篇：网页设计实验报告
网页设计实验报告
本课程的设计目的是通过实践使同学们经历Dreamweaver cs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法；了解网页设计制作过程通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop cs3、Dreamweaver cs3等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。
1.课程设计题目
跑车世界，为了拉近人们与高端汽车的距离，让人们更加的了解它们，我收集了一些关于汽车的知识，并通过网页的形式展现在人们面前.2.总结
在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。Dreamweaver cs3是大多数人设计网页的称手兵器，也是众多入门者的捷径。特别是其在布局方面的出色表现，更受青睐。大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。通过这次网页课程设计激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，结合教材及老师的指导，通过自身的实践，创作出积聚个人风格、个性的个人网页。总体来说，整个学期的学习过程，我学会了很多知识，在设计网页的这几天里，我充分利用了这次设计的机会，全心全意投入到网页世界，去不断的学习，去不断的探索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！做好页面，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。本次课程设计不是很好，页面过于简单，创新意识反面薄弱，这是我需要提高的地方。需要学的地方还有很多，需要有耐心、坚持，不断的学习，综合运用多种知识，才能设计出好的web页面。总体来说，通过这次的对网页课程设计，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。感谢老师、同学在这次课程设计中给我的帮助、指导
第三篇：网页设计实验报告
姓名：王中亚 学号：201215304 班级：2012153班
网页实验报告
一、实验目的
网络在现今生活中的重要地位已经不言而喻，我们上网都避免不了浏览网页。本实验通过学习使用Dreamweaver cs4设计网页，来达到熟知一个网站的网页整个设计过程是怎样进行的，并能自行设计一个具有鲜明主题的基本完整的静态简单网页的目的。并且在本次实验中，我们通过实际的操作，更好的学习在html中嵌入多媒体，使网页的内容更加丰富，具有吸引力。在此过程中，我们还要对css3.0进行学习，以帮助我们使网页的样式更加美观。为了更好的交互操作，我们还要对javaScript及jquery，jQueryUI ,easyUI等一些前台插件进行学习。
二、实验器材
1、一台台式机或者笔记本
2、Windows 7操作系统
3、Dreamweaver cs4软件、photshop软件
三、实验原理和方案
Dreamweaver cs4是常见的设计工具，在设计过程中基本上不需要亲自动手设计源代码，但是为了更好地学习Html标记语言，我们在实验过程中，不会使用可是界面进行操作，而是采用其代码编辑模式进行开发（此外，Dreamweaver cs4的可是界面开发过程中，可是界面的调试结果和浏览器的调试结果会有很多差异性，所以在html新手的学习过程中要注意到这一点，尽量手动书写代码的方式进行html页面的编写），要设计一个满意的网页要遵循一定的步骤：
1、确定网站主题、风格和布局
2、搜集相关素材，比如音频、图片、文本等
3、根据网站主题，在网站中放入相关元素和内容
四、实验步骤
4.1准备素材
确定网页的主题和风格，收集各种可能需要的设计素材，素材包括图片，音乐，动画，视频，由于刚刚开始学习制作网页，所以我主要搜集图片和必须的文本。并新建一个文件夹把搜集的素材放到该文件夹里面。
4.2设计规划 姓名：王中亚 学号：201215304 班级：2012153班
规划网站，对网页的整体框架和结构进行设计，确定整个网站的内容，明确自己的网页需要满足的功能和内容。
4.3具体设计
1、创建站点。点击“站点”下拉菜单的“创建站点”，名字站点名称和站点在计算机的路径。
2、在电脑里面运行Dreamweaver cs4,在“文件”下拉菜单点击“新建”，打开“新建文档”对话框，选举“框架集”里的“上方固定，下方左侧嵌套”，并点击“创建”按钮
3、调整框架的大小，分别保存各个框架和框架集并命名（注：不能用汉字，只能用英文字母）
4、分别给各个框架加入合适的背景色或者或者插入图片
5、根据具体的需求进行实际的开发
五、实验效果截图
姓名：王中亚 学号：201215304 班级：2012153班
姓名：王中亚 学号：201215304 班级：2012153班
姓名：王中亚 学号：201215304 班级：2012153班
姓名：王中亚 学号：201215304 班级：2012153班
六、体会心得
在本次网页设计中，我不仅学到了很多关于网页设计方面的知识。我从中学会运用Dreamwaver设计简单的网页，在这个过程中，我通过自学教材、上网查询，学习了Dreamweaver、photshop等网页软件的应用，学会了管理、维护自己的站点。在设计过程中也出现了很多的问题，其中几次比较深刻的问题就是在前台界面中加入js时，但通过看书，上网查询，请教老师等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。
并且在本次实验过程中，我初次体验了后台的（javaWeb）的开发与设计，姓名：王中亚 学号：201215304 班级：2012153班
使我对网站的开发有了整体的了解，从前台到后台，虽然做的比较简单，但是已经出现了完整的前台后台雏形，这点让我收获很大。
总体来说，通过今次的对网页设计的学习，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。也希望老师在今后的日子里多指导。
第四篇：网页设计实验报告
一：设计题目：图书管理系统 二：设计目的：
通过本门课程设计的练习，巩固掌握网页设计中普遍使用的一门语言——HTML、一个环境——ASP、一个工具软件——Dreamweaver,初步建立系统的网页设计理念，具备独立开发一个小型网站或者协同开发大型站点的能力。
三：设计内容
功能模块：设置用户名，密码。登陆上去。
Index.asp代码
//asp dim action action=trim(request.QueryString(“action”))if action=“chkuser” then dim password,username username=request.Form(“username”)password=request.Form(“password”)password=md5(password,16)set rs=conn.execute(“select * from manager password='”&password&“'”)if not rs.eof then session(“username”)=rs(“userid”)session(“userid”)=rs(“id”)
if rs(“isadmin”)=true then
session(“isadmin”)=“admin”
end if
response.Write “” else response.Write “” end if end if %>
第五篇：Dreamweaver网页设计实验报告
实验报告
专业
XXXXXX
班级
XX 班
学号
XXXXXX
姓名
XXX
报告完成日期
2012-12-26
指导教师
XXX
评语：
成绩：
批阅教师签名：
批阅时间：
一、制作时间
2012年12月18日至2012年12月26日。
二、实习内容
1、使用Dreamweaver制作网站，该网站为福建工程学院网站
2、网站不少于8个页面，主页和各模块相关页面；
3、页面中包含文字、图片；
4、使用CSS实现网页相关页面设置，要求在实现网页内能够显示文字，图片等信息；
5、使用网页浏览器进行网站测试。
三、实习环境
1、硬件环境：计算机一台；
2、软件环境：Dreamweaver cs4；
3、测试环境：IE、firework等网页浏览器。
四、网站总体设计
1、网站主题
本网页是以福建工程学院网站为主题，针对不同的年龄阶段的人给出了不同的学院的信息。
2、设计思路
首先构思了基本网页的布局，主页采取了常用的1-（1+1+1），附页采用了1-（1+1），上了多个网 最后决定参照福建工程学院的官方网站进行制作，但是布局并不相同 素材取自福建工程学院官方网站，部分图片取自百度，网站包括1个主页7个子页，子页包含了所有的学校状况，分别为：学校简介、现任校领导、教学机构、管理机构、校纪校训校歌、校园风光、新校区建设；采用了较难的二级菜单 和 JVAV技术实现导航栏上面的图片进行4张轮播。
五、制作步骤
1.首先确定网页的主题后，从网上查看各名校的网站，并从中寻找思路开始做网页。经过长时间的浏览，最终选择福建工程学院作为参照（网址：http://www.xiexiebang.com）
2.受福建工程学院主页的影响我自学了图片轮播和二级菜单，从而制作了轮播图片和二级菜单。
3.由于对于JVAV和表单的知识并不是非常了解所以有些地方需要实现的实现不出来放弃了，期中研究了最久的就是 导航轮播和下面的有块区域的图片轮播，结果因为不知道如何同时初始化2个JVAV函数 最后以失败告终 只好放弃
4.本次制作最难的地方是导航菜单的二级菜单和图片轮换
在制作过程中，遇到很多次的制作混乱，最后还是老师帮忙解决的。
5.原计划那些JVAV代码因为无法同时初始化他们放弃了 只好以一些列表代替
6.最后，将一些小细节的东西做了些处理，最后打包上交。
六、实习总结
这次是我们web的期末考试制作，通过这一次的制作，不仅巩固了以前学过的知识，还学会很多课堂上未教授的东西。通过老师的讲解、查阅资料，解决了很多制作上的困难，这一点我在这要好好感谢我们的XX老师和我们宿舍的学姐，谢谢她们帮我很大的忙。
七、参考文献
《HTML+CSS网页设计与布局》 《PHP编码》
点击咨询 