(word)网页制作实训报告格式song.docVIP

河南理工大学高等职业学院 《网页制作》课程 实训报告 姓名： 宋亚朋 学号： 401001033 系别：信息工程系 班级：计算机11-1 辅导教师： 黎永碧 、 杨战旗 完成时间： 2012年12月21日  目录 1. 实训目的 3 2. 实训环境 3 3. 实训内容 3 3.1实训的题目 3 3.2 实训选题的目的和意义 3 3.3 实训网站的设计思路 4 3.3.1 收集素材 4 3.3.2 设计模板页 4 3.3.3 分别给各个导航新建网页 7 3.3.4 给每个网页应用模板 7 3.3.5 完成后保存（效果） 8 3.4 采用的主要技术 8 3.5实训的操作步骤（描述） 9 3.5.1新建站点、收集素材、放到站点目录 9 3.5.2布局网页、设计模板页、保存可编辑区域 9 3.5.3新建网页使网页应用模板 9 3.5.4 根据各个页面的特色制作可编辑区域 9 3.5.5 完成 9 4. 实训总结与体会 10  1. 实训目的 熟练使用网页设计软件Dreamweaver CS3及Html标记语言，FPhotoshop图形处理软件;并能合理布局配色； 掌握商务网页设计流程，并进行分析设计； 养成良好的表达、沟通和团队协作能力，掌握快速学习方法，培养良好的分析问题和解决问题的能力 2. 实训环境 windowsXP操作系统，显示分辨率：1024×768 网页采用：Internet 制作软件：Explorer6.0 Adobe Flash CS3、 Dreamweaver CS3 、Adobe Photoshop CS4. 3. 实训内容 3.1实训的题目 安卓手机网站 3.2 实训选题的目的和意义 android一词的本义指“机器人”，当时同时Android也是Google于07年11月5日宣布的基于Linux平台开源手机操作系统名称，该平台由操作系统、中间件、用户界面和应用软件组成，号称是首个为移动终端打造的真正开放和完整的移动软件。 随着Android的流行乃至火热 智能手机已经逐渐影响人们的思维 和改变人们的行为方式。本网的制作是为人们普及安卓知识，科普科技。提醒人们对科技与生活的关注。另外练习一下自己的网页制作，提升一下水平。 3.3 实训网站的设计思路 3.3.1 收集素材 3.3.2 设计模板页 网页布局使用div+css布局分头部中间内容局分和底部版权部分。头部分logo、banneru部分和导航菜单部分，内容部分左侧边导航部分和右主内容部分.如图: 在头部的左上角和右边分别插入网站logo图片和Flash主题动画。 在导航菜单部分用CSS+div 制作鼠标经过导航菜单特效（效果如图） 中部左侧部分用表格部局分为鲜辣头条和其它导航两大部分分别进行细化编辑。 制作模板底部版权信息 给相应导航添加链接和样式 中部主内容部分做成可编辑区域 保存为模板。 模板部分制作完成。 3.3.3 分别给各个导航新建网页 3.3.4 给每个网页应用模板 分别用表格布局册通过插入素材和相关内容设计各个网页的可编辑区域。 3.3.5 完成后保存（效果） 3.4 采用的主要技术 PS切图 Flash动画 div+css布局 表格布局的应用 html基本语法。 3.5实训的操作步骤（描述） 3.5.1新建站点、收集素材、放到站点目录 3.5.2布局网页、设计模板页、保存可编辑区域 3.5.3新建网页使网页应用模板 3.5.4 根据各个页面的特色制作可编辑区域 3.5.5 完成 4. 实训总结与体会 通过这次实训对这门课程的学习，做网页，并不是一件容易的事，它包括个主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。所以我得出一下总结：准备资料和挑选符合目的主题的合适素材 做网页当然要收集、准备资料。在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。 规划好整个网站主页的设计应以醒目优先，应该令人一目了然。善用图片，增强艺术效果,我记得老师说过网页的迷人之处之一，要算它上面能点缀许多漂亮的图片。精美的图片设计，可以使自己的网页增辉不少，令人过目不忘。图片的内容应有一定的实际作用，切忌虚饰浮夸，同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。 8