课件编号8516215

教科版高中信息技术选修3 -4.2 网站设计 课件(共27张PPT)

日期:2024-05-06 科目:信息技术 类型:高中课件 查看:25次 大小:1091751Byte 来源:二一课件通
预览图 1/9
教科,高中,信息技术,选修,-4.2,网站设计
  • cover
双击打开桌面上“《网站设计》课堂同步练习.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) 树立网站整体风格的第二 ... ...

~~ 您好,已阅读到文档的结尾了 ~~