静态网页制作 素材加工处理说课.ppt

情境四 全图像首页设计单元-说课 学习领域：静态网页制作与素材加工处理 一、引言与实例分析 实例1：表格网页布局 一、引言与实例分析 实例2：全图像网页布局 二、任务分解与教学目标 任务1：全图像站点首页的设计； 任务2：切片的制作及首页的生成； 任务3：动态导航添加及弹出式菜单设计； 任务4：文本、表格、图像、声音、Flash对象的加工、添加及格式设置； 任务5：无缝滚动公告栏设计； 任务6：新闻图片信息加工展示设计。 1、掌握全图像首页的素材的搜集、效果的设计、切片的制作及首页文件的生成； 2、掌握动态导航添加及弹出式菜单的设计方法； 3、掌握各种网页元素的加工、添加及格式设置方法； 4、掌握无缝滚动公告栏设计的方法； 5、掌握新闻图片展示设计思想。 任 务 任 务 三、课时安排、参考资料与实现条件 本情境实施需要48课时，其中16课时为实例分析与讲解，16课时为学生的实际操作演练，16课时为学生针对个人站点对应项目的设计 ，教学全过程全部安排在电教室和设计实训室进行，以学生为中心，教师全程负责讲授知识、答疑解惑、指导网站设计，充分调动师生双方的积极性，达到教学目标。 本情境的参考资料为自编《静态网页制作与素材加工处理》，学生还可以根据需要通过网络或其它途径获取自己需要的相关资料。 实现本情境的教学目标，需要具备Photoshop（图形图像加工处理与网页切片制作）、Fireworks （图形图像的加工处理与网页切片制作） 、Dreamweaver（网页制作专业软件）、录音机软件（声音文件格式转换）、GOLDWAVE（声音文件生成及高级效果制作）、CD-DA（CD声音文件采样及格式转换）、Flash（动画设计与效果处理）软件环境，老师应该具备这些软件的高级应用知识，学生应该在学习过程中逐渐理解并掌握这些软件的基本应用与选择使用的技巧，并能触类旁通，设计出符合自己要求的各种素材。 四、任务实施：案例教学 任务1：全图像首页设计 1-1：图像尺寸及背景的确定 四、任务实施：案例教学 任务1：全图像首页设计 1-2、Logo与Banner对象的设计与添加 四、任务实施：案例教学 任务1：全图像首页设计 1-3、版权信息块的划分与设计 四、任务实施：案例教学 任务1：全图像首页设计 1-4、页面边缘修饰 四、任务实施：案例教学 任务1：全图像首页设计 1-5、导航栏设计与添加 四、任务实施：案例教学 任务1：全图像首页设计 1-6、栏目版块设计与添加 四、任务实施：案例教学 任务1：全图像首页设计 1-7、页面的进一步修饰 四、任务实施：案例教学 任务2：切片的制作及首页的生成 2-1、首页图像切片 四、任务实施：案例教学 任务2：切片的制作及首页的生成 2-2、切片文件夹 四、任务实施：案例教学 任务2：切片的制作及首页的生成 2-3、生成的首页 四、任务实施：案例教学 任务3：动态导航添加及弹出式菜单设计 设置动态导航及弹出式菜单 四、任务实施：案例教学 任务4：文本、表格、图像、声音、透明Flash的加工、添加及格式设置； 文本、表格、图像、声音、透明Flash的加工、添加及格式设置 1-1、使用CSS样式设置站点文本、表格样式样式； 1-2、使用PS、FW处理图像信息； 1-3、使用FL加工动画，配合代码实现背景透明； 1-4、使用CD-DA、录音机软件、GLODWAVE处理声音文件，并添加。 四、任务实施：案例教学 任务5：无缝滚动公告栏设计； TD width=150px COLSPAN=5 ROWSPAN=5 background=image/zhuyebeijing_39.gifstyle a {font-size:9pt;color:#333;text-decoration:none;} a:hover {color:#111;text-decoration:underline;} /style div id=marquees table width=148 border=0 align=center trimg src=image/more01.gif width=15 height=14a href=#校园网用户注意：如您的校园网络出现故障，请及时跟我们取得联系，我们将尽可能在半个工作日内给您解决，联系电话：3340026。/abr img src=image/more01.gif width=15 height=14a href=#温馨提示1：网络中心为办公区用户提供正版杀毒软件，家属区用户，请购买正版杀毒软件或下载半年免费版杀毒软件。/ab