(共37张PPT)
教学课件
湘美版九年级下册
我的网页
目
录
新课导入
作品欣赏
新课讲授
尝试探究
交流展示
拓展延伸
新课导入
1
新课导入
老师给大家展示的是一个网页,现在互联网越来越发达,已经遍布世界的角落,同样,网页也有很多。
新课导入
看到这些网页,同学们想不想设计一个属于自己的网页呢?今天就让我们一起来了解一下。
作品欣赏
2
作品欣赏
网页欣赏
作品欣赏
网页欣赏
作品欣赏
网页欣赏
作品欣赏
让我们一起学习运用各种信息技术制作网页
新课讲授
3
新课讲授
什么是网页?
网页是构成网站的基本元素,是承载各种网站应用的平台。通俗的说,网页是由网站组成的页面。
新课讲授
构成网页的元素包括文本、色彩、图标、图片、导航栏、超链接、动画、声音、视频等。
新课讲授
导航栏,是一组按钮,可以帮助浏览者进入各个子页面或返回首页,起到贯穿整个页面的作用。
图片。可以起到装饰和介绍的作用,可以美化网页,不让网页单调。
文本,介绍网页内容,是浏览者更好的了解网页所表达的意思。
新课讲授
适当的底色能更好地突出主题、烘托气氛。
图标起到点缀、装饰地作用,更具有辨识性。
新课讲授
超链接,点击搜索可以转换到另一个网站或另一个页面。
新课讲授
子页面,点击导航栏,出现另一个页面,这个就是子页面。
新课讲授
不同的底色会给人不同的感觉
以黑蓝为主色调,给人感觉生机盎然,充满了互动色彩和青春气息。
新课讲授
不同的底色会给人不同的感觉
黄色调为主,体现个性,中间配一个抽象的图案,显得个性十足又不单调。
新课讲授
不同的底色会给人不同的感觉
橙色调前卫、色彩热烈,给人震慑力较强。
新课讲授
网页的布局可以分为三种:
1.国字型布局
也被称为同字型,顶部是网站的标题、横幅广告条,然后是网站的主体内容个,而左右分别是一些比较小的内容条,中间就是主要内容,最底部是网站的一些基本信息、联系方式、版权声明等。这也是现在网上见到的差不多最多的一种结构类型。
新课讲授
网页的布局可以分为三种:
2.封面型布局
这种类型基本上是出现在一些网站的首页,多是精美平面结合小动画,再加几个简单链接或仅是一个“进入”链接或无任何提示。
新课讲授
网页的布局可以分为三种:
3.拐角型布局
这种类型其实与国字型很相近的,只是在形式上不一样,最上面的部分是网站的标题以及网站的横幅广告条,一种很常见的类型是最上面是标题及广告,左侧是导航链接。
新课讲授
下面就让我们来设计一个属于我们自己的网页
新课讲授
1.使用美术软件(如奇奕画王)中的文字工具输入标题文字,并选择你喜欢的字体和效果。
新课讲授
2.使用区域选择和操作工具进行抠图、旋转等图像处理。
新课讲授
3.使用鼠标或电脑绘图板并结合软件中的各种模拟画笔可以自由地添加图形。
Wacom数位板
新课讲授
4.通过色彩调节工具变换背景和图形的颜色,达成不同的配色效果。
新课讲授
5.完成我们的网页设计
尝试探究
4
为你自己设计一个个人网页
尝试探究
交流展示
5
学生作品展示
交流展示
拓展延伸
6
收集本班成长经历以及班级和校园生活的资料,公共建设自己的网上家园——班级主页,在网页上建立大家喜欢的栏目,展示班级风采等。
拓展延伸
拓展延伸
谢谢观看