高中信息技术第三册第一单元第二章创建图文并茂的网页.ppt

1、,一、学习目标,二、学习内容,三、课后作业,四、思维延伸,创建图文并茂的网页,一、学习目标,通过本节的学习，同学们应该掌握如何用frontpage构件网页的框架并往里面填充内容，学会对网页进行修饰，我希望同学们学过之后能做出自己有特色的个人网页。,网站就是在互联网上一块固定的面向全世界发布消息的地方。它由域名（也就是网站地址）和网站空间构成。 网站是由一个个网页组成的。,二、学习内容,引言,1、HTML的概念,在网上所看到的网页都是用超文本标记语言（Hyper Text Markup Language，简称HTML）编写，熟悉HTML的人可以直接使用文字编辑软机如记事本进行网页制作，这就需要记

2、住许多HTML的标识符才行，现在，有一些专用的软件，称为HTML编辑器，可以很方便地编写网页。, 标题部分 内容部分 ,（1）常见的网页编辑工具,网页制作的编程语言与编辑工具： Note记事本： FrontPage: Dreamweaver 4.0: Fireworks 4.02简体版: Flash 5.0简体版:,下面我们就以frontpage为编辑工具来讲解如何制作网页,2、 FrontPage2000 应用,FrontPage2000 建站欣赏,（1）FrontPage2000的界面,3、frontpage的基本操作,（1）新建站点 （2）新建网页,（1）新建站点,站点概念,单击“文件”

3、菜单，指向“新建”子菜单，单击“站点”，打开“新建”对话框，在“指定新站点的位置”输入新站点的路径。一般情况下，可以双击“只有一个网页的站点”图标，将建立只有一个空白主页的站点。,使用菜单“文件”“新建”，在右侧选择“网页模板”。,（2）新建网页,（3 ）网站视图,网页视图是FRONTPAGE 最常用的视图，网页的创建、编辑、预览等都在该视图中进行。,文件夹视图下，站点显示为一组文件和文件夹，可在此视图中创建、移动和删除文件或文件夹。,报表视图可以方便的了解当前站点的文件内容、更新链接情况、组件错误，所有文件列表及变化情况。,导航视图可以方便地观察站点的链接结构，以层状组织结构图得形式显示。,

4、超链接视图将当前站点显示为链接文件的一个网络，它就象一张地图，表明站点中的超级链接,任务视图主要用来创建和管理任务，列出了当前站点尚未完成的任务。,（4）建立网站结构,操作步骤： 1、切换到“导航”视图，在右面的”主页“的图标上打开快捷菜单，选择”重命名“，将名字改为”我的个人网站“ 2、切换到“导航”视图，选中“我的个人网站” 3、单击“文件”菜单，选“新建”项，再单击“网页”命令。 4、将上面的步骤再执行3次，这样“我的个人网站”下面新建了4个网页，并且连线将其连接起来，表明网页间的关系 5、将新建页面的标题改成个人主页的栏目名称。 6、接下去可以继续新建各个子页面，或者需要的时候随时建立

5、。,4、 制作网页,1设置网页主题 2. 文本编辑 3在网页中插入特殊的对象 4图形处理,（1）设置网页主题,主题是一组可应用在网页上的设计元素和颜色方案，主题赋予网页一致和引人注目的外观。使用主题是快速容易地加入精采的网页内容和赋予网页专业外观的方法。 (1)FrontPage 的某些特性只有在使用主题时才可用。 (2)主题以统一的方式管理网页外观。 (3)可以更改和自定义主题。,主题要小而精，即定位要小、要准、要精当。 题材不要太俗，目标不要太高 网页的名称要体现主题。,小贴士,（2）网页的文本编辑,文本录入 文字颜色 字体属性 段落设置,（3）在网页中插入特殊的对象,添加网页横幅。 在网

6、页中添加日期。 在网页中添加水平线。,在编写网页的时候，经常在网页的末尾加上最后一次编辑本页的时间，便于浏览者了解网页内容的新旧程度,操作步骤： 1、在主页底端“版权所有”后面加上“最后更新：”几个字 2、单击“插入”菜单中“日期和时间”命令，出现“日期时间属性“对话框 3、选择希望使用的日期和时间格式后，单击”确定“返回。 编辑窗口中的”最后更新：“出现了日期，以后每次浏览网页时会自动显示上一次主页编辑的日期。,（4） FrontPage插入图片,Web使用的图片: GIF图片：文件短小，并有动画，256色 JPEG图片：色彩丰富，可用16位 BMP图片：色彩最好，但文件过大，一般不用 图片

7、格式转换：可用Photoshop 6.0进行,3图形处理,（1）从文件添加图片。 （2）图形属性的设置。 （3）将图片设置为网页背景。,如何插入音乐背景呢？,平时我们进网页都会很听到动听的音乐陪伴，那么这样是如何来做到呢，现在播放一段下载的视频，让同学们更直观的来学习。,在FrontPage2000中预览网页,在浏览器中预览网页,浏览网页,计算机的屏幕是由一个个的小亮点组成的，每一个亮点称为一个像素，像素越多，显示的图象就越清晰。经常看到有的网页上注明“请使用800 x600分辨率”，意思就是建议将屏幕的宽设为800像素，高设为600像素，这样网页的显示效果最好，另一个经常使用的显示分辨率是640 x480。,小知识,小组讨论确定网站的主题内容，以小组为单位制作一个网页,参考主题,爱好：篮球、网球、乒乓球等 学习：学校“我们的班