网页标题栏该怎么改,还有在顶部的图片,整体背景?

网页标题栏该怎么改,还有在顶部的图片,整体背景?,第1张

一、教材分析:
人教版南京地区教材《初中信息技术》第四册第一单元活动3是“制作网页效果图”。该活动由于从网页效果制作的完整性考虑,故涉及的内容较多,因此采用分层次教学,安排2课时完成。本教学案例是依据第1课时“设计网页标题栏”编写。第1课时的教学内容是在原有的图层和滤镜的基础上引进了Photoshop中一个常用的概念——路径,并结合Photoshop的钢笔工具、渐变工具等创作网页效果图中的标题栏部分。这部分内容和下一单元“制作七彩的网页”关联,因此,在这里我们应该让学生了解利用Photoshop工具可以从整体布局出发进行网页各部分的设计。考虑到学生在任务驱动学习时,容易因专注于具体任务而犯“知其然,不知其所以然”的失误,因此在实际教学中,采用讨论的形式让学生多体会为什么要这样做,方便以后学习知识的灵活运用。。
二、学情分析
经过前面的学习,学生已经初步了解Photoshop的图层、图层蒙版、图层样式的基本概念,感受了部分Photoshop常用工具的 *** 作方法和 *** 作技巧。少数学生已经熟悉了Photoshop的基本 *** 作,具备了一定的自学能力,能根据教师提供的学件和参考书自主探究,完成学习任务;多数学生则需要在老师的辅导和帮助下,完成基本的学习任务。因此,在实际教学时,采用示范教学和有差异的任务驱动式教学法。从最初的教师示范 *** 作开始,“师傅领进门”,然后学生根据各自的学习基础和认知风格选择各自的任务容量和参考方式进行学习。
三、教学目标
1、知识与技能
1) 了解网页的整体布局,学会设计网页标题栏;
2) 初步掌握Photoshop中钢笔工具、渐变工具的使用方法和技巧;
3) 理解Photoshop中路径的意义;
4) 掌握路径的创建和路径转化为选区的 *** 作方法和技巧。
2、过程与方法
1) 在讨论中领会钢笔工具和路径使用的意义;
2) 在分步任务中体会利用Photoshop设计制作网页标题栏的方法。
3、情感态度与价值观
学会比较全面地考虑网页整体效果,能从网页整体布局、字体和字形、栏面与色彩等重要方面去评价、设计和制作网页。能够注意不同网页元素的合理搭配,使网页显得典雅、和谐。进一步提升学生的审美情趣和能力。
四、教学重点与难点
1、教学重点:钢笔工具、渐变工具的使用,路径的创建和转化为选区。
2、教学难点:Photoshop中使用路径的意义。
五、教学方法与教学手段
1、任务驱动法:采用任务驱动法,把制作网页效果技术的问题作为主要学习任务,教师讲解主要创作思路及主要技术实现方法;
2、建立Photoshop学习型网站,并不断根据学习过程、要求的发展添加内容,既充分体现了教师在教学中的主导作用又能为学生自主学习、协作学习创设环境,实现师生互动。
六、教学准备
计算机网络教室;多媒体网络教学系统;教学课件和学件,学案。
七、教学设计思路
八、教学过程
学习过程
教师活动
学生活动
设计意图

引入课题
揭示目标
展示网页标题栏效果图,引导学生全局考虑整体效果。
展示目标网页标题栏,与学生共同分析在Photoshop中如何设计。
介绍本课的教学内容:完成网页标题栏的设计。
注意观察,积极体会。
领会Photoshop设计制作网页需从全局出发。
明确目标和内容
目标样张的展示,吸引学生的注意,明确制作的方向。
便于学生从整体构建自己的知识体系。

明确任务
自学指导
明确具体任务,示范自学的方法。
根据教师提供的学件、学案的分步提示来完成任务。
明确任务和学习方法。
选择适合自己的学习方法和任务。
分层次教学;
有差异的学生需要有差异的学习。

自主探究
及时反馈
任务一:
(新授课)比较“规则背景”和“不规则背景”。提出思考:为什么要使用路径?
路径工具制作一个复杂形状的路径,然后将路径转换为选区,最后填充。
设计标题栏的背景图案;
1、完成路径1和图层1的制作;
2、完成路径2和图层2的制作。任务二:
制作LOGO文字“图像艺术天空”;
提出思考:文字图标的色彩、位置如何设计更具美感?(整体平衡统一)
(学有余力)选做
4、制作图标;
5、制作导航栏
引申思考:你能做出其他的效果吗?
·完成图层组“背景”中的图层1。
分析错误原因,掌握正确方法。
·完成图层组“背景”中的图层2。
·完成图层组“背景”中的LOGO文字层。
进一步理解“图层样式”、熟练文字工具的 *** 作。
·完成图层组“背景”中的图层4和图层5和栏目文字层。
进一步熟悉渐变工具以及滤镜的使用。

钢笔工具、渐变工具的使用技巧的掌握。
路径的 *** 作技巧的掌握。
强调路径使用的意义。
巩固钢笔工具、渐变工具的使用,巩固路径 *** 作技巧。
在专注于 *** 作技巧的同时提醒学生不要脱离平面设计整体规划的原则。
针对少数学有余力的学生,希望其在模仿的基础上创造,也是知识融合的必要过程。

作品评价
总结交流
展示学生作品,参与学生评价交流经验。
总结本课知识点,明确下节课内容。
欣赏同学作品,填写自我评价表。
及时反馈。完善学生的知识体系。
回顾本课知识点,引出下节课的内容。

Chrome不支持标题栏设置
Google Chrome,又称Google浏览器,是一个由Google(谷歌)公司开发的网页浏览器。该浏览器是基于其他开源软件所撰写,包括WebKit,目标是提升稳定性、速度和安全性,并创造出简单且有效率的使用者界面。软件的名称是来自于称作Chrome的网络浏览器图形使用者界面(GUI)。

标题栏?
用记事本打开页面文件,搜索title,后面的字就是标题栏的。
状态栏的话就要用JS了
<script language="javascript">
windowstatus="这里写要显示的文字";
</script>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12929229.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-29
下一篇 2023-05-29

发表评论

登录后才能评论

评论列表(0条)

保存