1、实训报告-网页制作与网站建设项目实战 作者: 日期:2 个人收集整理 勿做商业用途网页制作与网站建设项目实战实训报告册系部: 专业: 指导老师: 班级: 同组人员: 实训时间 学号: 姓名: 实训成绩: 批阅时间: 江苏财经职业技术学院目 录一、实训目的3二、实训任务4三、实训要求5四、实训设计说明6五、实训中遇到的问题和解决方法17六、心得体会18一、实训目的1进一步熟悉和掌握网站建设的基本流程和技术规范;2巩固网页设计中各种HTML标记的使用。3巩固运用Dreamweaver软件创建网站,边界和创建网页,Fireworks,photoshop图像处理软件进行网页中图形制作和运用flash动
2、画,背景音乐文件,视频文件丰富网页内容的知识;4巩固运用网页模板,使用恰当布局技术实现网页的合理布局和内容的编排;5巩固运用网页特效,网页行为给网页添加简单交互功能;6巩固运用CSS样式表实现网页,网站整体风格,样式的设置。8。 熟悉使用Dreamweaver和CMS系统开发简单动态网页的能力.9具备独立撰写实训报告等科技文件的基本能力;10在网页设计的实践中培养分析问题、解决问题的能力,培养协作、交流的能力,培养创新能力和团队意识; 11为今后从事网站开发、维护和管理奠定基础.二、实训任务1站点规划,搜集资料.确定网站主题内容,规划站点结构,从网上搜索相关资料(图片、文字等).2进行主页设计
3、。构思主页布局,进行主页标题图片的设计(力求原创,使用学过的绘图软件),进行主页其余图片的设计和页面内容的录入,最后进行主页的整体优化设计.4网页设计。除主页以外的网页设计,首先设计网页模版,一部分网页由模版生成,一部分为单独设计(依据实际需要确定哪些网页由模版生成,确定哪些网页单独设计)。包括版面设计和图形设计、内容录入等。5多媒体使用.在网页上使用网络上的多媒体素材,或者可以自己创作多媒体素材,实现网页的内容多样性,增加网站的美观和趣味性。6创建数据库,链接数据库,添加简单动态网页,实现部分数据的维护和更新。综合优化.链接正确、得当,动态效果好(时间轴动画、行为、代码的嵌入等)7网站测试并
4、递交。在浏览器中对完成的网站逐页打开测试,包括链接正确与否,页面打开时间,图片和动画是否丢失等。8说明:实训报告中第一、二、三、部分为复印,四部分为分组打印,第五、六部分手写。三、实训要求1网站题材选择。(1)班级网站(2)旅游景点网站(3)个人网站(4)网上书店(5)网上商店(6)课程学习网站(7)公司网站(8)学校网站2分组实现和各自网站风格对应的留言板,或者部分新闻发布管理功能。3实训技术要求.页面布局合理,色彩和谐,链接正确,图文并茂并茂。网站页面大小应该满足800*600分辨率的客户,兼顾1024*768分辨率。主要图片和动画为原创(保存有源文件),主页标题图片(动画)必须为原创。必
5、须且合理使用动态技术(包括行为、时间轴动画、嵌入代码等),必须且合理运用模版、库文件.站点中网页总数不少于8页。四、实训设计说明1网站主题说明(给出网站名称,为什么选择本主题网站,网站风格特色说明)1、网站名称:旅游网站 2、选择本网站的的原因:选择旅游网站是因为我们身居江苏这个风景迷人的地方,在这里学习了接近2年的时间,对江苏淮安的文化有了更深的理解.尤其是淮安的景点,那有着古典气息的文化色彩,让我们对它有着很大的热爱。3、网站风格特色:我们无的网站的主要特色是以古老的淮河文化为主业面板,运用透明flash实现古色古香的气息,让旅客看到这个页面有身临其境的感觉。2网站总体设计(说明设计思路,给出网站总体结构图,参考实训指导书)3网站主体风格设置,网站整体CSS样式表文件或网站模板,库,使用文字加效果图说明。4网站主页设计(网页主页布局设计,画出主页主要内容布局图)5网站各个功能模块的功能及实现(每个功能部分功能说明,使用的主要技术,运行截图)6网站特色,关键模块介绍(请结合具体的文字介绍,还有功能展示截图进行说明。该部分可以为网站的创意,网站的架构,网站的整体版式,网站的风格,还可以是网站使用的典型的特效,突出的功能模块等)五、实训中遇到的问题和解决方法六、心得体会20