欢迎来到天天文库
浏览记录
ID:38722463
大小:57.50 KB
页数:5页
时间:2019-06-18
《信息技术基础网页制作教学流程》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、2005-2006学年度第一学期《信息技术基础》第四单元__网页制作网页制作第1课时 网页的主题:1.小而精2.题材不俗3.网页名称与主题相关网页的风格与创意广告条,标志色彩字体布局导航与菜单序10’各班第二单元小组作品展示(4组)点评第一环节 欣赏与分析10’欣赏与分析个人网站主题研究网站班级网站获奖作品第二环节 网页制作流程5+5A 主题内容结构B 建立文件目录结构(站点及其文件夹)C 收集资料加工处理(其它软件)D 边学习边制作(DW)T1:启动DW,界面,面板,站点(重点)学生任务1.电子档案袋:讨论主题(未做!)2.确定主题和内容;设计结构;建立站点;收集资料3
2、.启动DW,界面,站点52005-2006学年度第一学期《信息技术基础》第四单元__网页制作第2课时 学习制作第一环节 DW软件、界面、面板介绍;建立站点webs第二环节 建立首页index.htm,用不同视图观看,分析其代码组成第三环节 网页中的基本元素:文,图,表代码调整元素整合及技巧文字
属性面板/代码调整字体字色,字链接图像图大小,图链接,图文混排表格表格,大小,颜色,边框,背景等其它日期分隔线NO必须掌握的网页代码标记…………3、p>[学生任务]建立首页index.htm,尝试将各种元素插入,观察其不同的代码组成,熟练掌握!网页标题;插入文字;文字链接(到图)二个小图片;图片链接(到flash)表格;既是布局,也是容器,边框,颜色.OK!1电子档案袋,在讨论区写上你的网页主题,写明需要的资源(如果需要开网,写清网站名称)?2设疑:如此混乱,如何处置?几点注意:1.2.3.52005-2006学年度第一学期《信息技术基础》第四单元__网页制作第3课时 学习布局:网页制作流程构思设计,确定主题布局,逐页制作,素材处理图元素及文字元素插入导航菜单制作;实现链4、接修饰:动画,特效等表格布局:页眉,导航区,主体,页脚常用工具栏与布局工具栏布局工具栏的使用绘制首页布局有能力的同学再绘制出第一页的布局,其实copy即可初试PS:打开图片,裁切,图像大小,存为网页专用图.设疑:如何解决无吸引力的问题?… 图片链接?导航菜单?52005-2006学年度第一学期《信息技术基础》第四单元__网页制作第4课时 创作电子作品――“网页中的图元素”创作电子作品主题,建站 ↓基本元素↓布局?↓网页中的图PhotoshopCS1广告条制作图像加工处理技术:裁切;文字;图层样式;画笔;难点:层的概念 存盘格式文章表达思想文如其人电子作品一种信息表达的方式亦如其5、人课前准备:PhotoShop172.16.1.15/blog/172.16.1.15”网页制作”52005-2006学年度第一学期《信息技术基础》第四单元__网页制作教学流程1、前言(7分钟) 从文如其人―――网页亦如其人,认真做好网页作品。“在线交流”导入3’:我们大家一起登陆到“电子档案袋”中,参与老师新设置的讨论话题,时间为3分钟,请大家认真表达自己的想法。此处可是“文如其人”。提问,点评“德育渗透”广播“讨论区”2’:――――网页作为一种表达的形式,只有当它的主题风格颜色布局图文动画等,都和谐统一成为一个整体,才是一个好的作品。不能片面地看待事物。板书 创作电子作6、品的流程1’2、广播教学(10分钟)广播教学172.16.1.15“网页制作“-“图与多媒体”,观看flash学习PhotoshopCS首先设计一个简单的广告条2’;再设计一个原创广告条3’存盘3、学生操作实践(20分钟)打开PS,选取自己需要的图,进行基本广告条制作,存入站点。学生实践操作有基础的同学可制作多个。制作后,插入到网页的相应位置上。――使用相关技术,处理你网页中要引用的其它图片,边处理,边制作网页。4、评价总结(8分钟)方案一:基本完成,全体上传到档案袋;交流评价问题小结重点回顾方案二:点选上传到FTP方案三:广播网页成形的学生 小结:制作过程中出现的问题总结7、:技术回顾,重点难点,边制作边调整 下节课讲“导航、按钮、翻转图等”,注意收集材料,提前构思!!5 当前文档最多预览五页,下载文档查看全文 侵权申诉 举报 1 1 2 3 4 5 / 5 此文档下载收益归作者所有 下载文档 当前文档最多预览五页,下载文档查看全文 点击下载本文档 版权提示 下载文档 举报 温馨提示: 1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。 2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。 3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。 4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。 相关文章 更多 信息技术基础第六章网页制作教学设计 网页制作与网站制作流程 网页制作与网站制作流程 网页制作与网站制作流程 05-信息技术基础(网页制作) 信息技术教学案网页制作 网页制作流程 网页设计与制作网页制作基础 网页制作题流程 网页制作流程.doc 相关标签 网页 信息技术 流程 教学 制作 基础
3、p>[学生任务]建立首页index.htm,尝试将各种元素插入,观察其不同的代码组成,熟练掌握!网页标题;插入文字;文字链接(到图)二个小图片;图片链接(到flash)表格;既是布局,也是容器,边框,颜色.OK!1电子档案袋,在讨论区写上你的网页主题,写明需要的资源(如果需要开网,写清网站名称)?2设疑:如此混乱,如何处置?几点注意:1.2.3.52005-2006学年度第一学期《信息技术基础》第四单元__网页制作第3课时 学习布局:网页制作流程构思设计,确定主题布局,逐页制作,素材处理图元素及文字元素插入导航菜单制作;实现链
4、接修饰:动画,特效等表格布局:页眉,导航区,主体,页脚常用工具栏与布局工具栏布局工具栏的使用绘制首页布局有能力的同学再绘制出第一页的布局,其实copy即可初试PS:打开图片,裁切,图像大小,存为网页专用图.设疑:如何解决无吸引力的问题?… 图片链接?导航菜单?52005-2006学年度第一学期《信息技术基础》第四单元__网页制作第4课时 创作电子作品――“网页中的图元素”创作电子作品主题,建站 ↓基本元素↓布局?↓网页中的图PhotoshopCS1广告条制作图像加工处理技术:裁切;文字;图层样式;画笔;难点:层的概念 存盘格式文章表达思想文如其人电子作品一种信息表达的方式亦如其
5、人课前准备:PhotoShop172.16.1.15/blog/172.16.1.15”网页制作”52005-2006学年度第一学期《信息技术基础》第四单元__网页制作教学流程1、前言(7分钟) 从文如其人―――网页亦如其人,认真做好网页作品。“在线交流”导入3’:我们大家一起登陆到“电子档案袋”中,参与老师新设置的讨论话题,时间为3分钟,请大家认真表达自己的想法。此处可是“文如其人”。提问,点评“德育渗透”广播“讨论区”2’:――――网页作为一种表达的形式,只有当它的主题风格颜色布局图文动画等,都和谐统一成为一个整体,才是一个好的作品。不能片面地看待事物。板书 创作电子作
6、品的流程1’2、广播教学(10分钟)广播教学172.16.1.15“网页制作“-“图与多媒体”,观看flash学习PhotoshopCS首先设计一个简单的广告条2’;再设计一个原创广告条3’存盘3、学生操作实践(20分钟)打开PS,选取自己需要的图,进行基本广告条制作,存入站点。学生实践操作有基础的同学可制作多个。制作后,插入到网页的相应位置上。――使用相关技术,处理你网页中要引用的其它图片,边处理,边制作网页。4、评价总结(8分钟)方案一:基本完成,全体上传到档案袋;交流评价问题小结重点回顾方案二:点选上传到FTP方案三:广播网页成形的学生 小结:制作过程中出现的问题总结
7、:技术回顾,重点难点,边制作边调整 下节课讲“导航、按钮、翻转图等”,注意收集材料,提前构思!!5
此文档下载收益归作者所有