fronpage网页制作.ppt

* * 湘乡四中教师信息技术培训教程 网 页 制 作 湘乡四中：李荣华 本 章 要 点 网页制作工具——FrontPage2000 网页制作的一般过程和基本编辑方法 制作及发布站点 HTML简介 教学实例 第一节 制作一个简单的网页 学 习 目 标 ： 1、了解网页制作工具——FrontPage2000 2、掌握启动和退出 FrontPage2000 的方法 3、设置网页背景属性、标题以及插入水 平线 4、掌握网页的保存与预览的方法 第一节 制作一个简单的网页 一、认识 FrontPage2000 1、启动 FrontPage2000 ①、单击“开始”— 选中“程序”—单击 “ MicrosoftFrontPage” FrontPage2000是目前比较流行的网页制作 工具，具有功能强大、使用方便的特点。 ②、直接双击屏幕上的“Microsoft FrontPage” 图标。 第一节 制作一个简单的网页 2、 FrontPage2000基本窗口的组成 主窗口：标题栏、菜单栏、常用工具栏、格式工具栏、状态栏、任务栏 视图工具栏 状态切换按钮：设计、拆分、代码、预览 3、退出 FrontPage2000 ②、单击“文件”菜单中的“退出”命令 。 ①、单击主窗口右上角的“关闭”按钮； 第一节 制作一个简单的网页 二、制作一个简单网页 1、 启动 FrontPage2000； 2、 在空白网页中添加文字，并设置文字 的字体、字号、颜色及对齐方式等； 3、设置背景属性 选择“格式”菜单 中的“背景”命令项，在弹出的“网页属性” 对话框中单击“背景”选项，单击“颜色”栏 中的“背景”下拉按钮，选择合适的颜色， 单击“确定”。 第一节 制作一个简单的网页 4、设置网页标题 选择“格式”菜单中的“背景”命令项，在弹出的“网页属性”对话框中单击“常规”选项，在“标题”文本框中输入标题名称。 5、插入水平线 将光标定位于插入水平线位置，单击“插入”菜单，单击“水平线”选项；如要修改，双击水平线，在“水平线属性”对话框中对水平线的宽度、高度、对齐方式、颜色、阴影等进行设置。 第一节 制作一个简单的网页 6、网页的预览 单击“预览”按钮，浏览网页的实际效果。 7、网页的保存 单击工具栏上的“保存”按钮，在“另存为”对话框中命名文件，单击“保存”。 第一节 制作一个简单的网页 上 机 实 践 新建一个网页，在网页中输入一段介绍自身情况的文字，对文字的字体、字号、颜色等属性进行设置，添加背景和网页标题，并在标题下插入一条水平线，达到满意的效果后，将网页以文件名“自我介绍”保存。 第二节 制作图文并茂的网页 学 习 目 标 1、 学会在网页中插入图片。 2、 熟悉表格结构，学会插入表格。 3、掌握利用表格实现图文混排的方法。 第二节 制作图文并茂的网页 一、在网页中插入图片 1、打开或新建一个网页，确定插入 图片的位置； 4、利用控点调整图片大小和位置。 3、选择所需图片，单击“确定”； 2、单击“插入”菜单中的“图片”命令项， 选择“剪贴画”或“来自文件”命令项； 5、利用“图片”工具对图片进行修饰。 第二节 制作图文并茂的网页 1、方法： 二、插入表格 ②利用“表格”菜单中的“手绘表格”。 单击“表格”菜单中的“手绘表格”命令项，用笔绘出所需表格。调整行高列宽。 ①利用常用工具栏上的“插入表格”； 单击常用工具栏中的“插入表格”按钮，出现一个下拉窗口，按住左键不放拖动鼠标到所需的行数与列数。调整行高列宽。 第二节 制作图文并茂的网页 2、设置表格属性： ①、依次单击菜单栏中的“表格”—“属性”—“表格”命令项； ②、在打开的“表格属性”对话框中，根据需要可对表格的布局、边框、背景等进行设置； ③、单击“确定”。 ③、利用“表格”菜单中的“插入”-“表格”。 单击“表格”菜单中的“插入”-“表格”命令项，确定表格所需行列数。 上 机 实 践 打开“自我介绍”网页，利用表格创建一份个人简历，要求表格中包括姓名、性别、出生年月日、籍贯、爱好、联系方式等信息，并在表格中插入一张图片 。 第二节 制作图文并茂的网页 第三节 让网页动起来 学 习 目 标 1、 学