《【教学课件】第六章网页制作.ppt》由会员分享，可在线阅读，更多相关《【教学课件】第六章网页制作.ppt（41页珍藏版）》请在三一办公上搜索。
1、第六章 网页制作,第六章 网页制作,6.1 FrontPage 2003基础,6.2案例1个人网站,6.3案例2公司网站,掌握FrontPage站点与网页的基本操作。,本章重点,6.1 FrontPage 基础,6.1.1 网页与HTML,6.1.2 FrontPage 2003的基本功能,6.1.3 FrontPage 2003的窗口,6.1.1 网页与HTML,1.网页,网页是全球广域网上的基本文档，用 HTML(超文本标记语言)书写。,2.网站,包括多个由超级链接连在一起的网页集合。,3.主页,网站的首页。缺省名为：index.html,default.html,站点是网页文件和素材文件
2、的集合，这些文件与文件夹构成了网站的实质内容。,4.站点,5.HTML,超文本标记语言（Hyper Text Markup Language），是由国际标准化组织制定的描述网页内容和外观的标准。,HTML是一种标记语言，定义了一系列的特殊标记，以便区分页面的不同部分，标记具有属性，通过属性制作各种效果。标记用括起，且都是成对出现。用HTML语言编写的文件称为HTML文件，以.htm或.html为扩展名，可以使用任何文本处理软件（例如：记事本）编写。,6.URL URL（Uniform Resource Locator），统一资源定位器。互联网中某种信息资源以某种方式存储在网络中的某处，必须用一
3、个惟一的URL来进行标识，这样才能方便查找。,6.1.2 FrontPage 2003基本功能,网页制作模块：,（1）强大的编辑功能（2）制作编辑表格功能（3）图片处理功能（4）超级链接自动修复功能（5）制作表单,两大功能模块网页制作模块和网站管理模块。,（6）使用网页框架（7）提供丰富的组件（8）插入外部程序（9）使用数据库（10）支持动态HTML和CSS样式表,网站管理功能:,（1）建立站点（2）站点文件管理功能（3）网页导航管理功能（4）任务管理功能（5）网站发布与维护功能,6.2 案例1个人网站,6.2.1 学习目标,6.2.2 实现方法和步骤,Web站点的开发：.根据用途规划站点，确
4、定站点的结构；.并在本地磁盘上创建站点以存储制作完成的网页及其他相关文件；.最后再发布到指定服务器上（远程站点),6.2.1 学习目标,本节介绍如何使用FrontPage的模板快速制作个人网站。通过本案例的学习，可以掌握在FrontPage 2003中创建小型网站的基本方法。,6.2.2 实现方法和步骤,打开“新建”任务窗格 选择“文件”菜单中的“新建”命令。在任务窗格窗口中的下拉菜单中单击“新建”按钮。使用模板创建站点,6.3 案例2公司网站,6.3.1 学习目标,6.3.2 实现方法和步骤,6.3.1 学习目标,本节介绍如何使用FrontPage制作公司网站。通过本案例的学习，可以掌握Fr
5、ontPage 2003中站点与网页的基本操作、网页设计操作和站点发布等知识点。,在“网站模板”对话框中选择“只有一个网页的站点”的模板，创建站点文件夹“公司网站”。,6.3.2 实现方法和步骤,1.创建新站点,导航结构是指网页间的组织结构。导航结构决定了哪些超链接会添加到导航栏中，哪些超链接的文本使用网页的标题。,在导航视图中定义导航结构,进入导航视图“视图”菜单选择“导航”命令或在视图栏中单击“导航”选项，均可以进入导航视图。使用共享边框为网页添加导航栏最简单而且有效的方法就是在网页中使用共享边框。“工具”中选择“网页选项”更改网页标题网页标题可以在“网页属性”对话框的“常规”选项卡中的“
6、标题”文本框里进行修改；或者在“另存为”对话框中，单击“更改标题”按钮来更改。在主页下添加新网页右击“主页”，在快捷菜单中选择“新建”选项，在其级联菜单中选择“网页”命令。从导航结构中删除网页按键。,在导航视图中定义导航结构,网页的保存 新建网页方法主要有以下三种：单击“常用”工具栏中的“新建普通网页”按钮。打开“新建”任务窗格，在“新建网页”栏中选择所需的选项。打开“常用”工具栏中的“新建普通网页”按钮右侧的下拉菜单，选择其中的“网页”命令，在打开的“网页模板”对话框中，可以选择不同类型的模板来创建新网页。,编辑和修饰网页,文本编辑与修饰 插入水平线“插入”/“水平线”,(3)在网页中使用列
7、表,1）图像列表,“格式”/“项目符号和编号方式”,2）可折叠列表,调整级别：按钮。,(4)设计主题,在FrontPage中，可以通过对站点应用主题来为站点指定统一的风格。打开“主题”任务窗格。,设置属性：快捷菜单/“图片属性”。,操作：“插入”菜单/“图片”。,(5)图片的插入及其属性设置,设置属性：快捷菜单/“图片属性”,操作：“插入”菜单/“图片”/“视频”,(6)在网页中插入视频,(7)在网页中使用表格,表格的建立 设置表格属性,(8)给网页添加背景,添加背景图片 在网页中右击鼠标，在弹出的快捷菜单上选择“网页属性”添加背景音乐 在弹出的“网页属性”对话框中选择“常规”选项卡,框架是在
8、同一浏览器窗口中显示多个相互隔离的网页结构，利用它可以更好的组织网页页面。框架的基本元素主要包括边框、滚动条和网页。本例利用“垂直拆分”的框架网页模板新建“产品展示”网页。,6.利用框架组织页面,6.利用框架组织页面,新建框架网页打开“网页模板”对话框，选择“框架网页”选项卡 为框架指定显示的网页 单击“新建网页”按钮，编辑新网页单击“新建网页”按钮，该框架网页区域会变为空白，可以在此建立一个新网页。设置目标框架在“编辑超链接”对话框中单击“目标框架”的按钮 拆分和删除框架“框架”菜单中选择相应的命令。设置框架属性右击框架网页；或在“框架”菜单中选择“框架属性”。保存框架网页 加入导航结构中,
9、超链接是从一个网页指向另一个目的端的链接。,7.超链接的创建和管理,目的端通常是另一个网页，也可以是一幅图片、一个电子邮件地址、一个文件或者一个程序。,（1）创建对象的超链接,.“插入”/“超链接”；.快捷菜单/“超链接”；.“常用”工具栏 按钮；,选择超链接跳转的目标。,操作：选定要创建超链接的对象。,（2）书签链接,插入书签在“本公司的质量方针”和“本公司的质量目标”段落的左边分别插入名为“方针”和“目标”的两个书签。操作方法如下：光标定位于要插入书签处；选择“插入”菜单中的“书签”设置书签链接 右击文本“质量方针”，选择“超链接”命令 书签的更名和删除 选择“插入”菜单中的“书签”,（3
10、）热点链接,绘制热点右击图片，右击在其快捷菜单中选择“显示图片工具栏”；或在“视图”菜单中选择“工具栏”设置热点链接选中多边形热点、圆形热点或长方形热点，在图片上拖一个框，松开鼠标就会弹出“插入超链接”对话框，选择要链接的目标即可。,8.给网页添加组件,给网页添加滚动字幕,插入交互式按钮,计数器的设置,操作：“插入”/“Web组件”,9.表单编辑和操作,操作步骤：创建表单选择“插入”菜单中的“表单”插入各种表单域“插入”菜单，选择“表单”选项，然后再选择其中的表单域即可。表单域的设置 表单处理程序,表单是用来收集站点访问者信息的域集。,10.网页发布的含义,网页发布:将本地计算机上创建的一个站
11、点复制到服务器指定的URL中。,（1）站点的检查,检查站点的发布状态单击“视图”栏中的“报表”图标切换到报表视图；或选择“视图”菜单中的“报表”选项，再选择级联菜单“工作流”中的“发布状态”命令。标记网页是否要发布默认所有文件都被标记为“发布”，如果不发布某一个文件，可以在该文件的项目上右击，在快捷菜单中选择“不发布”命令即可。也可以在快捷菜单中选择“属性”命令，进入“文件属性”对话框，单击“工作组”选项卡，把“发布网站的其余部分时不包含此文件”复选框选中，单击“确定”按钮。测试要发布的网页,（2）发布站点,利用HTTP发布站点 利用FTP发布站点与用HTTP方式发布网页的方法类似，只要在“发布站点”对话框中的“指定发布站点的位置”文本框里输入服务器的FTP地址及站点所在的路径即可。,1、明确网页制作的目的,2、组织网页的内容,3、美化网页的外观,4、开始制作网页,5、发布站点,网页制作的一般步骤：,网站和网页的设计原则,1.主题鲜明，富有特色2.形式内容和谐统一 3.色彩和谐，重点突出，强调整体,本章结束！,返回目录,
