网页设计与布局.doc

1. 课程设计理念 在现代化的信息社会，互联网已成为人们生活中的一个重要组成部分，网站成为信息发布与交互的重要载体，而网站的设计、日常维护更新与改版，都需要大批的专业设计师。 《网页设计与布局》课程就是专门针对希望从事这一行业的学生定制。本书以信息技术行业需求为起点，以网站开发典型工作任务为依据，以工作过程为导向，以真实工作项目为载体，以岗位能力为目标，以校内金牌教师为主导，以行动导向组织教学为中心设计。 2. 课程设计思路 明确行业、企业对网站的功能和性能需求，进行课程设计，做到每一项实际工作任务都有详细的知识点及对应教学案例。 与《网页设计与布局》课程相关的职业岗位主要是网页设计，其岗位群是：网站策划、网页美工、网站管理、网络编辑师、网站业务代表及项目经理等。通过对岗位的实际工作过程分析获知，网站开发的主要工作任务有：客户沟通、项目背景分析、需求分析、功能设计、网站项目分析、网站美工设计、网页设计与制作、网站测试发布、网站运行管理等共计21项工作任务。这些工作任务可归纳为：网站项目分析、网站美工设计、网站动画设计、网站网页制作、网站测试发布、网站运行管理等6项典型工作任务。 本书分为Dreamweaver网站构建，Photoshop网站页面设计及Flash网站动画设计三个相对独立的教学单元，每个教学单元再细分为多个教学任务实施。每个教学任务以：基础知识+操作方法+应用案例方式进行，讲解一个知识点时先讲解每个知识点的作用或相关选项的设置，然后列出该知识点的具体操作方法，最后以一个小案例融入到该操作方法中，而每个应用案例大多是一个独立的任务，或将几个小案例串联起来组成一个更为完整的实例。 3．教学内容选取依据 本书针对职业院校学生的特点，从网页初学者的角度出发，通过一个个具体的案例由浅入深地讲解了静态网页的设计与制作，并对网页布局中的技巧和商业站点的制作特点进行了详细的阐述。 全书共分三个教学单元，首先讲解了如何建立站点，在网页中添加各种元素，通过表格来美化页面布局；接着重点讲解了网站页面的设计与绘制，对页面配色、版块布局及页面效果实现进行了深入详细的学习。最后针对动画广告及片头动画在网站中的应用进行分析讲解和学习。阐述了Dreamweaver、Flash、Photoshop等软件之间的制作配合，有利于学生从素材整理、合成图片、制作Flash特效、布局网页等环节完整地把握网站的开发制作流程。 4、本书主要特色 内容全面，由浅入深由网页基本概念开始，逐步介绍网站构建，网站设计及网站动画等网页设计技术。 实战案例：每一教学任务均安排了“案例”，通过结合本教学任务知识的实战案例，学生可亲身体会网页设计与制作的工作过程。 资源丰富：书中选用的实例都极具应用价值，而且每个实例都能体现美工和技术并重的宗旨，突出网页设计过程中思维的拓展和能力的培养。 总结与练习：总结本章知识点，理清学生学习思路，分清学习目标及主次。练习案例帮助学生强化学习任务引导学生激发创意思维，提高实际动手处理问题的能力。 5、编写提纲 一单元 Dreamweaver篇 第一章 网站概述 1.1 网站与网页的概述 1.2 网页的基本元素2.5 Dreamweaver中的表单2.6 Dreamweaver中框架结构2.7 Dreamweaver中的行为 2.8 Dreamweaver中的模板 总结 第三章 HTML 3.1 HTML 概念 3.2 一个HTML的示例 3.3 HTML头部标记 3.4 HTML内部主体标记 3.5 文字 3.6 插入图片3.7 插入声音3.8 链接3.9 表格标记 总结 第四章 CSS层叠样式表 4.1 为什么应用CSS4.2 CSS的结构和规则4.3 CSS定义文本4.4 CSS定义图片4.5 CSS定义表格4.6 CSS定义表单4.7 CSS定义鼠标指针和滚动条4.8 CSS定义多种超级链接 总结 第五章 把网站放到网上 5.1 站点5.2 WWW 服务5.3 FTP 服务 二单元 Photoshop篇 第一章　Photoshop基础 1.1　初识Photoshop 1.2　图层 练习 总结 第二章　选取工具 2.1　矩形选区工具 2.2　移动工具 2.3　羽化 2.4　抠图的用处 2.5　套索工具 2.6　磁性套索工具 2.7 多边形套索工具 2.8　魔棒工具 2.9　裁切工具 练习 总结 第三章　图像色彩的调节和应用 3.1 色阶 3.2 曲线 3.3 色相/饱和度 3.4 替换颜色 3.5 亮度/对比度 3.6 去色 3.7 色彩平衡 3.8 可选颜色 3.9反向 3.10 阈值 3.11 色调分离 练习 总结 第四章　图片处理工具 4.1修复画笔工具组 4.2画笔工具组 4.3 图章工具