初中信息技术桂科版八年级下册任务一 规划网站备课课件ppt
展开构成一个网站的基本元素是各种各样的文件以及存放这些文件的文件夹。
网页文件,用来描述资结构、位置,引导浏览者访问该网站,通常以“.htm”或者“.html”为扩展名。
网页文件所连接到的图像、音频与视频等资源文件
Web数据库和程序文件
网页(Page) 网页是用HTML语言写成的文件,它存放在某一台计算机中,而这台计算机必须是与因特网相连。主页(Hme Page) 主页是通常用来表示访问某个网站时出现的第一个页面,用来对整个网站进行概括性的介绍,描述其他各个页面的内容的。
网站的结构 网站是由网页组成的,网站是网页的集合体,网页是网站的元素。网站的结构主要有三种类型:
HTML HTML语言是万维网上的通用语言。
HTML——超文本标记语言,是WWW的描述语言,万维网上的通用语言,以开始以结束。
为了使网页制作得更加精美,还需要一些辅助工具:图像处理工具:Phtshp、Firewrks动画处理工具:Flash视频处理工具:VidePack
网页制作工具:FrntPage、 Dreamweaver
同一个网站的文件及文件夹需放在同一个文件夹中。
网站栏目安排要注意以下几个方面:(1)要紧扣主题,尽可能删除与主题无关的栏目。(2)尽可能将网站最有吸引力的内容列在栏目上。(3)尽可能方便访问者的浏览和查询。
主题:灯 栏目:灯的发展 灯的文化 灯的延伸 我的创意主题:藏路漫漫 栏目:走进西藏 神话西藏 吃在西藏 感知西藏 畅览西藏 我与西藏主题:茶语 栏目:茶缘茶情 茶史飘香 茶乡茶俗 名茶荟萃 名人与茶 茶道茶艺主题:星空天文网 栏目:太阳王国 深空奥秘 人与宇宙 空间探索 下载区 天文论坛主题:一起玩吧 栏目:新网游 单机站 游戏视频 游戏下载 玩家照片 火爆论坛
“为了绿色”网站 栏目设置
版面结构是指一种能够让浏览者清楚、容易地理解作品传达的信息的东西,也就是将不同元素巧妙排列的方式。布局就是以最适合浏览的方式将图片和文字排放在页面的不同位置。设计版面时要把文字、图片、空白当作一个整体来看,采用平面分割方式,调动全部面积来构建整个版面。
表格的最大作用就是帮助网页元素定位、合理安排对象的位置。所以,表格是控制网页布局的一个重要工具。操作步骤1、在网页中加入表格。2、调整表格结构。3、设置表格属性。4、表格的嵌套。
几种常见的页面布局样式:
主菜单以及横条网站标志+广告条
自由式,又称POP布局
页面布局像一张宣传海报,以一张精美图片作为页面的设计中心,菜单栏目自由摆放。
网页版面布局可按创意草案、粗略布局、最后定案 三个步骤来进行。
第一步:设计、制作一个网站标志(lg)标志可以是中文、英文字母,可以是符号、图案,可以是动物或者人物等。标志的设计创意来自你网站的名称和内容。设计标志有以下几种方法: 1、选择与网站主题有关的,并具有代表性的人或者物,用它们作为设计的蓝本,加以卡通化和艺术化。例: 2、对于专业性的网站,可以以本专业有代表的物品作为标志。例: 3、最常用和最简单的方式是用自己网站的中文或者英文名称作为标志。采用不同的字体、字母的变形与组合,可以很容易制作出自己的标志。
第二步:设计网站的标准颜色网站的标志、标题、主菜单和主色块文字的链接色彩尽量使用标准色彩;图片的主色彩、背景色、边框等尽量使用标准色彩同色系的色彩。一个网站的标准色彩不超过3种。色彩总的应用原则应该是“总体协调,局部对比”。
蓝色调为主,加上白色和红色,强调权威与真实
橙色为主,白色为辅,具有轻快,时尚的效果
绿色为主,白色为辅,产生舒适、优雅、适于阅读的气氛
红色为主,产生热情、活力的感觉,充满欢乐的气氛
第三步:设计网站的标准字体。标准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的字体是宋体。使用一些比较特别的字体时,最好使用图片的形式。
苏科版八年级全册1 确定主题并规划网站图片ppt课件: 这是一份苏科版八年级全册1 确定主题并规划网站图片ppt课件,共7页。PPT课件主要包含了基本概念,文件夹存放文件,构成网站的基本元素,网站的结构,主要有三种类型,树状结构,线性结构,一些重要概念,设计网站的一般过程,规划网站等内容,欢迎下载使用。
初中信息技术桂科版八年级下册主题二 网页制作任务一 制作网站首页评课课件ppt: 这是一份初中信息技术桂科版八年级下册主题二 网页制作任务一 制作网站首页评课课件ppt,共10页。PPT课件主要包含了学习内容,建立站点,1建立站点操作,2完成站点的建立,制作首页,设置网页属性等内容,欢迎下载使用。
八年级下册主题六 神奇的Scratch“积木”任务一 Scratch体验之旅教案配套课件ppt: 这是一份八年级下册主题六 神奇的Scratch“积木”任务一 Scratch体验之旅教案配套课件ppt,共10页。PPT课件主要包含了小猫走起来,切换造型,按限定的速度,一直行走,旋转模式,让小猫左右翻转等内容,欢迎下载使用。