《网页设计实训》大一实训报告
第一篇：《网页设计实训》大一实训报告
网页设计实训报告
二零一零年一月 网站主题： 左手倒影右手年华
本次实训历时五天，首先上网查看他人网站，之后规划自己的网站，然后收集文字和图片资料，打开dreamweaver 8软件，选择新建站点，着手自己的网页制作，有时在做网页时会遗忘掉以前学过的知识，我还翻了以前的学过的知识点。这个网站，我多次使用到跑马灯，我还上网查了一些资料，本想些代码运用到这个网站中，可是有些失败，就用了跑马灯的链接。
个人网站的制作实验报告一、网站的主题说明
本次实训我是以郭敬明的小说集《左手倒影右手年华》为网页题材内容，网页分有五个类别，包括主页、小说集、留言板、作者简介和映像图画。主页主要是小说的序言，用跑马灯链接了郭敬明的新浪博客，小说集包含了《左手倒影右手年华》的一本小说文章：回首又见它、扬花
、天下、一个仰望天空的小孩、庄周梦蝶、天亮说晚安、桃成蹊里的双子座人、剧本、冬日的幻觉、关于《生活在别处》的别处、思想的声音、毕业骊歌、某年某个春末夏初、八月天高人浮躁、猜火车、四季歌。
二、网站的总体规划
这个网站结合了小说安静、忧郁的内容，是以暗格调为主，主要是黑和灰，由主页、小说集、留言板、作者简介和映像图画五个标题栏构成，分别用唯美的小图片做标题按钮，用黄的字体突出鲜明。小说集里利用新页面的链接小说内容，运用的背景图像大多都是暗的，为了形成鲜明的对比，比如：暗的背景，我就使用白文字；亮的背景，我就使用黑文字。有几篇文章，由于文字较少，我就把他们放在一个网页里，运用了锚点链接，以减少空间。
二、网站的设计、制作
（图1）
1.我在首页之前加入了一张进入页面（如图1），我的网站是类似于空间类型，在这里，我用
一张图片就说明了我的网站主题，写出了小说名。
2.我的主页（如图2），运用跑马灯链接了郭敬明的博客，插入了时间，运用浮动框架插入了小说的序言。小说集、留言板、作者简介和映像图画，是保存了首页的模版来制作的，再制作相应的页面，进行相应的浮动框架插入界面。
  小说集里的每篇文章都链接到三级页面（如图3），在新的窗口打开，三级页面里都运用了CSS样板固定了背景图像。  留言板里，运用了表单。
  作者简介里着重介绍了作者的生平，图片运用了跑马灯。  映像图画主要运用跑马灯来播放图片。
（图2）
（图3）
四、心得体会
五天的实训课程结束了，此次实训检验了这一学期的学习，且对知识进行了汇总，通过本次
实训我已基本掌握了制作简单网页的过程，基本学会运用dreamweaver 8的一些简单操作。
在这五天的学习当中我觉得在制作过程中，发现自己学的东西太欠缺了，学习要有条不紊，要冷静思索，所以我想以后课上课下一定要认真学习，虚心听取别人意见，多去学习一点网页制作的技术。掌握网页设计基本概念和HTML的基本结构，了解网页技术概况、HTML的编辑和运行环境。掌握文字版面的编辑，掌握网页的超链接技术的应用，了解图像的处理，包括背景图案、图形、图象及其超链接等的设定和应用。了解列表的各种使用，了解表格的基本语法，掌握表格的定义、控制、分组、标题等的应用。了解表单在网页中的应用，了解如何在网页中加入各种动态效果，了解网页中CSS的基础知识，掌握CSS的各种属性应用。
但有些可惜，没有运用上音频，和视频的运用，希望在下次的实训中，能使用上，再接再厉了哈。
实践出真理，实训的日子过去了，从理论和操作中融合了我们平时所学的知识，为我们的学习和工作铺垫了精彩的一幕。因此，我坚信，用心去做自己认为应该做的事，努力的开拓我们的极限，没有什么是不可能的，我们要更加的去努力。
第二篇：网页设计实训报告
重庆科创职业学院
《静态网站建设》 实 训 报 告
题目：
专业：班级：学号：姓名：成绩：指导教师：
完成日期：年月日
一、课程设计目的....................1
二、课程设计题目描述和要求.....................1
三、课程设计报告内容...................1
3.1总体功能介绍...............................1
3.2总体框架结构设计..............................2
3.3页面设计.........................2
3.4总体测试与发布...........................2
四、结论......................2
五、结束语.........................3
六、主要参考资料....................3一、课程设计目的本课程是一门计算机科学与技术及相关专业实践性环节。以HTML和CSS为基础，全面介绍与网页设计制作有关的知识，向学生阐明Web基本工作机制，并使学生具有一般网页制作的能力。与此同时，通过对Web页制作技术和制作工具的学习，使学生对网页设计中所涉及的相关知识有一个全面的了解。通过本课程的学习，使学生全面了解网站建设与网页设计的基本概念、基本理论及业务运作模式，了解网站建设与网页设计的特点及工作过程，掌握网站的建立及网页设计制作的方法，能够完成一般性网站的建设，因此要求利用网页设计方法，设计一个网站，提高综合应用所学知识的能力，积累 Web 程序的编程经验，提高编程与调试能力，培养独立学习、吸取他人的经验、探讨技术的习惯和团队协作能力。
二、课程设计题目描述和要求
每个设计人员设计制作利用DIV+CSS网页布局方法制作的任意类型的网站（主题不限），制作网站所需的相关文字资料、图片资料等可以到相关类型的网站上进行采集或自行采集。
要求：根据上面指定的网站开发项目内容进行开发设计，网站栏目设置、网站要表达的具体内容和网站的风格根据小组确定的课题进行设计；要求根据网站设计规范和常用网制作页技术进行设计；设计的网站要求结构合理，版面美观大方，颜合理，风格一致，并运用适当的动态网页技术进行修饰。
三、课程设计报告内容

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。