第一篇：网页设计实训报告
实训报告
题 目： 实训课程名称： 网页设计 系 别： 专业 / 班级： 年 级： 学 号： 姓 名： 指 导 老 师：
2018年4月27日
目 录 实训目的......................................................................................................................................................................1 2 实训内容......................................................................................................................................................................1
2.1准备工作............................................................................................................................................................2 2.2使用的技术........................................................................................................................................................2 2.3设计制作要求....................................................................................................................................................2 3 方案设计与实施步骤..................................................................................................................................................2 4 实训中出现的问题、分析及解决方法......................................................................................................................3
5.2日志....................................................................................................................................................................4 5.3 教程视频...........................................................................................................................................................4 6 实训总结......................................................................................................................................................................5 实训目的
通过综合实训进一步巩固，深化和拓展学生的理论知识与专业技能。(1)掌握规划网站的内容结构，目录结构,链接结构的方法。(2)掌握页面的整体控制和头部内容设置的方法。(3)熟练掌握网页页面布局的各种方法。
(4)熟练掌握在网页中输入,设置标题和正文文字的方法。(5)熟练掌握在网页中插入图象,flash动画和背景音乐的方法。(6)熟练建立各种形式的超级链接的方法。(7)掌握表单网页制作方法。(8)掌握网页特效制作方法。(9)掌握网站测试的方法。实训内容
1．网站主题要求
结合个人工作需要及兴趣爱好，独立完成主题的选择。
2．网站内容要求
网站不少于2级，页面总数不少于10个；内容和素材避免雷同。
3．设计制作要求 设计静态网站(HTML页面)； 站点文件、文件夹的命名与组织要求规范；
每个网页要求有标题； 网页要求整合多种媒体（音频、视频、动画、图片、文字等）；
要求有CSS的设计和使用； 要求网站无错误链接；
2.1准备工作 前期做好网页的规划，设计好image view vied css 等目录，做好不混乱易于维护 2.2使用的技术 html css html5 2.3设计制作要求
网页内容有内涵，图文并麻，跳转无问题，配合csss 进行开发，千
万规划好项目的架构，易于维护。在网页中有图片，有视频，有图片，有动画。方案设计与实施步骤
1、网站主题
我的网站的主旨在于从各个方面全面的介绍我自己，展示自己，包括我的个人资料、爱好。建立一个展示自我形象的平台。同时，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是浅灰色，用以展示自己性格的效果。最重要的是做出自己的风格，给浏览者好的欣赏感受。
2、网站材料
主要在网站上搜集所要的网页信息，包括图片、文字、相关的新闻。同时，查询相关的书籍、百度和素材光盘等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣赏感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站
3、网站规划
我的网站共有4个主页面：首页、日志、视频教程、留言。实训中出现的问题、分析及解决方法
在实训中经常出现 样式重复用，未避免冗余，提取公共样式。5 实训作品展示
5.1首页
清晰的导航条，右边是音频播放 并且带上专辑图片
5.2日志
简单清晰的各人日志，主要写了对技术的了解，左上角有个返回按钮 便于用户操作
5.3 教程视频
点击会出现视频，左上角同样有个便于客户操作的返回按钮实训总结
首先我非常感谢学校给了我这次制作网页的机会，通过这次实训，我学到了很多有价值的东西。我独立的完成了网站设计的全过程，把设计中散乱的网页链接成框架体系，使平时学到的知识点有了很高的提高，并且合理的在试验中进行了实践。在这次实验的过程中，我搜集了大量的素材和网页设计的技术技巧方面的书，扩大了知识面，给我在以后的设计过程中能博采众长，制作出好的网页打下了基础我现在已经掌握文档排版标记的使用熟练使用及其属性设置、特殊符号；我现在已经熟练使用超级链接，合理使用列表；我现在已经掌握图片标记及相关属性的使用、了解表格标记制作表格的方法。最后，我感受最深的是：要想做好一个网站，素材和技能都十分重要。好的素材需要多方查找资料，可以从图书、网站和新闻上查找。好的技能需要不断的实践，经常锻炼做网页。如果拥有好的素材和精湛的技能就可以做出精湛的网页。
第二篇：网页设计实训报告
天津电子信息职业技术学院 暨国家示范性软件职业技术学院
网页制作实训报告
姓名：系别：专业：班级：指导教师：完成时间：2012 年 6 月 1日
第三篇：网页设计实训报告
重庆科创职业学院
《静态网站建设》 实 训 报 告
题目：
专业：班级：学号：姓名：成绩：指导教师：
完成日期：年月日
目录
一、课程设计目的....................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网页布局方法制作的任意类型的网站（主题不限），制作网站所需的相关文字资料、图片资料等可以到相关类型的网站上进行采集或自行采集。
要求：根据上面指定的网站开发项目内容进行开发设计，网站栏目设置、网站要表达的具体内容和网站的风格根据小组确定的课题进行设计；要求根据网站设计规范和常用网制作页技术进行设计；设计的网站要求结构合理，版面美观大方，颜色合理，风格一致，并运用适当的动态网页技术进行修饰。
三、课程设计报告内容
3.1总体功能介绍
制作该网站的时代背景？该网站主要的功能是什么？可以实现哪些用途？主要使用的技术是什么？利用了哪些语言实现哪些效果……
3.2总体框架结构设计
该网站有多少个模块？层次关系是什么样子的？并且可以绘制一个流程图来进行进一步说明。
3.3页面设计
3.3.1首页（页面、设计思路、主要代码）
1．进行截图；
2．对设计思路进行说明。
3．将主要代码复制粘贴。
3.3.2各子页（页面、设计思路、主要代码）
1．进行截图；
2．对设计思路进行说明。
3．将主要代码复制粘贴。
3.4总体测试与发布
使用的测试方法是什么？
测试中遇到的问题以及解决的方法。
四、结论
写法要求：
1、概括地说明所进行工作的情况和价值，分析其优点和特色，指出创新所在，性能达到何种水平，并应指出其中存在的问题和今后的改进方向，特别是对工作中遇到的重要问题要着重指出，并提出自己的见解。篇幅不宜过长。
2、结论要简单、明确。在措辞上应严密，容易被人领会。应实事求是地介绍自己的工作成果，忌言过其实，在无充分把握时，应留有余地。
五、结束语
要求：在文章结尾处，通常以简短的文字，对设计过程中自己的收获，及工作过程中曾给自己以直接帮助的人员，例如指导老师、答疑老师及其他人员，表示自己的谢意。这不仅是一种礼貌，也是对他人劳动的尊重，是治学者应有的品质。
六、主要参考资料
[1]吴东伟等，《网页设计三剑客》，北京，清华大学出版社，2004年
[2]李宏，张敏，《网页设计与制作》，北京，化学工业出版社，2006年
[3]李桂杰，《网页设计与制作》，大连，大连理工大学出版社，2008年
[4]李英俊，《网页设计与制作》，大连，大连理工大学出版社，2010年
…………………………………………………………………………..(要求:五号字，宋体，1.5倍行距。按作者、书名、出版社、地点、出版时间格式逐一列出，中间用逗号格开)
第四篇：网页设计实训报告
《网页设计与制作》实训报告
实训题目:
专业:
班级：
学号:
姓名：
实训时间：
实训地点：
指导教师:
一、实训目的二、实训环境(软、硬件环境)
三、实训内容及相关技术
(具体的设计步骤及所使用的关键技术，要求附有图表说明)
四、实训结果及分析
五、实训收获、体会和问题
第五篇：《网页设计》实训报告
温州科技职业学院信息技术系
《网页设计》实训报告
班级：数字媒体12-2班
学号:120309215指导教师：李余党
姓名:李敏梓
一、实训目的与要求
通过实训使学生能够更进一步的领会网站建设和网页设计的基本知识，熟悉和掌握网站建设的基本流程和注意事项，熟练运用常用的网页制作和设计工具的使用，熟练掌握DIV+CSS网页布局设计技术,希望通过对网站的规划与设计来培养学生综合运用所学知识来建立网站的能力，掌握相关网页制作软件，为今后从事网站规划、设计和开发工作打下基础。
二.实训内容
制作好心情科技网页，要求该网站能基本满足该类型企业的某些需求能展示公司或产品的相关信息、宣传企业形象与产品性能。网站设计和开发过程中，可以采用网络素材，技术以静态为主，积极支持和鼓励使用动态技术
三.实训过程中出现的主要问题和解决办法
主要问题：在网页创作中，网站主页分布不规范，解决问题：利用div根据网页所需的内容 创建大致网站的框架，使之网页美观，干净，整洁
点击咨询 