网页实训报告由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“网页实训报告心得”。
静态网站实训
姓 名：XXX 学 号：XXXXXXXXXXX 班 级：XXXXX 指导教师：XXX 提交日期：2012年3月21日
南京工业职业技术学院项目技术报告
概 要
本实训报告主要介绍并总结了两周实训以来静态网页设计主题的定位、内容结构、素材的下载、版式设计、色彩设计、导航、功能设计、网页的风格设计、Flash的应用、图片动态效果的使用以及DIV的套用、层、行为等方面的设计。南京工业职业技术学院项目技术报告
目录
前言..................................................................................................................................................4
一、实训意义：...............................................................................................................................5
二、实训目的:.................................................................................................................................5
三、实验步骤:.................................................................................................................................6
1.确定网站主题...................................................................................................................6 2.收集材料...........................................................................................................................7 3.网站规划...........................................................................................................................7 4.网站的制作工具...............................................................................................................8
四、总体功能介绍...........................................................................................................................8
五、总体框架结构设计...................................................................................................................9
5.1制作网站的网页.........................................................................................................9 5.1.1首页：..............................................................................................................................9 5.1.2个人资料：....................................................................................................................15 5.1.3演员、导演姜文............................................................................................................17 5.1.4个人写真........................................................................................................................19 5.1.5奖项荣誉........................................................................................................................24 5.1.6感情生活........................................................................................................................25 5.1.7最新资讯........................................................................................................................27 5.1.8让子弹飞FLASH游戏.................................................................................................27
六、总体调试与分析.....................................................................................................................29 6.1上传测试网站...................................................................................................................29
七、设计特色.................................................................................................................................29 结论................................................................................................................................................30 结束语............................................................................................................................................30 南京工业职业技术学院项目技术报告
前言
在互联网时代的今天,不同于我们所熟悉和习惯的农业社会和工业社会,它有着较快的发展速度和极高的淘汰率,不仅挑战着我们学习的勇气,更挑战着我们的方法和技巧.为此对有效掌握所需要的知识方面,我们进行了一系列的探索.在今天网络已经成为各级单位,企业和个人的一张名片,一个精美而又独特的网络主页,不仅为商家吸引更多的客户和投资,更能为我们一个人带来更多的机遇和更大的发展空间,对于部分人来说,它所带来的网络生活远比现实生活更有魅力,更富有激情.今天internet发展非常快，已经成为整个世界的一个主要通信网络标准。接入internet网，浏览www中丰富多彩的主页，对于一般用户已并不陌生，而如何编制自己的网站、在网络上展示自己，已逐渐成为大众热门话题。在这种趋势的影响和推动下，迅速掌握网站制作技术也就成为迫切需要，因此，这次为期两周的实训设计本人选择题网站设计作为课题。出于对姜文导演的欣赏以及研究，所以我选择了“明星资料网站”作为我的网站的主题。
本网站主要是以姜文主题，网站重点介绍姜文的演绎经历、导演经历、感情生活，以及姜文的每部作品的详细介绍。
本文从总体方案、设计思想、素材制作、页面设计等几大方面介绍“姜文”设计制作的全过程，由于我是第一次进行网站页制作，因时间及水平所限，错误之处在所难免，希望老师批评指正。南京工业职业技术学院项目技术报告
一、实训意义：
网页设计与制作综合实训是教学过程中重要的实践性教学环节.它是根据专业教学计划的要求.在教师的指导下对学生进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的培养过程.因此加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素质有着重要的作用。
二、实训目的: 1.通过综合实训进一步巩固,深化和加强学生的理论知识于专业技能。
(1)掌握规划网站的内容结构,目录结构,链接结构的方法。(2)熟练掌握网页制作软件Dreamweaver CS3和基本操作和使用技能。
(3)掌握页面的整体控制和头部内容设置的方法。(4)熟练掌握网页页面布局的各种方法。
(5)熟练掌握在网页中输入,设置标题和正文文字的方法。(6)熟练掌握在网页中插入图像,Flash动画和背景音乐的方法。(7)熟练建立各种形式的超级链接的方法。(8)掌握表单网页制作方法。(9)掌握网页特效制作方法。南京工业职业技术学院项目技术报告
(10)掌握网站测试的方法。
2.训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、Flash动画和网页特效等。
3.培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素质。
4.培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。
三、实验步骤: 1.确定网站主题
网站主题就是要建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，不可能像综合网站那样做得内容大而全，包罗万象。我们没有这个能力，也没这个精力，所以必须要找准一个内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是客户感兴趣的，任何内容都可以，但主题要鲜明，在一定的主题范围内，内容做到大而全、精而深。
我的网站的主题在于从各个方面全面的介绍了姜文,主页包括八大板块，分别为：个人资料、演员姜文、导演姜文、个人写真、奖项荣誉、感情生活、圈内评价以及最新资讯。每个板块都从不同的角度 南京工业职业技术学院项目技术报告
深层次的介绍了姜文。同时，网站里的每一个网页都有统一的风格,每一个网页的主题色彩都是相似的，给人带来一种文化深厚感觉。最重要是能给浏览者好的欣赏感受。2.收集材料
明确了网站的主题以后，就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让网站有血有肉，能够吸引别人关注，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。网站材料主要在网站上搜集所要的网页信息,包括图片、文字、相关的资料。同时,查询相关的书籍、百度和素材光盘等方式收集所需的文字资料，图像资料，Flash动画和网页特效、代码等。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。3.网站规划
我的网站共有1个主页面，8个辅助页面，并且，辅助页面也都有细分，大大小小共做了18个链接页面，每一个页面用统一的背景，以保证网站统一的页面风格，如下图： 南京工业职业技术学院项目技术报告
网站整体色为暗粉色，突出主题，颜色没有过多，过杂，用以避免给人一种杂乱的感觉。版面设计十分灵活，根据各部分内容的不同适当的自由设计。网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定位。位置的设计也是重要的一个部分，根据具体内容决定大体结构，相同的风格调用CSS设计一个样式，以保证随时、准确的调用。另外，为了网页布局的协调，我加入适当的Flash动态图片，为了有更好的体验，我在首页加入了背景音乐，用以达到更好的浏览效果。4.网站的制作工具
做网页时主要使用的是
Deamweaver CS3软件。另外，为了处理网页中的其他元素，还使用了Photoshop、电脑自带的画图等软件。
四、总体功能介绍
这是一个介绍明星姜文的网站，记述了姜文从最初进入影视界开始到现在各个时期的每部作品以及姜文的重大事件的详细介绍。采用简单的网页制作流程，用表格的方式制作明星资料网站。体现了主题的定位、内容结构、版式设计、色彩设计、导航和功能设计等方面设计。南京工业职业技术学院项目技术报告
五、总体框架结构设计 5.1制作网站的网页
素材、风格、模版都设计好以后，下一步就是具体的制作网页。制作网站时，建立统一的文件夹放同一类型的文件，我在制作网页时，把所用到的图片全部放到“img”文件夹中，把所用到的网页全部放到“pages”文件夹中，为了保证网站的兼容性，保存素材的文件夹一律采用英文，并且和网页一同归放在“软件1111赵志峰1102343136”文件夹中，网页中的CSS样式文件也统一管理，做到有条理，我设计的网站首页如下图： 5.1.1首页： 南京工业职业技术学院项目技术报告
首页主要用Div和表格来完成预设效果。下面是首页的主要代码：
（这里是插入背景音乐的代码）
无标题文档
日照职业技术学院网页实训报告学号：姓名：班级：实训日期：指导老师：X年X 月 X 日个人博客一、实训目的与要求目的：通过实训让同学们对网页有更深一步的了解，培养学生的动手能力，提高学......
天津电子信息职业技术学院 暨国家示范性软件职业技术学院网页制作实训报告姓名：系别：专业：班级：指导教师：完成时间：2012 年 6 月 1日......
实训报告题 目： 实训课程名称： 网页设计 系 别： 专业 / 班级： 年 级： 学 号： 姓 名： 指 导 老 师：2018年4月27日 目 录1 实训目的 .....................................................
专业：软件技术 班级：10届 软件2班 姓名：郑丽学号：45 网页设计与制作实训报告一． 实训意义通过校内的实际训练，使自己掌握在Windows环境下Dreamwaver8的基本操作和使用技能的基本方......
计算机软件学院实训报告——Web静态主题网站设计姓名：夏前伟胡维国海继昌陈佑宏 学号：09040302 专业：电子商务 班级：电商1413 时间：2016.6.20 任课教师：梁菊华目录前言 ................
