网页设计实训报告.docx网页设计实训报告
题冃： 个人网站实训报告
学号:
姓名： 韩苗
实训意义：
网页设计与制作综合实训是教学过程屮重要的实践性教学环节•它是根据专 业教学计划的要求，在教师的指导下对学生进行网页制作专业技能的训练，培养学 生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的 转化，是对理论与实践教学效果的检验，也是对学生综合分析能力与独立工作能力 的培养过程•因此加强实践教学环节，搞好实训教学,对实现本专业的培养H标,提 高学生的综合素质有着重要的作用。
实训目的：
通过综合实训进一步巩固，深化和拓展学生的理论知识与专业技能。
掌握规划网站的内容结构，H录结构，链接结构的方法。
熟练常握网页制作软件Frontpage 2003和的基木操作和使用技能。
掌握页面的整体控制和头部内容设置的方法。
熟练掌握网页页面布局的各种方法。
熟练掌握在网页屮输入，设置标题和正文文字的方法。
⑹熟练掌握在网页屮插入图象,flash动画和背景音乐的方法。
熟练建立各种形式的超级链接的方法。
掌握表单网页制作方法。
掌握网页特效制作方法。
掌握网站测试的方法。
2 .训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力, 学会通过网站、书籍、索材光盘等方式收集所需的文字资料、图象资料、flash 动画和网页特效等。
的能力及其基本工作素质。
4 •培养学生理论联系实际的工作作风，严肃认真的科学态度以及独立工作的能力, 树立自信心。
实验步骤：
1、 网站主题
我的网站的主旨在于从各个方面全面的介绍我口己，展示口己，包括我的个 人资料、个人相片和爱好。另外，网站里还包括我的好友和好友资料，建立一个 展示自我形象的平台。同吋，网站里的每一个网页都有统一的风格，每一个网页 的主题色彩都是浅红色，用以展示自己性格的效果。最重要的是做岀自己的风格, 给浏览者好的欣赏感受。
2、 网站材料
主要在网站上搜集所要的网页信息，包括图片、文字、相关的新闻。同吋， 查询相关的书籍、百度和索材光盘等方式收集所需的文字资料，图象资料,fl“sh动 画和网页特效等，用以得來更加具有说服力的页面。要想做好自己的网站，能够 给浏览者好的欣赏感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就 越容易。精选口己收集的材料，作为口己制作网页的素材，这样就可以做好一个 好的网站。
3、网站规划
我的网站共有7个主页面：首页、相册、简历、图书、好友、留言版和音乐。 每一个页面用统一的背景图片，以保证网站统一的页面风格。如下图：
网页构架
我是用自己的姓名和学号命名网站名，用以方便存储和转发。网站整体色调为蓝 色，然后点缀其他不同的颜色相配，突出主题，颜色没有过多，过杂，用以避免 给人一种杂乱的感觉。版而设计十分灵活，根据各部分内容的不同适为的自由设 计。网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定 位。位子的设计也是重要的一•个部分，根据具体内容决定字体风格，相同的风格 多次调用是用CSS设计一个样式，以保证随吋、准确的调用。另外，为了网页布 局的协调，我加入了适当的fkish透明动态图片，用以达到更好的浏览效果。
4、 网站的制作工具
做网页吋可以使Hl Deamweavero另外，为了处理网页屮的其他兀素，还使用 了 Photoshop、Flash 等软件。
5、 制作网站的网页
素材、风格、模板都设计好以后，就是具体的制作网页。制作网站时，首先 要做的就是站点的规划，建立一个本地站点“韩苗”，建立的各个页而都应该放 在本地站点屮，在网页制作吋所需的各个元素都进行了统一的管理，建立统一的 文件夹放同一类型的文件，在制作吋建立了 "images"文件夹来存放图片。网页 屮的css样式文件也应统一管理，做到有条不紊。设计的网站的首页如下图：
I r I I /嘶换
d开対|掘 J 3 m畚砌B希an | Oeus■也a Mwg |则玛*设i+报吿-mcr .. 11电］无标丸須 ・w“2 苗| 9总弓』瞄-。也Dh> ea
以导航栏为界，上面插入了个flash动画，用以给浏览者好的视觉亨受。屮间有 副图，我的主页简单，不复杂。
<html>
<script language=nJavaScriptH>
yourLogo—';
logoFont=lArial,;
logoSize=9;
IogoColor=,blue,;
logoWidth=40;
logoHeight=40;
logoSpeed=0.
网页设计实训报告 来自淘豆网m.daumloan.com转载请标明出处.
