西交大版（2014）八年级信息技术上册 1.2网站规划课件（26张PPT）
文档属性
| 名称 | 西交大版（2014）八年级信息技术上册 1.2网站规划课件（26张PPT） |  | |
| 格式 | pptx | ||
| 文件大小 | 7.0MB | ||
| 资源类型 | 教案 | ||
| 版本资源 | 通用版 | ||
| 科目 | 信息技术（信息科技） | ||
| 更新时间 | 2022-03-17 10:34:33 | ||
图片预览
文档简介
(共26张PPT)
网站规划
高新一中主面
学校
陕西省教育厅
政府
华为
公司
乐奇艺
娱乐
网站
欣赏
高新一中初中部主页
陕西省教科院
李宁
小游戏
制作网站，
大概分为几个步骤？
请回答
Answer
01
什么是网站规划？
网站规划有什么作用？
02
开发网站流程
市场调查
网站规模
网站主题
目标群体
“国”字形布局
“厂”字形布局
框架型布局
封面型布局
标题正文型布局
具有互动性
使用原创插图
使用动画
整合产品照片
使用独特的字体
让您的内容出彩
让访问者想了解更多内容
包括网站的配色、字体、页面布局、页面内容、交互性、海报、宣传语等因素。
使用Dreamweaver、Frontpage、等开发工具，进行网页制作
先申请域名，开通网站空间，然后上传网站
版式
类型
风格
定位
发布
网站
需求
分析
制作
网站
页面
创意
网站规划
02
03
01
05
06
04
建设网站前的市场分析
网站技术解决方案
建设网站目的及功能定位
网站内容规划
网站维护
网页设计
网站规划
是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。网站规划对网站建设起到计划和指导的作用，对网站的内容和维护起到定位作用。
网站
欣赏
网站的名称是什么？网站的主题是什么？用到了哪些素材？
请回答
Answer
01
网站的层次结构？
设置了哪些栏目？
02
网站主题和名称
01
主题要小而精。
定位要小，内容要精。
网络最大特点就是信息更新的速度快，一成不变的网站是没有吸引力的，热门网站都是天天更新的。新的调查结果显示，网络上的“主题站”比“万全站”更受人们喜爱。
02
题材最好是自己擅长或者喜爱的内容
兴趣是制作网站的大动力，没有热情，很难设计制作出好的网站作品，而且熟悉的内容往往有很多资料积累，这对于网站制作素材搜集是很有利的。
03
题材不要太滥
或者目标不要太高。
“太滥”是指到处可见，人人都有的题材;如软件下载，免费信息。“目标太高”是指在这一题材上已经有非常出色，知名度很高的站点，要超过它是很困难的。
04
站名要正、要易记、要有特色
站名平实就可以接受，如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象，则为上品，在体现出网站主题的同时，能点出特色之处。
层次结构和栏目
回顾一下我们前面制作过的电子小报，分析这个网站采用什么样的版面布局，中间主体部分又是什么样的结构？
03
除了版面、栏目等，每个网站都有自己的风格，而体现网站风格最重要的是什么？
04
版面设计
01
“国”字型
也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。
02
拐角型
这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。
03
封面型
这种类型基本上是出一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。
04
“T”结构布局
所谓“T”结构布局，就是指网页上边和左边相结合，页面顶部为横条网站标志和广告条，左下方为主菜单，右面显示内容，这是网页设计中用得最广泛的一种布局方式。
网页色彩的搭配
http://www..cn/
风格设计-色彩的搭配-红色：激情、冲动、活力
http://www./Pages/Default.aspx
风格设计-色彩的搭配-绿色：象征和平、宁静和安逸的感觉
象征光明，代表着甜蜜http://www.europe./brand_sites/speedster/uk/en/home/index.html
风格设计-色彩的搭配-橙色：轻快、温馨、时尚
http://barbie./)
风格设计-色彩的搭配-紫色：时尚优雅
风格设计-色彩的搭配-黄色：快乐、希望、智慧
http://www.donga-otsuka.co.kr/
风格设计-色彩的搭配-蓝色：凉爽、清新、专业、浪漫
http://www./download9/Demo/108105/
风格设计-色彩的搭配-白色：明快、纯真、清洁
http://www./xfiles8//html/collectors.html
风格设计-色彩的搭配-黑色：深沉、神秘、寂静、悲哀、压抑
http://www./countryselector/change_country.asp
风格设计-色彩的搭配-灰色：中庸、平凡、温和、高雅
规划与设计网站
栏目设置
风格设计
选主题
版面设计
清晰、醒目，简洁明快。
色彩搭配，协调统一
定名称：小而精；上口、悦耳、易记。
美观新颖、突出主题、快捷方便
规划与设计网站
选主题
栏目
设置
版面设计
风格设计
同学们以六人为一组规划本组的主题网站。选择主题，规划主页的版面布局，根据主题设置栏目，为自己的网站规划风格，且填写好《网站建设规划设计表》。
请练习
Exercise
网站名称 网站布局 （草图） 网站风格 栏目名称 子栏目名称 功能要求说明（页面包括内容）
网站建设规划设计表
围绕主题、栏目设置是否合理，内容是否充实？版面布局是否合理、美观，有特色？
作品展示
Result
评价要点：
每人设计一张自己的网站规划表。题材最好是自己擅长或喜爱的内容。
课后作业
Homework
课后作业：
感谢您的聆听和观看
网站规划
高新一中主面
学校
陕西省教育厅
政府
华为
公司
乐奇艺
娱乐
网站
欣赏
高新一中初中部主页
陕西省教科院
李宁
小游戏
制作网站，
大概分为几个步骤？
请回答
Answer
01
什么是网站规划？
网站规划有什么作用？
02
开发网站流程
市场调查
网站规模
网站主题
目标群体
“国”字形布局
“厂”字形布局
框架型布局
封面型布局
标题正文型布局
具有互动性
使用原创插图
使用动画
整合产品照片
使用独特的字体
让您的内容出彩
让访问者想了解更多内容
包括网站的配色、字体、页面布局、页面内容、交互性、海报、宣传语等因素。
使用Dreamweaver、Frontpage、等开发工具，进行网页制作
先申请域名，开通网站空间，然后上传网站
版式
类型
风格
定位
发布
网站
需求
分析
制作
网站
页面
创意
网站规划
02
03
01
05
06
04
建设网站前的市场分析
网站技术解决方案
建设网站目的及功能定位
网站内容规划
网站维护
网页设计
网站规划
是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。网站规划对网站建设起到计划和指导的作用，对网站的内容和维护起到定位作用。
网站
欣赏
网站的名称是什么？网站的主题是什么？用到了哪些素材？
请回答
Answer
01
网站的层次结构？
设置了哪些栏目？
02
网站主题和名称
01
主题要小而精。
定位要小，内容要精。
网络最大特点就是信息更新的速度快，一成不变的网站是没有吸引力的，热门网站都是天天更新的。新的调查结果显示，网络上的“主题站”比“万全站”更受人们喜爱。
02
题材最好是自己擅长或者喜爱的内容
兴趣是制作网站的大动力，没有热情，很难设计制作出好的网站作品，而且熟悉的内容往往有很多资料积累，这对于网站制作素材搜集是很有利的。
03
题材不要太滥
或者目标不要太高。
“太滥”是指到处可见，人人都有的题材;如软件下载，免费信息。“目标太高”是指在这一题材上已经有非常出色，知名度很高的站点，要超过它是很困难的。
04
站名要正、要易记、要有特色
站名平实就可以接受，如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象，则为上品，在体现出网站主题的同时，能点出特色之处。
层次结构和栏目
回顾一下我们前面制作过的电子小报，分析这个网站采用什么样的版面布局，中间主体部分又是什么样的结构？
03
除了版面、栏目等，每个网站都有自己的风格，而体现网站风格最重要的是什么？
04
版面设计
01
“国”字型
也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。
02
拐角型
这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。
03
封面型
这种类型基本上是出一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。
04
“T”结构布局
所谓“T”结构布局，就是指网页上边和左边相结合，页面顶部为横条网站标志和广告条，左下方为主菜单，右面显示内容，这是网页设计中用得最广泛的一种布局方式。
网页色彩的搭配
http://www..cn/
风格设计-色彩的搭配-红色：激情、冲动、活力
http://www./Pages/Default.aspx
风格设计-色彩的搭配-绿色：象征和平、宁静和安逸的感觉
象征光明，代表着甜蜜http://www.europe./brand_sites/speedster/uk/en/home/index.html
风格设计-色彩的搭配-橙色：轻快、温馨、时尚
http://barbie./)
风格设计-色彩的搭配-紫色：时尚优雅
风格设计-色彩的搭配-黄色：快乐、希望、智慧
http://www.donga-otsuka.co.kr/
风格设计-色彩的搭配-蓝色：凉爽、清新、专业、浪漫
http://www./download9/Demo/108105/
风格设计-色彩的搭配-白色：明快、纯真、清洁
http://www./xfiles8//html/collectors.html
风格设计-色彩的搭配-黑色：深沉、神秘、寂静、悲哀、压抑
http://www./countryselector/change_country.asp
风格设计-色彩的搭配-灰色：中庸、平凡、温和、高雅
规划与设计网站
栏目设置
风格设计
选主题
版面设计
清晰、醒目，简洁明快。
色彩搭配，协调统一
定名称：小而精；上口、悦耳、易记。
美观新颖、突出主题、快捷方便
规划与设计网站
选主题
栏目
设置
版面设计
风格设计
同学们以六人为一组规划本组的主题网站。选择主题，规划主页的版面布局，根据主题设置栏目，为自己的网站规划风格，且填写好《网站建设规划设计表》。
请练习
Exercise
网站名称 网站布局 （草图） 网站风格 栏目名称 子栏目名称 功能要求说明（页面包括内容）
网站建设规划设计表
围绕主题、栏目设置是否合理，内容是否充实？版面布局是否合理、美观，有特色？
作品展示
Result
评价要点：
每人设计一张自己的网站规划表。题材最好是自己擅长或喜爱的内容。
课后作业
Homework
课后作业：
感谢您的聆听和观看
同课章节目录