1 / 17
文档名称:

网站的设计.pptx

格式:pptx   大小:3,437KB   页数:17页
下载后只包含 1 个 PPTX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

网站的设计.pptx

上传人:xxj165868 2022/6/30 文件大小:3.36 MB

下载得到文件列表

网站的设计.pptx

相关文档

文档介绍

文档介绍:网络技术应用——
信息技术(选修3)
重庆复旦中学 周志鹏
教学思路
我今天的说课题目是《网站的设计——网页的版面设计》,选自广东教网络技术应用——
信息技术(选修3)
重庆复旦中学 周志鹏
教学思路
我今天的说课题目是《网站的设计——网页的版面设计》,选自广东教育出版社,《网络技术应用》(选修3)第四章第二节的第二板块。
本节内容共分三个小版块,网站的结构设计、网页的设计、网页的交互设计。其中第一和第三板块用一个课时,引导学生分小组自主学习探究,得出结果。本次说课主要以第二板块——网页设计为主。
第一,第三版块儿更适合学生根据本组网站的主题,结合范例进行自主探究学习,并通过组内讨论得出网站的结构设计和链接设计。
目录
教学目标
重点&难点
教学过程与反思
教材&学情分析
目录
教学目标
重点&难点
教学过程与反思
教材&学情分析
网站的结构设计
网页的设计
网页的交互设计
确定主题
明确风格
设计布局
网站设计中
承上启下
重要部分
教材内容
教材&学情
作用
地位
教材分析
了解网站开发的大体流程
确定了网站主题
确定了开发环境等内容
已经掌握运用网页制作软件进行网页布局等基本技能
以不同网站主题划分了不同学习小组
准备知识
教材&学情
技能
形式
学情分析
目录
教学目标
重点&难点
教学过程与反思
教材&学情分析
描述网站设计的组成部分
网站设计的必要过程和重要性
知识与技能
确定网站的结构
明确网站的风格和页面布局
设计网站的布局
过程与方法
提高合作的需求和能力
学会欣赏“美”的网站和网页
形成优秀网页的基本评价标准
情感与价值观
本节的主要内容在于学习规范的网站设计和规划知识,然而我认为教学中不能局限于规划本身,更应该扩展出“美学”知识,比如版面设计的技巧和规范、色彩的选择方法等,这样才能形成和提高学生网站整体设计和规划的素养。由此我拟定的三维教学目标如下:
教学目标
目录
教学目标
重点&难点
教学过程与反思
教材&学情分析
重 点
让学生能够知道如何去规划和设计一个站点,进而了解整个网站设计的步骤和思路,
在这个过程中明白一个优秀站点所需的要素和标准,为后期的评价打下技术和美学方面的基础。
难 点
依据上述所列的教学目标和学生具体情况,教学重难点如下:
重点&难点
让学生了解规范的网站规划设计所必要的步骤和要求
养成在制作网页前必须要进行网站规划设计的习惯。
指导学生通过欣赏成功网站,进而确立自己的主题站点的设计和风格。
目录
教学目标
重点&难点
教学过程与反思
教材&学情分析
案例导入
同样是学校的主题网站,但是不同的风格设计,会带来不同的效果。
在本环节中,主要是通过让学生观看不同主题风格,不同设计,但内容相近的网站,引导学生发现好的设计能让网站更有吸引力,能更好地呈现网站设计者的意图。
通过北京大学新版网站与旧版网站的对比,可以看出与时俱进的优秀网站设计,更吸引眼球,可以吸引大家停留更长的时间,也就更好地达到了宣传的目的。右下是我们学校的校园网站,大家觉得怎么样呢?
色彩搭配
色彩模式
色彩含义
色彩感官特性
为什么是色彩搭配?
拓展视野
知识补充
其实本节有众多知识点可以补充,比如版面设计的技巧和规范、色彩的选择方法,字体与页面布局的技巧等。我之所以会选择色彩搭配进行知识点补充,主要基于两个原因:重要而且接地气。
此我将提供一个网址链接,由学生自主学习色彩搭配,并为学生提供一个简易的色彩搭配参考(足球世界杯各国家队队服颜色的搭配)。
任务一:根据老师提供的网页范例,各小组成员讨论该网站的设计风格,色彩搭配,设计特色等信息,完成教材表4-6。
任务二:根据上一个任务的讨论结果,小组成员协商确定本小组网站的设计风格,完成教材表4-7。
任务三:根据网页范例,分析优秀网