教科版高中信息技术选修3 -4.2 网站设计 课件(共27张PPT)
文档属性
| 名称 | 教科版高中信息技术选修3 -4.2 网站设计 课件(共27张PPT) |  | |
| 格式 | pptx | ||
| 文件大小 | 1.0MB | ||
| 资源类型 | 教案 | ||
| 版本资源 | 教科版 | ||
| 科目 | 信息技术（信息科技） | ||
| 更新时间 | 2021-01-13 22:04:33 | ||
图片预览
文档简介
双击打开桌面上“《网站设计》课堂同步练习.doc”文件，完成其中：一、课前预习教材P81~87，并简答以下问题（在教材上做上记号），共10小题
课前预习
第四章
建立主题网站
网站规划的一般步骤？（P74-80）
需求分析
选择网站主题
确定网站名称
选择网页制作工具
制定网站建设计划表
知识回顾
知识回顾
①规划网站
②网站设计
④发布、管理网站
③网站实现
②网站设计
建立主题网站一般分哪几个步骤？（P72）
4.2
网站设计
《网站设计》目录
Ⅰ
Ⅱ
Ⅲ
栏目设置
版面设计
树立网站整体风格
Ⅳ
收集素材
一、栏目设置（P81）
打开下列网站，说一说该网站是如何进行栏目设置的？
1、新浪网：
2、北京新东方扬州外国语学校：
www..cn
www.
一、栏目设置（P81）
1、为什么要进行栏目设置？
栏目的设置使得网站结构清晰，目录明确，内容紧扣主题，有利于以后扩充和维护
2、栏目的实质是什么？
栏目实质是一个网站的大纲索引,索引应该将网站的主体明确显示出来
3、栏目安排应注意哪几个方面？
（1）要紧扣主题，尽可能删除与主题无关的内容
（2）尽可能将网站最有吸引力的内容列在栏目上
（3）尽可能访问者的浏览和查询（如：本站指南等）
一、栏目设置（P81）
“机器人做学玩”网站栏目设置
试一试
1、两人为一组，讨论协商，为自己小组的主题网站取名（想一想：取名时应注意什么？P76）
给网站取名应注意：要与主题紧密相关；要有意义；要上口、悦耳、易记；名称是否合法、合理、合情
网站名称如：作文天地、篮坛风云、海中世界、空军之翼、梦幻音画廊、where
to
go……
2、根据小组确立的网站名称，设置栏目（可以参照教材P81-82表4-7、4-8、4-9），主栏目不少于3个，完成
“课堂同步练习：二、课中实践3”
二、版面设计
1、什么是版面结构？
（P83）
版面结构是指将不同元素巧妙排列的方式，合理的版面结构能够让浏览者清楚、容易地理解作品传达的信息。
布局就是以最适合浏览的方式将图片和文字排放在页面的不同位置。
每台计算机的显示器分辩率不同，有800
600像素、1024
768像素、1280
800像素等不同设置，因此在浏览器上所看到的完整页面也不相同。这也是我们设计版面应考虑的。现在我们看到的网页一般都是按1024
768像素的设置来设计的。
二、版面设计
2、常见的页面布局样式有哪几类？
（P83）
“厂”字型
“口”字型
自由式
访问校园网（www.），看看有没有以上三种页面布局样式的网页
二、版面设计—常见页面布局样式（P83）
二、版面设计
3、网页版面布局可按哪三个步骤进行？（P84）
创意草案
粗略布局
最后定案
三、树立网站总体风格
1、树立网站的整体风格一般分哪三个步骤进行？
（P85-86）
网站标志
标准色彩
标准字体
三、树立网站总体风格—网站标志
树立网站整体风格的第一步是：设计制作一个网站的标志（logo)
2、设立网站标志有几种方法？（P85）
（1）选择与网站主题有关的，并具有代表性的人或物，用它们作为设计的蓝本，加以卡通化和艺术化。
（2）对于专业性的网站，可以以本专业有代表的物品作为标志。
（3）最常用和最简单的方式是用自己网站的中文或者英文名称作为标志。
三、树立网站总体风格—标准色彩
3、如何设计网站色彩，才给人以整体统一的感觉？（P85）
（1）网站的标志、标题、主菜单和主色块文字的链接色彩尽量使用标准色彩。
（2）图片的主色彩、背景色、边框等尽量使用标准色彩同色系的色彩。
标准色彩能体现网站形象，延伸网站内涵
一般一个网站的标准色彩不超过3种，太多则使人眼花缭乱，其他色彩可作点缀和衬托，不能喧宾夺主
色彩总的应用原则是“总体协调、局部对比”
树立网站整体风格的第二步是：设计网站的标准色彩
三、树立网站总体风格—标准色彩（P85）
树立网站整体风格的第二步是：设计网站的标准色彩
三、树立网站总体风格—标准字体（P86）
树立网站整体风格的第三步是：设计网站的标准字体
四、收集素材
收集素材的过程中，应注意哪几个方面？（P87）
1、要注意对收集来的素材进行分类，例如同类素材用一个文件夹来管理
2、文件名要易懂易记，便于调用
3、要注意保护知识产权，避免侵犯别人的版权
练习：完成
“课堂同步练习：二、课中实践4”
１、网站的制作步骤包括①确定主题；②网站制作；③需求分析；
④选择开发工具。正确的顺序是
（ ）。
Ａ.①④③②
Ｂ.③①④②
Ｃ.②①③④
Ｄ.④③①②
２、建立主题网站的顺序一般是
（ ）。
Ａ.规划→实现→设计→发布管理
Ｂ.设计→实现→规划→发布管理
Ｃ.规划→设计→实现→发布管理
Ｄ.设计→规划→实现→发布管理
３、网页要呈现的内容很多，如何合理地放置信息，使之看起来井井有条，主次分明，这主要是下列哪项工作：
（ ）。
Ａ.选定网页制作工具
Ｂ.栏目设置
Ｃ.版面设计
Ｄ.语言确定
Ｂ
C
Ｃ
江苏省信息技术学业水平测试题《网站设计》
4、图片在网页中起到美化网页的作用，在网页中最为常用的两种图像格式是
（ ）。
Ａ.
JPG和GIF
Ｂ.
GIF和BMP
Ｃ.
JPEG和PSD
Ｄ.
BMP和PSD
5、树立网站整体形象的关键是
（ ）。
Ａ.音频、视频和文字
Ｂ.表格、图片和文字
Ｃ.标志、色彩和字体
Ｄ.计划、栏目和版面
6、下列关于树立网站整体风格的叙述，错误的是
（ ）。
Ａ.网站的标志对树立网站整体风格没有什么影响
Ｂ.网站的色彩也是树立网站整体风格的重要因素
Ｃ.设计网站的字体是树立网站整体风格的重要环节
Ｄ.网站色彩一般不超过3种，太多容易使人眼花缭乱
A
A
Ｃ
江苏省信息技术学业水平测试题《网站设计》
7、安排网站的栏目时应注意避免
（ ）。
Ａ.栏目要尽可能丰富，分类越细越好
Ｂ.尽可能将网站最有吸引力的内容列在栏目中
Ｃ.尽可能方便访问者的浏览和查询
Ｄ.要紧扣网站主题
8、网站标志是树立网站风格第一步，以下不属于其设计原则的一项是（ ）。
Ａ.选择与网站主题密切相关的人或物，加以卡通化、艺术化
Ｂ.适当选用有专业代表性的物品或者标志
Ｃ.巧妙运用中文或英文名称作为网站标志
Ｄ.标志要尽量复杂、赋予极多的含义
A
D
江苏省信息技术学业水平测试题《网站设计》
9、下列关于HTML语言的描述错误的是
（ ）。
Ａ.
HTML文档是文本格式的文件
Ｂ.HTML语言中可以嵌入多种网页特效代码
Ｃ.不懂HTML语言的人无法制作网站
Ｄ.HTML语言是通过一系列特定的标记来标识出相应的意义和作用的
10、下列HTML标签中属于标题标签的是
（ ）。
Ａ.HTML标签
Ｂ.TITLE标签
Ｃ.
BODY标签
Ｄ.
HEAD
标签
C
江苏省信息技术学业水平测试题《网站设计》
B
课堂小结
请用下列一句话小结本节课
从本节课中，我主要收获到……
下节精彩
①规划网站
②网站设计
④发布、管理网站
③网站实现
③网站实现
建立主题网站的一般步骤（P72）
感谢各位领导、老师莅临指导！
感谢每一位学生积极参与！
课前预习
第四章
建立主题网站
网站规划的一般步骤？（P74-80）
需求分析
选择网站主题
确定网站名称
选择网页制作工具
制定网站建设计划表
知识回顾
知识回顾
①规划网站
②网站设计
④发布、管理网站
③网站实现
②网站设计
建立主题网站一般分哪几个步骤？（P72）
4.2
网站设计
《网站设计》目录
Ⅰ
Ⅱ
Ⅲ
栏目设置
版面设计
树立网站整体风格
Ⅳ
收集素材
一、栏目设置（P81）
打开下列网站，说一说该网站是如何进行栏目设置的？
1、新浪网：
2、北京新东方扬州外国语学校：
www..cn
www.
一、栏目设置（P81）
1、为什么要进行栏目设置？
栏目的设置使得网站结构清晰，目录明确，内容紧扣主题，有利于以后扩充和维护
2、栏目的实质是什么？
栏目实质是一个网站的大纲索引,索引应该将网站的主体明确显示出来
3、栏目安排应注意哪几个方面？
（1）要紧扣主题，尽可能删除与主题无关的内容
（2）尽可能将网站最有吸引力的内容列在栏目上
（3）尽可能访问者的浏览和查询（如：本站指南等）
一、栏目设置（P81）
“机器人做学玩”网站栏目设置
试一试
1、两人为一组，讨论协商，为自己小组的主题网站取名（想一想：取名时应注意什么？P76）
给网站取名应注意：要与主题紧密相关；要有意义；要上口、悦耳、易记；名称是否合法、合理、合情
网站名称如：作文天地、篮坛风云、海中世界、空军之翼、梦幻音画廊、where
to
go……
2、根据小组确立的网站名称，设置栏目（可以参照教材P81-82表4-7、4-8、4-9），主栏目不少于3个，完成
“课堂同步练习：二、课中实践3”
二、版面设计
1、什么是版面结构？
（P83）
版面结构是指将不同元素巧妙排列的方式，合理的版面结构能够让浏览者清楚、容易地理解作品传达的信息。
布局就是以最适合浏览的方式将图片和文字排放在页面的不同位置。
每台计算机的显示器分辩率不同，有800
600像素、1024
768像素、1280
800像素等不同设置，因此在浏览器上所看到的完整页面也不相同。这也是我们设计版面应考虑的。现在我们看到的网页一般都是按1024
768像素的设置来设计的。
二、版面设计
2、常见的页面布局样式有哪几类？
（P83）
“厂”字型
“口”字型
自由式
访问校园网（www.），看看有没有以上三种页面布局样式的网页
二、版面设计—常见页面布局样式（P83）
二、版面设计
3、网页版面布局可按哪三个步骤进行？（P84）
创意草案
粗略布局
最后定案
三、树立网站总体风格
1、树立网站的整体风格一般分哪三个步骤进行？
（P85-86）
网站标志
标准色彩
标准字体
三、树立网站总体风格—网站标志
树立网站整体风格的第一步是：设计制作一个网站的标志（logo)
2、设立网站标志有几种方法？（P85）
（1）选择与网站主题有关的，并具有代表性的人或物，用它们作为设计的蓝本，加以卡通化和艺术化。
（2）对于专业性的网站，可以以本专业有代表的物品作为标志。
（3）最常用和最简单的方式是用自己网站的中文或者英文名称作为标志。
三、树立网站总体风格—标准色彩
3、如何设计网站色彩，才给人以整体统一的感觉？（P85）
（1）网站的标志、标题、主菜单和主色块文字的链接色彩尽量使用标准色彩。
（2）图片的主色彩、背景色、边框等尽量使用标准色彩同色系的色彩。
标准色彩能体现网站形象，延伸网站内涵
一般一个网站的标准色彩不超过3种，太多则使人眼花缭乱，其他色彩可作点缀和衬托，不能喧宾夺主
色彩总的应用原则是“总体协调、局部对比”
树立网站整体风格的第二步是：设计网站的标准色彩
三、树立网站总体风格—标准色彩（P85）
树立网站整体风格的第二步是：设计网站的标准色彩
三、树立网站总体风格—标准字体（P86）
树立网站整体风格的第三步是：设计网站的标准字体
四、收集素材
收集素材的过程中，应注意哪几个方面？（P87）
1、要注意对收集来的素材进行分类，例如同类素材用一个文件夹来管理
2、文件名要易懂易记，便于调用
3、要注意保护知识产权，避免侵犯别人的版权
练习：完成
“课堂同步练习：二、课中实践4”
１、网站的制作步骤包括①确定主题；②网站制作；③需求分析；
④选择开发工具。正确的顺序是
（ ）。
Ａ.①④③②
Ｂ.③①④②
Ｃ.②①③④
Ｄ.④③①②
２、建立主题网站的顺序一般是
（ ）。
Ａ.规划→实现→设计→发布管理
Ｂ.设计→实现→规划→发布管理
Ｃ.规划→设计→实现→发布管理
Ｄ.设计→规划→实现→发布管理
３、网页要呈现的内容很多，如何合理地放置信息，使之看起来井井有条，主次分明，这主要是下列哪项工作：
（ ）。
Ａ.选定网页制作工具
Ｂ.栏目设置
Ｃ.版面设计
Ｄ.语言确定
Ｂ
C
Ｃ
江苏省信息技术学业水平测试题《网站设计》
4、图片在网页中起到美化网页的作用，在网页中最为常用的两种图像格式是
（ ）。
Ａ.
JPG和GIF
Ｂ.
GIF和BMP
Ｃ.
JPEG和PSD
Ｄ.
BMP和PSD
5、树立网站整体形象的关键是
（ ）。
Ａ.音频、视频和文字
Ｂ.表格、图片和文字
Ｃ.标志、色彩和字体
Ｄ.计划、栏目和版面
6、下列关于树立网站整体风格的叙述，错误的是
（ ）。
Ａ.网站的标志对树立网站整体风格没有什么影响
Ｂ.网站的色彩也是树立网站整体风格的重要因素
Ｃ.设计网站的字体是树立网站整体风格的重要环节
Ｄ.网站色彩一般不超过3种，太多容易使人眼花缭乱
A
A
Ｃ
江苏省信息技术学业水平测试题《网站设计》
7、安排网站的栏目时应注意避免
（ ）。
Ａ.栏目要尽可能丰富，分类越细越好
Ｂ.尽可能将网站最有吸引力的内容列在栏目中
Ｃ.尽可能方便访问者的浏览和查询
Ｄ.要紧扣网站主题
8、网站标志是树立网站风格第一步，以下不属于其设计原则的一项是（ ）。
Ａ.选择与网站主题密切相关的人或物，加以卡通化、艺术化
Ｂ.适当选用有专业代表性的物品或者标志
Ｃ.巧妙运用中文或英文名称作为网站标志
Ｄ.标志要尽量复杂、赋予极多的含义
A
D
江苏省信息技术学业水平测试题《网站设计》
9、下列关于HTML语言的描述错误的是
（ ）。
Ａ.
HTML文档是文本格式的文件
Ｂ.HTML语言中可以嵌入多种网页特效代码
Ｃ.不懂HTML语言的人无法制作网站
Ｄ.HTML语言是通过一系列特定的标记来标识出相应的意义和作用的
10、下列HTML标签中属于标题标签的是
（ ）。
Ａ.HTML标签
Ｂ.TITLE标签
Ｃ.
BODY标签
Ｄ.
HEAD
标签
C
江苏省信息技术学业水平测试题《网站设计》
B
课堂小结
请用下列一句话小结本节课
从本节课中，我主要收获到……
下节精彩
①规划网站
②网站设计
④发布、管理网站
③网站实现
③网站实现
建立主题网站的一般步骤（P72）
感谢各位领导、老师莅临指导！
感谢每一位学生积极参与！