计算机网页制作实习报告.docVIP

计算机网页制作实习报告 篇一：网页设计实训报告 《动漫网站设计》 实训报告 设计题目: 网站设计实训 专 业：计算机网络技术班 级： 14计网一班 姓 名： 指导教师： 二０一六 年 一 月 七 日 目 录 一．实训目的与要求 3 1.1实训目的 3 1.2实训的基本内容和要求 3 二．实训项目总体设计 5 2.1网站设计描述 5 2.2 网站设计说明 5 三．实训项目详细设计 6 3.1 网页的整体布局结构 6 3.2 网站主页设计 6 3.3 网站中每个页面设计 7 3.4 功能测试 8 四．总结 9 附录 网站源代码 9 一． 实训目的与要求 1.1实训目的 通过本次实训，让同学们对本学期的《网页设计与制作》这门课程有一个系统的认识，加强和巩固已有的知识，训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力。 （1）掌握规划网站的内容结构,目录结构,链接结构的方法。 （2）熟练掌握网页制作软件Dreamweaver8和基本操作和使用技能。 （3）掌握页面的整体控制和头部内容设置的方法。 (4) 熟练掌握网页页面布局的各种方法。 (5) 熟练掌握在网页中输入,设置标题和正文文字的方法。 （6）熟练掌握在网页中插入图像,Flash动画和背景音乐的方法。 （7）熟练建立各种形式的超级链接的方法。掌握表单网页制作方法。 （8）学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、Flash动画和网页特效等。 （9） 培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素质。培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。 1.2实训题目描述和要求 根据自己的兴趣，设计一个个人站点或介绍一个集体的站点，围绕一个主题并能够体现出自己的个性，有整体框架结构，表格布局，层次定位等。布局合理，色彩搭配协调统一，内容丰富多彩，页面风格独特。 掌握网页设计基本概念和HTML的基本结构，了解网页技术要点、HTML的编辑和运行环境。掌握文字版面的编辑，掌握网页的超链接技术的应用。了解列表的各种使用，了解表格的基本语法，掌握整合与发布网站的技术，掌握表格的定义、控制、分组、标题等的应用，了解表单在网页中的应用，了解网页中CSS的基础知识，掌握CSS的各种属性应用，了解一个整体网站建立的过程。 实训的要求 1、本次实训要求在一周之内完成，并且不得抄袭。 2、站点结构与命名：站点文件夹为班级+序号+姓名+网站名(如：14计算机应用技术班 张山)、站点文件夹中所包含文件夹：Webpages（存放网页文件）Images （存放图片文件）、CSS（存放样式表文件）、Templates（存放模板文件）Flash（存放动画文件）、Others（存放一些其他类型的文件，如软件压缩包、音频以及视频等）、其余视文件夹需要而添加，全部用英文命名。 3、网站题材选择： 以最近比较热门话题的内容为题材，可以是大型会议、公益活动、体育赛事、热播电影或热播电视剧等，可以选择该题材中的某个或几个专题，内容充实、健康、积极、向上。网站标题自拟。 4、网站技术要求： 页面布局合理，色彩和谐，链接正确，图文并茂。网站页面大小应该满足1024*768分辨率。 主要图片和动画为原创（保存有源文件），主页标题图片（动画）必须为原创。 必须且合理使用动态技术（包括行为、时间轴动画、嵌入代码等），必须且合理运用模板、库文件。 站点中网页总数不少于8页。结构为： 二． 实训项目总体设计 2.1网站设计描述 确定本网站的整体风格，突出标准色彩，相同类型的图像采用相同效果。网页色彩的搭配、窗体、框架等。 必须准确概括网页的主题内容，和主题无关的内容我们一律要去掉，必须准确概括网页的主题内容。描述的一定要非常通顺简要，符合逻辑的，傻瓜化，尽量少用非常专业之术语。 2.2 网站设计说明 我设计网页的是一个婚纱的简介网站，网站选用的图片为婚纱的线条和视觉。网页整体为表格框架结构，运用了大量运用了高清图片，以婚纱的的优美和高贵，突出主题，网站整体上要给人体现出一种，简单，大气，唯美的氛围。没有运用过多的颜色，用以避免给人一种杂乱的感觉。根据各部分内容的不同适当的自由设计以图片为修饰。背景以灰色小图片为主，文字颜色以黑色、合适为主，本网站的文字采用宋体、黑体，标题简洁明了。 三． 实训项目详细设计 3.1 网页的整体布局结构 网页的整体布局结构网页的板块从整体上分为主页和副页，主要是由导航、文字和图片组成；而副页就相对简洁些，主要为图片内容。 通过网站子页，你可以了解到婚纱的历史发展和选