《最新2级信息技术上册第12课规划与设计网站课件新人教版新人教级上册信息技术课件》由会员分享，可在线阅读，更多相关《最新2级信息技术上册第12课规划与设计网站课件新人教版新人教级上册信息技术课件（31页珍藏版）》请在金锄头文库上搜索。
1、网站规划信息技术组2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件基本概念问题：什么是网站？网站就是网页和网页上所用到的各种素材的集合体。2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件 构成一个网站的基本元素是各种各样的文件以及存放这些文件的文件夹。网页文件，用来描述资结构、位置，引导浏览者访问该网站，通常以“.htm”或者“.html”为扩展名。网页文件所连接到的图像、音频与视频等资源文件Web数据库和程序文件2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件基本概念网页（Page） 网页是
2、用HTML语言写成的文件，它存放在某一台计算机中，而这台计算机必须是与因特网相连。主页（Home Page） 主页是通常用来表示访问某个网站时出现的第一个页面，用来对整个网站进行概括性的介绍，描述其他各个页面的内容的。2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件基本概念网站的结构 网站是由网页组成的，网站是网页的集合体，网页是网站的元素。网站的结构主要有三种类型：树状结构树状结构线性结构线性结构网状结构网状结构2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件选择网页制作工具HTML HTML语言是万维网上的通用语言。2级信
3、息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件 HTML超文本标记语言，是WWW的描述语言，万维网上的通用语言，以开始以结束。2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件选择网页制作工具为了使网页制作得更加精美，还需要一些辅助工具：图像处理工具：Photshop、Fireworks动画处理工具：Flash视频处理工具：VideoPack网页制作工具：FrontPage、 Dreamweaver2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件建立站点文件夹站点文件夹站点文件夹同一个网站的文件及文
4、件夹需放在同一个文件夹中。同一个网站的文件及文件夹需放在同一个文件夹中。2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件网站的文件及文件夹站点地址站点地址首页文件首页文件图片文件夹图片文件夹首页：index.htm或default.htm图片文件夹：images一般文件名不要使用汉字2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件网站设计2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件栏目设置网站栏目安排要注意以下几个方面：（1）要紧扣主题，尽可能删除与主题无关的栏目。（2）尽可能将网站最有吸
5、引力的内容列在栏目上。（3）尽可能方便访问者的浏览和查询。2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件栏目设置例子主题主题: :灯灯栏目栏目: :灯的发展灯的发展 灯的文化灯的文化 灯的延伸灯的延伸 我的创意我的创意主题主题: :藏路漫漫藏路漫漫栏目栏目: :走进西藏走进西藏 神话西藏神话西藏 吃在西藏吃在西藏 感知西藏感知西藏 畅览西藏畅览西藏 我与西藏我与西藏主题主题: :茶语茶语栏目栏目: :茶缘茶情茶缘茶情 茶史飘香茶史飘香 茶乡茶俗茶乡茶俗 名茶荟萃名茶荟萃 名人与茶名人与茶 茶道茶艺茶道茶艺主题主题: :星空天文网星空天文网栏目栏目: :太阳王
6、国太阳王国 深空奥秘深空奥秘 人与宇宙人与宇宙 空间探索空间探索 下载区下载区 天文论坛天文论坛主题主题: :一起玩吧一起玩吧栏目栏目: :新网游新网游 单机站单机站 游戏视频游戏视频 游戏下载游戏下载 玩家照片玩家照片 火爆论坛火爆论坛2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件实例分析u 错误示范：服饰文化错误示范：服饰文化u 正确示范：宝岛台湾正确示范：宝岛台湾2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件“为了绿色”网站 栏目设置名称名称栏目栏目描述描述为了绿色为了绿色绿色焦点绿色焦点绿色不停地被破坏，为了绿色，
7、我们痛绿色不停地被破坏，为了绿色，我们痛斥那些破坏绿色的行为斥那些破坏绿色的行为绿色活动绿色活动那些保护绿色的行动永远值得我们骄傲那些保护绿色的行动永远值得我们骄傲绿色人物绿色人物那些保护绿色的人物永远值得我们学习那些保护绿色的人物永远值得我们学习绿色历史绿色历史看看我们为保护绿色曾经做过什么看看我们为保护绿色曾经做过什么绿色留言绿色留言请留言，留下您最想说的，留下您的绿请留言，留下您最想说的，留下您的绿色色绿色信箱绿色信箱联系联系“为了绿色为了绿色”就用绿色信箱吧就用绿色信箱吧2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件栏目设置栏目名称子栏目名称内容描述
8、机器人博览成长历史回顾机器人的发展历史，关注机器人的未来发展趋势动态关注机器人概述各家定义介绍对机器人的各种定义，展示目前机器人的几大种类分门别类机器人文化人机互动展现人类关于机器人的种种联想，机器人与人类的共同发展浮想联翩机器人比赛群雄逐鹿介绍近年来的机器人制作赛事和机器人制作的成功案例设计制作站点内服务网站地图方便访问者的浏览，给浏览者留出发表自己意见的空间版权申请论坛留言板2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件版面设计版面结构是指一种能够让浏览者清楚、容易地理解作品传达的信息的东西，也就是将不同元素巧妙排列的方式。布局就是以最适合浏览的方式将图
9、片和文字排放在页面的不同位置。设计版面时要把文字、图片、空白当作一个整体来看，采用平面分割方式，调动全部面积来构建整个版面。2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件利用表格定位网页表格的最大作用就是帮助网页元素定位、表格的最大作用就是帮助网页元素定位、合理安排对象的位置。所以，表格是控制合理安排对象的位置。所以，表格是控制网页布局的一个重要工具。网页布局的一个重要工具。操作步骤操作步骤1 1、在网页中加入表格。、在网页中加入表格。2 2、调整表格结构。、调整表格结构。3 3、设置表格属性。、设置表格属性。4 4、表格的嵌套。、表格的嵌套。2级信息技术上
10、册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件几种常见的页面布局样式：“厂”字型主菜单以及横条网站标志主菜单以及横条网站标志+广告条广告条主主菜菜单单显显示内容示内容2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件几种常见的页面布局样式：“口”字型主菜单广告条主要内容友情链接等2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件几种常见的页面布局样式：自由式，又称POP布局页面布局像一张宣传海报，以一张精美图片作为页面的设计中心，菜单栏目自由摆放。2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人
11、教级上册信息技术课件版面设计标题栏子栏目名称主要内容内容提示附加信息 网页版面布局可按创意草案、粗略布局、最后定案 三个步骤来进行。2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件建立网站整体风格第一步：设计、制作一个网站标志(logo)标志可以是中文、英文字母，可以是符号、图案，可以是动物或者人物等。标志的设计创意来自你网站的名称和内容。设计标志有以下几种方法： 1、选择与网站主题有关的，并具有代表性的人或者物，用它们作为设计的蓝本，加以卡通化和艺术化。例： 2、对于专业性的网站，可以以本专业有代表的物品作为标志。例: 3、最常用和最简单的方式是用自己网站的
12、中文或者英文名称作为标志。采用不同的字体、字母的变形与组合，可以很容易制作出自己的标志。2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件LOGO欣赏2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件建立网站整体风格第二步：设计网站的标准颜色网站的标志、标题、主菜单和主色块文字的链接色彩尽量使用标准色彩；图片的主色彩、背景色、边框等尽量使用标准色彩同色系的色彩。一个网站的标准色彩不超过3种。色彩总的应用原则应该是“总体协调，局部对比”。2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件网站色彩的使用
13、蓝色调为主，加上白色和红色，强调权威与真实2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件网站色彩的使用橙色为主，白色为辅，具有轻快，时尚的效果2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件网站色彩的使用绿色为主，白色为辅，产生舒适、优雅、适于阅读的气氛2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件网站色彩的使用红色为主，产生热情、活力的感觉，充满欢乐的气氛2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件建立网站整体风格第三步：设计网站的标准字体。标准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的字体是宋体。使用一些比较特别的字体时，最好使用图片的形式。2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件收集素材收集素材注意事项：要注意对收集来的素材分类；文件名要易懂易记，便于调用；注意保护知识产权，避免侵犯别人的版权。2级信息技术上册 第12课 规划与设计网站课件 新人教版-新人教级上册信息技术课件
