《网页设计实验报告》由会员分享，可在线阅读，更多相关《网页设计实验报告（35页珍藏版）》请在金锄头文库上搜索。
1、精选优质文档-倾情为你奉上中南民族大学管理学院学生实验报告课程名称：网页设计与制作姓 名：星存田学 号：年 级：2010级专 业：电子商务指导教师：罗惠平实验地点：管理学院综合实验室2011至2012学年度第2学期专心-专注-专业目 录实验一HTML网页制作实验二FrontPage 2003 网页制作实验三Dreamweaver 8 网页制作实验四Photoshop CS2网页制作实验五Fireworks 8 网页制作实验六Flash网页制作实验一 HTML网页制作实验属性验证型实验时间2012-3-29实验目的学习如何编写HTML文档，并学会HTML的一些基本标记，如标题、背景图片、图像。水
2、平线、文字编辑、段落、超链接、文本堆砌的使用方法。学习HTML表单标记的应用、框架标记，书签链接标记等等。实验内容1. 鸟语花香网页2. 课表制作3. 表单的制作4. 框架的应用5. 书签的应用6. 网页定时跳转7. 下载提示，弹出窗口实验步骤实验结果分析 这次的网页制作使我学会了很多，有关怎么收集资料，怎样用最快的方法收集资料，怎样收集有效的资料，怎样整理资料，怎样使自己的下载的资料便于查找，也学会了网页的制作，学会了写HTML文档，并学会HTML的一些基本标记，如标题、背景图片、图像。水平线、文字编辑、段落、超链接、文本堆砌的使用方法。学习HTML表单标记的应用、框架标记，书签链接标记指导
3、教师批阅（1）实验态度：不认真（），较认真（），认真（）（2）实验目的：不明确（），较明确（），明确（）（3）实验内容：不完整（），较完整（），完整（）（4）实验步骤：混乱（），较清晰（），清晰（）（5）实验结果：错误（），基本正确（），正确（）（6）实验结果分析：无（），不充分（），较充分（），充分（）（7）其它补充：总评成绩：评阅教师（签字）：实验二FrontPage 2003 网页制作实验属性验证型实验时间2012-4-12实验目的掌握frontpage 2003新增加的网页布局的功能，了解frontpage 2003中的表单元素的应用了解利用框架设计网页的基本操作，学习层在frontp
4、age 2003的应用，制作网页动态效果，动画效果制作等等。实验内容1. 表格布局页面2. 建立表单3. 利用框架设计网页4. 层与行为的综合应用5. 制作文字的动态效果6. 制作网页动画7. 制作网页过渡效果实验步骤实验结果分析 在设计框架时经常需要调整某一行或列的属性，这时可以通过表格中列宽和行高的标签来完成。在操作窗口中单击布局表格需要调整的边框，每一侧都会出现显示列宽和行高的标签。每个标签都包括一个下拉箭头，如更改行高度时，单击此下拉箭头弹出一个下拉菜单，选择“更改行高”命令，在弹出的“行属性”对话框中重新输入该行高度值即可。FrontPage2003还提供了一个表格自动功能，它可以按
5、照比例自动伸缩，调整表格的宽度和高度，使用时在边距标签下拉菜单中选择“自动伸缩”命令即可快速地对表格的尺寸进行调整，非常方便。指导教师批阅（1）实验态度：不认真（），较认真（），认真（）（2）实验目的：不明确（），较明确（），明确（）（3）实验内容：不完整（），较完整（），完整（）（4）实验步骤：混乱（），较清晰（），清晰（）（5）实验结果：错误（），基本正确（），正确（）（6）实验结果分析：无（），不充分（），较充分（），充分（）（7）其它补充：总评成绩：评阅教师（签字）：实验三Dreamweaver 8 网页制作实验属性验证型实验时间2012-4-26实验目的了解并掌握Dreamweave
6、r 8的个个功能，比如表单，框架结构，时间轴在网页制作室的应用，层在网页图片上的应用，弹出式菜单在网页中的应用功能，用图片查看器制作简单的flash相册，用表格布局页面，最后建立一个简单的网站。实验内容1 表单的制作2 制作框架页面3 时间轴的应用4 层的应用5 制作弹出式菜单6 制作Flash相册7 用表格布局页面8 制作个人网站实验步骤实验结果分析 跟学习别的东西一样，学习网页设计也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。学习网页设计需要耐心，如果你没有耐心，你学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了半
7、个月时间才解决。学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，你不断的学习不要掉入技术的陷阱，你的网页设计技术一流，你对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是是介于平面设计和编程技术两者之间的边缘科学.不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到html,javascript,css,asp,php等编程语言技术方面的知识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能.注重实用，个人认为网页设计应该注重实用性，因
8、为它是让人浏览的，是用户可以抚摸，可以评论，可以交互的。我提倡简单的美。指导教师批阅（1）实验态度：不认真（），较认真（），认真（）（2）实验目的：不明确（），较明确（），明确（）（3）实验内容：不完整（），较完整（），完整（）（4）实验步骤：混乱（），较清晰（），清晰（）（5）实验结果：错误（），基本正确（），正确（）（6）实验结果分析：无（），不充分（），较充分（），充分（）（7）其它补充：总评成绩：评阅教师（签字）：实验四Photoshop CS2网页制作实验属性验证型实验时间2012-5-10实验目的掌握Photoshop CS2的文字的处理的基本功能，利用Photoshop CS2制
9、作具体的金属效果，倒影的效果，利用Photoshop CS2快速蒙版功能制作一个艺术边框，用Photoshop CS2对图片进行抠图操作等等。实验内容1 制作光晕空心字效果实验步骤2 制作金属效果按钮3 制作风景倒影效果4 制作一个图片艺术边框5 利用滤镜抽出功能抠图 6 利用通道进行抠图7 制作一个精美的吊牌8 制一长结婚请柬实验步骤实验结果分析通过这次网页设计与制作综合型实验后，使得我不仅对dreamweaver8的网站页面布局工具层、框架、标签、表格、css样式表、表单、flash元素、等站点建设的整个流程有了更完善的了解与认识，并且能够熟练掌握应运，且在html编写、javascrip
10、t脚本改写以及素材搜集等方面有了深刻认识和更高层次的掌握。熟悉了设置css样式、运用行为、时间轴来美化网页，并运用更多的软件如flash、photoshop软件与dreamweaver共同来完善网站。明确了网站的制作流程：首先要构思出一个清晰的思路，要注意颜色的搭配，不能色彩太显眼，让人感觉到视觉疲劳，注意整个网页的布局，以及给人一种舒服的视觉感受。此外，还对dreamver软件中各个菜单及相关属性设置及具体应用更加熟悉。最主要的是对网站建设流程有了整体的概念和清晰的认识。真正让我体会到了dreamweaver强大的设计和管理功能。从中我体会出网站的设计制作不仅要求我们对所学的专业知识有个较全
11、面的了解，而且要全面地学习网站设计制作所需要的软件（比如“网页三剑客”）知识。在刚开始的时候觉得无从下手，心里有点茫然，只有抓紧时间紧跟老师学习dreamweaver软件知识。后来才发现在一段时间内想把这方面的知识学得很精，并不是一件很容易的事情。通过老师的耐心教授以及视频教程和同学间的帮助，我克服了诸多困难，学到许多网页设计制作知识。为以后的学习打下深深地基础。同时我也得出了一点道理：一、无论做什么事情都要有一种执着的精神。否则就会半途而废； 二、做什么事情也不能急于求成，否则则欲速则不达！三、在做一件事情以前必须有详实可行的计划，否则就会出现不知做什么的现象和后来的手忙脚乱的现象。指导教师
12、批阅（1）实验态度：不认真（），较认真（），认真（）（2）实验目的：不明确（），较明确（），明确（）（3）实验内容：不完整（），较完整（），完整（）（4）实验步骤：混乱（），较清晰（），清晰（）（5）实验结果：错误（），基本正确（），正确（）（6）实验结果分析：无（），不充分（），较充分（），充分（）（7）其它补充：总评成绩：评阅教师（签字）：实验五Fireworks 8 网页制作实验属性验证型实验时间2012-5-24实验目的掌握Fireworks 8图像和网页制作的功能，简单的logo和按钮的制作，弹出菜单的制作，通过马赛克文字效果掌握一些图像处理的技巧，掌握一般替代动画的制作方法和淡入淡
13、出的动画的制作方法，最后掌握帧在动画中的应用。实验内容1. 简单LOGO制作方法一2. 制作按钮3. 制作弹出菜单4. 制作马赛克文字效果5. 制作替换动画6. 制作淡入淡出动画7. 制作多帧动画实验步骤实验结果分析 应从使用者的视觉感观、操作效果、思维过程等方面寻找答案,比如用红色作为企业级应用的主体色,就要很慎重了,因为红色是代表着激情、热烈与企业级应用的要求差距较大,这样就影响视觉效果;比如需要进行层次较多的选择时,以前会先用一个列表选择进去,再选择其相应的子选项进行查询、添加等操作,这样操作效果就很差很罗嗦,对于这样情况采用旁边放颗树进行选择,不失为一个好的表现形式;比如要实现一些审核
14、性、流程性、过程性的业务,可以考虑采用流程图的形式,这样非常直观明了而且易操作;比如要常实现的添加、删除、修改、查询等操作时,如何在页面上组织它们才能使用户使用方便,这时就要考虑用户通常的思维过程是如何的,据此实现,用户使用起来就会方便舒心. 指导教师批阅（1）实验态度：不认真（），较认真（），认真（）（2）实验目的：不明确（），较明确（），明确（）（3）实验内容：不完整（），较完整（），完整（）（4）实验步骤：混乱（），较清晰（），清晰（）（5）实验结果：错误（），基本正确（），正确（）（6）实验结果分析：无（），不充分（），较充分（），充分（）（7）其它补充：总评成绩：评阅教师（签字）：实验六Flash 8网页制作实验
