(实训计划.docVIP

G124503班《网页设计与制作》实训计划 指导教师：郭建明 一、实训目的 1、进一步熟悉和掌握网站建设的基本流程和技术规范； 2 巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识； 3巩固运用图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识； 4巩固综合运用Dreamweaver、、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站； 5具备独立撰写实训报告基本能力； 6在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识； 7紧紧围绕网页制作的流程：规划、设计、开发、发布、维护来进行网站的开发，制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、制表绘图、发现与分析问题、寻求解决问题的方案等）为今后从事网站开发、维护和管理奠定基础。二、实训时间：周（天） 内容安排 明确网站主题，应力求简洁，要点明确，要以简单的画面和语言告诉浏览者，站点的主题。收集网页素材，确定栏目，决定网站结构 5－6节 紧贴主题、搜集素材 周六 1－2节，3－4节 规划站点、栏目设置 5－6节 主页设计——主页布局，主页标题图形设计确定内容安排，将每个页面的草图设计完成。相关的文字工作录入完毕，定义好本地站点，将资料保存。 主页设计——主页图形设计用Photoshop，决定网站的配色方案，可以借鉴其他网站。对各个网页可以分工实现。 主页设计——主页文字图片的插入制作网页中所需要的Flash。 主页的整体优化 主要是对版面进行合理布局，利用表格和层对版面进行合理定位。通过文字图形的空 间结合，表达出和谐与美。利用DW，设计网页的排版方式，把各个切片放入DW中的表格。 周三 1－2节，3－4节 二级栏目设计及规划 5－6节 模板设计：设计其它页网页模板 周四 1－2节，3－4节 用模板创建其它二级网页 5－6节 网页间的相互链接：将相应的内容，放入网页的对应位置。其它页面的制作，注意与主页的和谐统一，并对各页内容进行充实； 修改并完善已经做好的网页，同时完成网页之间超级链接的设置。多页面之间的链接，特别是关系十分密切的有上下文关系的页面，设计时一定要含有向前和向后的按钮，便于浏览者的访问 完善并测试网页，准确无误后，在网上申请免费空间，将制作好的网站在网上发布。 三、实训地点：机房 四、实训设施 1相关基础：学生应熟练掌握Dreamweaver MX、Flash MX、FireWorks MX等软件的应用。2硬件环境：(1)主机上要求安装有Dreamweaver MX、Flash MX、FireWorks MX等软件。(2)主机能与互联网相连、以便学生能够浏览优秀网站，搜集相关材料等。(3)将主机配置成WEB服务器。 五、实训组织形式及进行方式： （１）（２）按照“时间与任务安排”及时完成当天的网页操作任务，并用U盘保存网页，（３）网页体裁、形式、风格不限。（４）“参考网页”只是起到范例作用，希望同学们看到参考网页上的效果，还能想起来那些效果是如何设计的。（５）教师负责整个网页制作过程的体裁和内容的审核、系统指导和监督工作。六、实训要求 1. 确定目标 通过网络就某个专题搜索资料， 题材不限，要求有个人特色、新颖和有吸引力，并对网站作简单的介绍如主题是什么？分那几个栏目，每个栏目的特色和主要内容是什么？参考选题：班级主页，动漫，个人主页，求职简历，电子商务网站，花卉网站，学习网站…… 2. 选择用户 确定了站点实现的目标之后，需要确定站点的浏览客户。创建世界上每个人都能使用的 Web 站点是不可能的。人们的兴趣、爱好不同，使用不同的浏览器，以不同的速度连接，这些因素都会影响站点的使用。因此需要确定目标用户，根据用户的特点来设计站点风格。 3. 组织站点结构 如果没有考虑文档在文件夹层次结构中的位置就开始创建文档，最终可能会导致一个充满了文件的臃肿混乱的文件夹，或导致相关的文件散布在许多名称类似的文件夹中。设置站点的常规做法是在本地磁盘上创建一个包含站点所有文件的文件夹（称作本地站点），然后在该文件夹中创建和编辑文档。当准备好发布站点并允许公众查看时，再将这些文件拷贝到 Web 服务器上。组织站点结构时，应注意以下三个问题： （1）将站点分类，把相关的页面放在同一文件夹中。 （2）将图像和声音文件等项目放在指定的文件夹中，以便于文件的查找定位。例如，将所有图像放在Images 文件夹中，当在页面中插入图像时，就可以方便的找到它