网页制作实训报告.docx
- 文档编号:5335002
- 上传时间:2022-12-15
- 格式:DOCX
- 页数:9
- 大小:4.82MB
网页制作实训报告.docx
《网页制作实训报告.docx》由会员分享,可在线阅读,更多相关《网页制作实训报告.docx(9页珍藏版)》请在冰豆网上搜索。
网页制作实训报告
网页制作实训报告
实训项目:
网页制作
系部:
物流信息系
班级:
物信1002
设计成员:
由于
指导老师:
王思义
实训时间:
第十七周
湖南现代物流职业技术学院
2011年12月22日
一、实训目的:
1.通过综合实训进一步巩固,深化和加强学生的理论知识于专业技能。
(1)掌握规划网站的内容结构,目录结构,链接结构的方法。
(2)熟练掌握网页制作软件Dreamweaver8和基本操作和使用技能。
(3)掌握页面的整体控制和头部内容设置的方法。
(4)熟练掌握网页页面布局的各种方法。
(5)熟练掌握在网页中输入,设置标题和正文文字的方法。
(6)熟练掌握在网页中插入图像,Flash动画和背景音乐的方法。
(7)熟练建立各种形式的超级链接的方法。
(8)掌握表单网页制作方法。
(9)掌握网页特效制作方法。
(10)掌握网站测试的方法。
2.训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、Flash动画和网页特效等。
3.培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素质。
4.培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。
二、实训任务及要求
制作一个不少于八个页面的网站,且必须包括以下内容:
1、首页适当位置(如底部)必须注明个人信息(班级、学号、姓名、联系办法等)
2、网站必须要有一页,以图文并茂的形式进行自我展示和介绍;
3、网站必须有一个与个人所学专业相关的页面
4、网站必须要有一页对自己网站的自我评价
三、实训工具、器材
MacroediaDreamwear软件,Macroediaflash8软件
四、实训内容、方法与步骤
(一)、内容
主要内容包括首页、个人介绍、家乡简介、个人美食共享、衣橱展示、个人收藏、网站的自我评价、专业介绍、自我评价九个页面。
具体内容见实训实录。
(二)、方法
1、网页的布局
通过套用不同的框架来实现布局。
1、图片的插入
1)通过“插入——布局对象——层”来插入。
2)通过插入表单,再插入表格,再在表格里面插入图片。
3)直接插入。
2、flash动画的插入
1)先用Macroediaflash8软件制作需要的flash,保存先进行发布,发布.swf类型的文件。
2)选定位置,然后通过“插入——媒体——flash”来实现插入,flash的大小可根据需要调节。
3、背景的插入
“修改——页面属性”,然后在页面属性选项框里进行设置。
4、链接
选定需要链接的部分,然后在属性面板里的链接右边的框里输入“#”然后选择链接目标。
(三)、步骤:
1.定义站点
2.设定网页属性和文本格式
3.从大到小把结构设计好
4.输入主要内容并进行排版
5、检查并保存
五、实训记录
1.收集网站材料
网站材料主要在网站上搜集所要的网页信息,包括图片、文字、相关的资料。
同时,查询相关的书籍、XX和素材光盘等方式收集所需的文字资料,图像资料,Flash动画和网页特效等,用以得来更加具有说服力的页面。
想要做好自己的网站,就要尽量搜集材料,搜集材料越多,以后制作网站就越容易。
精选自己收集的材料,作为自己制作网页的素材,这样就可以做好一个好的网站。
2.网站规划。
将站点分类,把相关的页面放在同一文件夹中。
我的网站共有9个主页面:
首页、个人介绍、家乡简介、个人美食共享、衣橱展示、个人收藏、网站的自我评价、专业介绍、自我评价。
每一个页面采有不同的背景,以保证网站不同网页的不同需要。
Index网站整体色以浅浅的黄、灰色为主,颜色没有过多,过杂,用以避免给人一种杂乱的感觉。
版面设计十分灵活,根据各部分内容的不同适当的自由设计。
网页布局主要用框架和表格,用框架定位内容的大体结构,再用表格具体定位。
位置的设计也是重要的一个部分,根据具体内容决定大体结构,相同的风格调用CSS设计一个样式,以保证随时、准确的调用。
另外,为了网页布局的协调,我加入适当的Flash动态图片,用以达到更好的浏览效果。
3.制作网站的网页
网站的素材、风格、模版都设计好以后,下一步就是具体的制作网页。
制作网站时,首先要做到站点的规划,建立一个本地站点“我的站点”,建立的各个页面都应该放在本地站点中,在网页制作时所需的各个元素都进行统一的管理,建立统一的文件夹放同一类型的文件,我在制作时建立了“picture”文件夹存放图片专用的,网页中的CSS样式文件也统一管理,做到有条理,我设计的网站首页如下图:
以导航栏为界,上面插入一个自己制作的Flash动画,用为给浏览者好的视角享受。
通过首页可以链接到其它子页页去。
个我介绍
我的家乡
美食分享
衣橱展示
个人收藏
网站的自我评价
专业介绍
自我评价
4.上传测试网站网页制作完毕以后,要进行反复的测试,保存后在IE浏览器上反复运行自己的网站,用以发现设计中的缺陷并及时改正。
四.设计特色我觉得我的网页设计最大特点就是色彩谈雅,布局协调,结构清晰。
给人以清丽,纯朴的感觉。
另外,设计过程插入大量搜集资料和图片等,还加入倾听动人的音
六、实训中存在的问题
1、实训过程目标不够明确
2、实训时间有限
七、实训改进建议
1、增加实训的时间,因为两天半的时间显得有点仓促。
2、可分小组进行实训操作。
网站制作是个大作业,需要很多人共同完成。
八、实训总结与体会
在这一周内,同学们每天都按时完成老师留下的作业,对于自己以前不理解的东西,通过老师的重新讲解、指导和自己的练习,对其有了很好的了解;对于我们看不懂的一些内容,通过与同学协商和听老师的讲解来理解并掌握它。
在这两周的实训里,我发现了许多自己以前没有注意到的问题,在flash制作方面,有很多是自己以前没注意过的,通过老师的讲解和同学的帮助,我了解到一些新的东西并对网页设计与制作有了更深的兴趣,如falsh制作与运用、网站的基本制作、超链接的设置等;我们对网页设计与制作方面的知识有了一定的认识,为我们以后对网站的学习和运用有很大的帮助。
通过实训,我们把网页设计与制作中涉及到的理论和实践更好的结合起来,我对网页设计与制作这本书有了更深的理解,在flash制作方面有了很大提高,操作能力也得到了增强,使我们了解到无论做什么事都要有足够的耐心,还要认真细心。
在做题时要对自己做过得东西进行仔细的检查,同时也使我了解到同学之间要相互协作、共同努力。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 制作 报告
![提示](https://static.bdocx.com/images/bang_tan.gif)