网页实训总结由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“网页开发实训总结”。
(信息工程系)
综合实训总结报告
实训课程:____网页制作 ____ ______实训项目: _网页制作基础教程实训_ 姓名:_ __________ 班级:_11计算机应用学号:_______
指导教师:____ _实训时间: 2012-2013学年第一学期第20周网页制作实训总结报告
一、实训目标
1、知识目标:
⑴掌握设置站点。
⑵掌握网页元素的基本操作。
⑶灵活使用超级链接。
⑷熟练掌握表格、层和框架来布局页面。
⑸掌握表单的设置与使用。
⑹掌握设置CSS样式。
⑺能够使用多媒体来丰富页面。
⑻能够使用模板制作大批风格相似的页面。
2、技能目标:
⑴对于给定的设计题目,学会如何进行分析,理清思路,并给出相应的结构模型。
⑵通过对所选课题的分析,有针对性的进行调查研究,学会收集、整理相关资料。
⑶合理运用所学过的知识及实验中的练习,将其融入本次实训当中,真正成为自己的东西。
⑷熟练运用所学知识制作出具有个人特色的班级网站
二、实训环境
我们在6号机房完成了为期一周的实训,此机房设备、软件齐全
1、硬件设备
PC机
2、软件环境
Dreamweaver 8.0、flash、photoshop等
三、实训内容
1、确定的网站内容要健康、具有时代气息。
2、网站提供的信息应与网站主题相符合。
3、页面布局合理,网站结构应层次分明,主题鲜明,界面美观、简洁。
4、建议采用层、表格、框架结构布局页面,导航和超链接清晰。
5、插入图片、多媒体元素。
6、撰写实训报告。
四、实训步骤
1、根据老师布置的实训要求,构思整体布局以及LOGO的设计。
2、打开Macromedia Dreamweaver 8,创建相应的本地站点,命名为banjizhuye(E/banjizhuye),在banjizhuye站点中建立文档和文件夹,分别为index,xiangce,banwei,chengyuan,huodong和文件夹images,flash,ps等。
3、打开Adobe Photoshop CS4,利用ps着手做logo,因为我们是11级计算机应用班,所以我就用艺术字设计了字体,外面的图标代表这我们团结进取,里面倒影的树叶是代表着我们蓬勃的精神面貌,下面的五个字母是计算机应用的首字母缩写。如下图;
4、利用表格对页面布局,我的网站共有5个主页面:班级首页、相册集合、班委成员、班级成员、班级活动,每一个页面用统一的背景以及图片,以保证网站统一的页面风格,版面设计十分灵活,根据各部分内容的不同适当的自由设计。网页布局主要用框架和表格,用框架定位内容的大体结构,再用表格具体定位。位子的设计也是重要的一个部分,根据具体内容决定字体风格,相同的风格多次调用是用c设计一个样式,以保证随时、准确的调用。
1)
通过绘制表格来设计页面布局;
2)在表格中插入页面元素,如利用文本域,来创建用户登录界面,插入图片等,首页头部插入了flash动画,改变其参数,使其达到了雪花飘落的动态效果,如下图:
主页的左边我用代码实现了其自动播放幻灯片的效果,右边利用代码达到了字幕的滚动效果,如下图:
5、子页面的设计,整体格局美观,温馨,明亮,能让观赏者眼前一亮,并在每个子页面添加了滚动字幕,以及flash特效。如下图:
6、每个网页完成后,为其添加链接,以达到浏览每个页面时畅通无阻,在添加 链接时,为了使导航文字在浏览时是白色字体,我用CSS为导航栏定义了一个版块,并用 CSS高级设置设置我需要的色彩。
五、实训总结
在这三天多的实训当中和同学进讨论制作网站,同时学到了许多关于网页制作的相关知识。第一,我觉得在制作过程中,发现自己学的东西太欠缺了,要学习有条不紊,要学习冷静思索,所以我想以后课上课下一定要认真学习,虚心听取别人意见,多去学习一点网页制作的技术,以备我以后的制作之路。通过这次实训,我学到了很多有价值的东西。我独立的完成了网站设计的全过程,把设计中散乱的网页链接成框架体系,使平时学到的知识点有了很高的提高,并且合理的在试验中进行了实践。第二,在这次实验的过程中,我搜集了大量的素材和网页设计的技术技巧方面资料,扩大了知识面,给我在以后的设计过程中能博采众长,制作出好的网页打下了基础。我现在已经掌握文档排版标记的使用熟练使用及其属性设置、特殊符号;第三:我现在已经熟练使用超级链接,合理使用列表;第四:我现在已经掌握图片标记及相关属性的使用、了解表格标记制作表格的方法。最后,我感受最深的是:要想做好一个网站,素材和技能都十分重要。好的素材需要多方查找资料,可以从图书、网站和新闻上查找。好的技能需要不断的实践,经常锻炼做网页。如果拥有好的素材和精湛的技能就可以做出精湛的网页。五天的实训课程结束了,此次实训检验了通过一学期的学习对知识进行了汇总,通过本次实训我已基本掌握了制作简单网页的过程,基本熟悉了各种软件的综合使用方法。实践出真理,实训的日子过去了,从理论和操作中融合了我们平时所学的知识,为我们的学习和工作铺垫了精彩的一幕。因此,我坚信,用血去做自己认为应该做的事,努力的开拓我们的极限,没有什么是不可能的,我们要更加的去努力。通过这五天的学习,在制作过程中出现了许多问,这些都是细节问题,我与同学进行了细致的研究后,最后达到了所要预期的效果。我非常感谢学校给了我这次制作网页的机会!
(信息工程系) 综合实训总结报告 实训课程:____ 网页制作 ____ ______ 实训项目: _ 网页制作基础教程实训 _ 姓 名:_ _ ______ ___ 班 级:_ 11计算机应用 学 号:_______ 指导教师:__......
刀豆文库小编为你整合推荐8篇网页设计实训总结,也许这些就是您需要的文章,但愿刀豆文库能带给您一些学习、工作上的帮助。......
网页设计实训总结通过这次实训对这门课程的学习,做好主页,并不是一件容易的事,它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很......
网页实训心得体会当我们受到启发,对学习和工作生活有了新的看法时,通常就可以写一篇心得体会将其记下来,这么做能够提升我们的书面表达能力。一起来学习心得体会是如何写的吧,下......
静态网站实训姓 名:XXX 学 号:XXXXXXXXXXX 班 级:XXXXX 指导教师:XXX 提交日期:2012年3月21日 南京工业职业技术学院项目技术报告概 要本实训报告主要介绍并总结了两周实训以来静......