苏教版 信息技术八年级 上册 10.2 制作网站课件（共24张ppt)
文档属性
| 名称 | 苏教版 信息技术八年级 上册 10.2 制作网站课件（共24张ppt) |  | |
| 格式 | zip | ||
| 文件大小 | 2.5MB | ||
| 资源类型 | 教案 | ||
| 版本资源 | |||
| 科目 | 信息技术（信息科技） | ||
| 更新时间 | 2019-08-19 14:51:54 | ||
图片预览
文档简介
课件24张PPT。制作网站网站赏析网站欣赏返回中国少年雏鹰网(www.chinakids.net.cn)中国科技网(www. cstnet.net.cn)101远程教育网(www.chinaedu.com)中国教育信息网(www.chedu.com)中国基础教育网（www.cbe21.com)网站初步设计1、网站主题 网站主题是网站向大众和特定人群传达的主要内容和建立网站的意图，一个网站必须有一个明确的主题。主要由网站的题材和标题来决定。（1）网站题材的选取原则
①个人主页的选材定位要小，内容要精
②题材最好是自已喜欢或擅长的内容
③不要太滥或目标太高
（2）网站标题的选取原则
①名称要正：要合情、合法、合理
②名称要易记：最好用中文名称，字数控制在六个字以内
③名称要有特色：能够体现一定的内涵，给浏览者更多的视
觉冲击和空间想象力
2、首页的几个功能模块 首页是网站中的第一张网页，又称主页，是网站传递绘浏览者的第一道信息，是让浏览者在网站上停留的关键环节，是网站成功的关键所在。不同的网站首页不同。（1）网站的徽标和网站名称
徽标一般位于首页左上角，类似于商品的商标，是网站的形象化标志。名称可以给浏览者留下好印象，起宣传作用。
（2）大标题栏
位于首页最上方，内容丰富多样，主要显示网站的主题词、广告等，又称广告条。（3）导航栏（页眉）
主要作用是让浏览者以较明确的方向找到所浏览的内容，也是网站或网页内容的分类展示。导航的位置有四种常见显示位置：在页面的左侧、右侧、顶部和底部。网站初步设计（4）联系方式
主要用于听取浏览者对网站或内容等提出的意见或建议，用来标注网站所属的公司（集团）的名称、地址、网站的版权，电子信箱的超链接等。网站初步设计2、首页的几个功能模块3.网页布局
网页的布局没有统一的标准，可根据个人的需要进行安排，常见几种布局方式如下：
（1）“厂”字型
徽标和广告条在顶部，导航栏在左侧，形成“厂”字型，右面为内容区。（2）“口”字型
网页上下各有一广告条，左边摆放导航栏，右边摆放友情链接、公告，中间为内容区。如：中国科技网的首页（3）“同”字型
顶部为主导航条，左右两侧分别列出二级目录（如：客户登录、注册、广告等）网站初步设计（4）pop布局
以一张图片作为页面设计的布局（如：中国少年雏鹰网的首页）。4.色彩搭配
网页要根据主题和内容及表现方法的需要，依据人对各种颜色的视觉反应，合理搭配主题色和配色，按照色彩的记忆性原则，一般暖色较冷色的记忆性强，同时，色彩具有联想与象征的特质。如：红色显得热烈、有激情（火焰、血、太阳）。绿色显得和睦、宁静、健康、安全。黄色具有快乐、希望、智慧和轻快的个性。
（5）“回”字型
以“同”字型布局为基础，在底部添加了一内容区域（如：广告或链接等）形成一个封闭区域。网站初步设计网站的筹建确定网站主题搜集处理素材规划设计网站一、确定网站主题 网站主题是网站的核心，一个网站必须要有一个主题，网站主题可选择范围广，建议选自己擅长或喜欢的，并且立志做到最好，书中以“大而强富而美的新山东”为网站主题，从山东的地理环境、位置、人文景观各个方面阐述了山东的“大、强、富、美”二、规划设计网站 在制作网页之前要规划网站，根据网站主题的需要，从整体上设计各网页的内容，各网页之间的链接关系以及各网页的版面，画出网站的规划图。书中绘制了走近山东、美丽的山东、亘古的山东的草图，然后自己画出富饶的山东、前进的山东的网页规划图。三、搜集处理素材1.搜集素材
任何一个网站都有一个主题，素材的搜集和处理都围绕主题展开，
只要有丰富的素材，网站的主题才能表现出来。搜集素材主要途径：
（1）因特网、广播电视、报刊杂志等公众媒体
（2）有关书籍、文献资料等
（3）访谈、请教、社会调研等
（4）自己创作，使用数码相机、摄像机、录音机等2.信息处理（1）信息辨别
搜集来的信息资料，要向社会公众发布，必须对搜集的信息进行鉴别，保证信息的正确性。
（2）加工处理
经过加工处理后的素材更符合网站的主题，更好的表现主题。如：使用Word处理文字，使用Photoshop处理图像，使用Flash处理动画，使用超级解霸处理视频，使用录音机处理声音等
（3）合理存储素材
为了管理、查找的需要，搜集处理后的素材要分门别类地存放在不同的文件夹中，主要存放在系统盘C:以外的硬盘分区中。可以使用中文、英文名称，最好用英文选择网页制作工具HTML语言简介
FrontPage基本操作一、HTML语言简介1.用HTML语言书写一个简单网页的方法如下：
打开“记事本”，录入以下内容：
我的主页
信息技术是我们学习的好帮手，我们一定要学好信息技术。
HTML是超文本标记语言的缩写，是描述文档结构 的标记语言，用HTML语言书写的文件称为HTML文件（超文本文件）。可以用记事本、写字板、Word等书写，保存成文件扩展名为Html或Htm的文件，可以用浏览器浏览。
2.查看网页的HTML代码 打开任一网页，如：打开新浪网（www.sina.com.cn)首页，执行“查看/源文件”命令，HTML代码将显示出来。二、FrontPage 基本操作1. FrontPage的启动
（1）双击Windows桌面上FrontPage的快捷方式图标
（2）执行“开始/程序/Microsift FrontPage”命令
2. FrontPage的退出
（1）单击“关闭”按钮
（2）执行“文件/退出”命令
（3）双击“控制菜单”图标
（4）单击“控制菜单”图标，选择“关闭”
（5）使用快捷键“ALT+F４”３.FrontPage 的窗口组成（1）标题栏：位于最顶端，最左边有控制菜单、程序名、文件名，最右边有窗
口控制按钮
（2）菜单栏：标题栏下面，提供了该程度的全部菜单命令，共十个菜单项
（3）工具栏：以图标的形式将常用命令直接表现出来，共九种工具栏
（4）状态栏：主要显示当前操作所处的状态
（5）视图栏：主要有六种视图方式
①“网页”视图：用于创建、编辑和预览网页，同时会出现“网页编辑器”，在它左下角有“普通”、“HTML”和“预览”三种子视图方式，单击可以显示子视图方式。
②“文件夹”视图：用于显示站点中文件的组成方式，从而管理站点中的文件和文件夹
③“报表”视图：用于显示站点中文件和超链接的状态，分析站点并管理内容
④“导航”视图：用于创建、显示、打印和更改网站导航结构，对页面进行添加、删除和移动等
⑤“超链接”视图：用于查看网页之间超链接的状态
⑥“任务”视图：用于创建和管理任务。３.FrontPage 的窗口组成
①个人主页的选材定位要小，内容要精
②题材最好是自已喜欢或擅长的内容
③不要太滥或目标太高
（2）网站标题的选取原则
①名称要正：要合情、合法、合理
②名称要易记：最好用中文名称，字数控制在六个字以内
③名称要有特色：能够体现一定的内涵，给浏览者更多的视
觉冲击和空间想象力
2、首页的几个功能模块 首页是网站中的第一张网页，又称主页，是网站传递绘浏览者的第一道信息，是让浏览者在网站上停留的关键环节，是网站成功的关键所在。不同的网站首页不同。（1）网站的徽标和网站名称
徽标一般位于首页左上角，类似于商品的商标，是网站的形象化标志。名称可以给浏览者留下好印象，起宣传作用。
（2）大标题栏
位于首页最上方，内容丰富多样，主要显示网站的主题词、广告等，又称广告条。（3）导航栏（页眉）
主要作用是让浏览者以较明确的方向找到所浏览的内容，也是网站或网页内容的分类展示。导航的位置有四种常见显示位置：在页面的左侧、右侧、顶部和底部。网站初步设计（4）联系方式
主要用于听取浏览者对网站或内容等提出的意见或建议，用来标注网站所属的公司（集团）的名称、地址、网站的版权，电子信箱的超链接等。网站初步设计2、首页的几个功能模块3.网页布局
网页的布局没有统一的标准，可根据个人的需要进行安排，常见几种布局方式如下：
（1）“厂”字型
徽标和广告条在顶部，导航栏在左侧，形成“厂”字型，右面为内容区。（2）“口”字型
网页上下各有一广告条，左边摆放导航栏，右边摆放友情链接、公告，中间为内容区。如：中国科技网的首页（3）“同”字型
顶部为主导航条，左右两侧分别列出二级目录（如：客户登录、注册、广告等）网站初步设计（4）pop布局
以一张图片作为页面设计的布局（如：中国少年雏鹰网的首页）。4.色彩搭配
网页要根据主题和内容及表现方法的需要，依据人对各种颜色的视觉反应，合理搭配主题色和配色，按照色彩的记忆性原则，一般暖色较冷色的记忆性强，同时，色彩具有联想与象征的特质。如：红色显得热烈、有激情（火焰、血、太阳）。绿色显得和睦、宁静、健康、安全。黄色具有快乐、希望、智慧和轻快的个性。
（5）“回”字型
以“同”字型布局为基础，在底部添加了一内容区域（如：广告或链接等）形成一个封闭区域。网站初步设计网站的筹建确定网站主题搜集处理素材规划设计网站一、确定网站主题 网站主题是网站的核心，一个网站必须要有一个主题，网站主题可选择范围广，建议选自己擅长或喜欢的，并且立志做到最好，书中以“大而强富而美的新山东”为网站主题，从山东的地理环境、位置、人文景观各个方面阐述了山东的“大、强、富、美”二、规划设计网站 在制作网页之前要规划网站，根据网站主题的需要，从整体上设计各网页的内容，各网页之间的链接关系以及各网页的版面，画出网站的规划图。书中绘制了走近山东、美丽的山东、亘古的山东的草图，然后自己画出富饶的山东、前进的山东的网页规划图。三、搜集处理素材1.搜集素材
任何一个网站都有一个主题，素材的搜集和处理都围绕主题展开，
只要有丰富的素材，网站的主题才能表现出来。搜集素材主要途径：
（1）因特网、广播电视、报刊杂志等公众媒体
（2）有关书籍、文献资料等
（3）访谈、请教、社会调研等
（4）自己创作，使用数码相机、摄像机、录音机等2.信息处理（1）信息辨别
搜集来的信息资料，要向社会公众发布，必须对搜集的信息进行鉴别，保证信息的正确性。
（2）加工处理
经过加工处理后的素材更符合网站的主题，更好的表现主题。如：使用Word处理文字，使用Photoshop处理图像，使用Flash处理动画，使用超级解霸处理视频，使用录音机处理声音等
（3）合理存储素材
为了管理、查找的需要，搜集处理后的素材要分门别类地存放在不同的文件夹中，主要存放在系统盘C:以外的硬盘分区中。可以使用中文、英文名称，最好用英文选择网页制作工具HTML语言简介
FrontPage基本操作一、HTML语言简介1.用HTML语言书写一个简单网页的方法如下：
打开“记事本”，录入以下内容：
信息技术是我们学习的好帮手，我们一定要学好信息技术。
HTML是超文本标记语言的缩写，是描述文档结构 的标记语言，用HTML语言书写的文件称为HTML文件（超文本文件）。可以用记事本、写字板、Word等书写，保存成文件扩展名为Html或Htm的文件，可以用浏览器浏览。
2.查看网页的HTML代码 打开任一网页，如：打开新浪网（www.sina.com.cn)首页，执行“查看/源文件”命令，HTML代码将显示出来。二、FrontPage 基本操作1. FrontPage的启动
（1）双击Windows桌面上FrontPage的快捷方式图标
（2）执行“开始/程序/Microsift FrontPage”命令
2. FrontPage的退出
（1）单击“关闭”按钮
（2）执行“文件/退出”命令
（3）双击“控制菜单”图标
（4）单击“控制菜单”图标，选择“关闭”
（5）使用快捷键“ALT+F４”３.FrontPage 的窗口组成（1）标题栏：位于最顶端，最左边有控制菜单、程序名、文件名，最右边有窗
口控制按钮
（2）菜单栏：标题栏下面，提供了该程度的全部菜单命令，共十个菜单项
（3）工具栏：以图标的形式将常用命令直接表现出来，共九种工具栏
（4）状态栏：主要显示当前操作所处的状态
（5）视图栏：主要有六种视图方式
①“网页”视图：用于创建、编辑和预览网页，同时会出现“网页编辑器”，在它左下角有“普通”、“HTML”和“预览”三种子视图方式，单击可以显示子视图方式。
②“文件夹”视图：用于显示站点中文件的组成方式，从而管理站点中的文件和文件夹
③“报表”视图：用于显示站点中文件和超链接的状态，分析站点并管理内容
④“导航”视图：用于创建、显示、打印和更改网站导航结构，对页面进行添加、删除和移动等
⑤“超链接”视图：用于查看网页之间超链接的状态
⑥“任务”视图：用于创建和管理任务。３.FrontPage 的窗口组成
同课章节目录