第6章 网页制.pptVIP

第6章 网页制作 主讲教师： Email： 本章介绍 了解网页和网站的概念； 如何使用FrontPage 2003创建网站并制作网页； 了解网站的发布过程。 6.1网页与网站 本节知识点： 什么是网页； 什么是网站； 网页设计基本原则。 6.1.1 什么是网页 网页（Webpage）即您通过网页浏览器如Internet Explorer打开的一个页面，本机的网页浏览器能够对这些页面进行解析，并呈现为生动的画面。 网页后缀名有： .htm：/teacher/crq/index.htm .html：同htm格式 .asp：如/kaoshiindex.asp .aspx：如/login.aspx?url=upfile.aspx .php：如/index.php .jsp：如/acmhome/FAQ.jsp 不同的后缀名，在用户浏览网页时，服务器都会将其转化为HTML格式，并由网页浏览器进行解析。 6.1.1 什么是网页 网页的基本元素： 文字 图片 视频 动画 音频 程序 6.1.1 什么是网页 首页和主页： 首页一般是指打开网站后首先出现的页面 主页是网站中最主要的页面 大部分网站首页和主页都是同一个网页 6.1.2 什么是网站 网站（Website），就是指在网络上根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。 网站构成包括三部分： 域名：形式比如，等； 网站空间：由专门的独立服务器或租用的虚拟主机承担； 网站源程序或者网页文件：存放在网站空间里，又分为网站前台和网站后台，网站前台提供用户访问界面，而网站后台对用户的请求提供处理并反馈信息。 6.1.3网页设计基本原则 一、明确建立网站的目标和用户需求 二、网页设计总体方案主题鲜明 三、网站的版式设计 四、网站内容层次分明，导航明确 6.2 FrontPage 2003的使用 本节知识点： FrontPage 2003的基本功能； 网站的创建和编辑； 网页的新建和打开； 网页设计与制作； 框架网页。 6.2.1 FrontPage 2003的基本功能 FrontPage 2003打开 单击“开始”菜单——“所有程序”——“Microsoft Office”——“Microsoft Office FrontPage 2003”即可启动FrontPage程序 单击“文件”——“保存”命令，默认情况下会将其保存到My Web Sites文件夹下，其实My Web Sites就是一个网站目录，是FrontPage默认为您创建的 6.2.1 FrontPage 2003的基本功能 FrontPage 2003中的视图 网页视图：网页的创建、编辑、预览等基本操作； 文件夹视图：创建、移动和删除文件或文件夹； 报表视图：方便的了解当前站点的文件内容、更新链接情况、组建错误、所有文件列表及变化情况等信息。 超链接视图：超链接视图将当前站点显示为链接文件的一个网络，它们表示了站点中各个网页之间的相互链接关系。 任务视图：任务视图主要用来创建和管里任务。 导航视图：使用导航视图可以方便的观察站点的链接结构，它以层次状的组织结构图形式显示。 6.2.2 网站的创建和编辑 网站的创建 选择“文件”菜单——“新建”，在弹出的“任务窗格”中单击“其他网站模板” 。 一般情况下，我们可能只需要“只有一个网页的网站”或者“空白网站”，如若有需要您也可以选择其他模板。并在右侧“指定新网站的位置”处输入或选择“浏览”按钮确定网站的保存路径，如“D:\WebSite1”。 6.2.2 网站的创建和编辑 修改网站名称 点击菜单“工具”——“网站设置”，在弹出的对话框中修改网站名称 6.2.3网页新建和编辑 在网站中新建网页 选择菜单“文件”——“新建”，在弹出的“任务窗格”中，选择“普通网页”或者“其他网页模板” 6.2.3网页新建和编辑 打开网页 “文件夹列表”中列出了所有的网页文件，只需双击网页文件，便可在“网页”视图中打开网页文件进行编辑（注意，如果看不到网页视图，请从“视图”菜单下进行选择）。 6.2.3网页新建和编辑 网页视图四种显示方式包括： “设计”：大部分编辑功能都在该显示方式下完成 “代码” ：查看和编辑网页的HTML代码 “拆分” ：“拆分”显示方式同时显示了“设计”和“代码”两个界面 “预览”：只能查看网页效果，不能编辑。 也可以通过Internet Explorer、FireFox、Maxthon、Opera、Netscape Navigator等网页浏览器进行预览： 单击菜单“文件”——“在浏览器中预览”，并选择相应的命令即可； 在“文件夹列表”中选择相应的网页，单击鼠标右键选择“在浏览器中预览”； 使用资源管理器或者“我的电脑”直接找到相应的网