当前位置:首页 >> 其它课程 >>

网站的设计课件(高中信息技术精品)


网站设计 请同学们登录ITTOLS教学平台 学习新知 一、网站的设计 请带着下面的问题 欣赏对比两个网站: 1.哪个网站的各个子页面风格统一? 2.浏览哪个网站时,你可以清楚的知道自己当 前浏览位置所在网站的哪个版块里? 网站A 网站B 学习新知 二、网站的结构设计 1.登录ITTOOLS教学平台,自主学习”网站的结构设计”内容, 结构设计 下载“练习文件”,分小组

完成《课堂任务一.xls》文档并提交 任务要求: 版面设计 (1)填写小组成员信息 (2)围绕主题讨论出本小组网站名称、设计出网站结构图,并 写出一级栏目(3个)和二级栏目(1--2个)和内容描述,若想增 交互设计 加也可。 (3)一个小组提交一份作品,由小组长记录填写并提交文档。 学习新知 二、网站的结构设计 结构设计 设计栏目时应注意几点: 1.尽可能方便访问者浏览和查询。 2.栏目分类要清楚,紧扣主题。 版面设计 3.栏目可以有多级,如一级、二级、三级、四级、五 级……栏目,但最好不要超过三级栏目。 4.栏目里的文字要简明扼要,清晰易懂 交互设计 学习新知 三、网站的版面设计——风格设计 结构设计 版面设计 风格设计 交互设计 蓝色:宁静、舒适 可以设计出沉稳风格的网页 学习新知 三、网站的版面设计——风格设计 结构设计 版面设计 风格设计 交互设计 绿色:宁静、舒适 可以设计出清新风格的网页 学习新知 三、网站的版面设计——风格设计 结构设计 版面设计 风格设计 交互设计 黄色:阳光、快乐 可以设计出活力风格的网页 学习新知 三、网站的版面设计——风格设计 结构设计 版面设计 风格设计 交互设计 红色:温暖、甜蜜 可以设计出喜庆风格的网页 学习新知 三、网站的版面设计——风格设计 结构设计 版面设计 风格设计 交互设计 紫色:神秘、梦幻 可以设计出浪漫风格的网页 学习新知 四、网站的版面设计——布局设计 结构设计 玩一玩拼图游戏: 任务要求: (1)下载“练习文件”并解压,打开puzzle.swf文件,拖 动相应的元件布局一个你喜欢的网站页面。 (2)将最终效果图截图保存到《课堂任务二.doc》文档。 (3)截图时按一次键盘上的printscreen键,然后打开 交互设计 word文档,在文档空白处右击鼠标,选择“粘贴”即可。 版面设计 布局设计 学习新知 四、网站的版面设计——布局设计 Logo 动画 结构设计 导航栏 图片 表单 版面设计 布局设计 文字 交互设计 特效 版权信息 学习新知 四、网站的版面设计——布局设计 结构设计 版面设计 布局设计 交互设计 国字型布局实例 学习新知 四、网站的版面设计——布局设计 结构设计 版面设计 布局设计 交互设计 T字型布局实例 学习新知 四、网站的版面设计——布局设计 结构设计 标题正文型布局的 简化示意图 版面设计 布局设计 交互设计 标题正文型布局例子 学习新知 四、网站的版面设计——布局设计 结构设计 版面设计 布局设计 交互设计 左右框架型布局实例

相关文章:
高中信息技术网站设计与制作教学设计
高中信息技术网站设计与制作教学设计_其它课程_高中教育_教育专区。高中信息技术网站...制作教学课件。 1、自制 PowerPoint 演示课件 2、多媒体电子网络教室(教师机、...
动态网站初探教学案例设计(高中信息技术精品)
动态网站初探教学案例设计(高中信息技术精品)_其它课程_高中教育_教育专区。动态...合作学习,实践探究 1 教学手段: 利用多媒体课件引导学生探究;以生活中常见案例...
高一信息技术选修《网站设计》教案
高一信息技术选修《网站设计教案_理学_高等教育_教育专区。四川省简阳市三星中学 公开课 《网站设计教案简阳市三星中学 吴小平 【教学目标】 教学目标】 一、知...
《剖析数据库》教学案例设计(高中信息技术精品)
《剖析数据库》教学案例设计(高中信息技术精品)_其它课程_高中教育_教育专区。小...六、 教学资源 多媒体网络教室,教学网站,教学视频,PPT 课件、各类实物卡 七、...
位 图教学设计(高中信息技术精品)
位 图教学设计(高中信息技术精品)_其它课程_高中...情境创设 ■课前准备 学习课件、广播软件 ■教学...©2016 Baidu 使用百度前必读 | 文库协议 | 网站...
教科版-信息及其特征教学设计(高中信息技术精品)
教科版-信息及其特征教学设计(高中信息技术精品)_其它课程_高中教育_教育专区。[键入文档标题] 《信息及其特征》教案 课题:信息及其特征 一、 课标分析 描述信息的...
信息及其特征教学设计(高中信息技术精品)
信息及其特征教学设计(高中信息技术精品)_其它课程_高中教育_教育专区。信息及其...五、教学资源 主题教学网站,阅读材料,课堂练习,PPT 演示课件等。 1/7 六、...
《规划与设计网站》教学设计(初中信息技术精品)
《规划与设计网站》教学设计(初中信息技术精品)_其它课程_初中教育_教育专区。《规划与设计网站教案 我的网站,我做主! —《规划与设计网站教案 一、教学背景...
信息及其特征教学设计(高中信息技术精品)
信息及其特征教学设计(高中信息技术精品)_其它课程_...教师出示多媒体课件(相关图片) :由 30 名特种兵组成...©2016 Baidu 使用百度前必读 | 文库协议 | 网站...
更多相关标签:
高中信息技术课件 | 高中信息技术课件 ppt | 高中通用技术课件 | 高中信息技术基础课件 | 高中信息技术课件下载 | 高中网络技术应用课件 | 高中劳动技术课件 | 高中信息技术word课件 |