高等学校21世纪教材：《计算机网络》第8章(8-1) 网页制作基础1

第8章网页制作基础(第一讲) 81 FrontPage与 DreamWeaver的使用 81.1 FrontPage与 DreamWeaver简介 FrontPage是微软公司推出的一种所见既所得的网页制 作工具,它具有所见既所得 WYSIWYG,What You see Is What You get)的特点 Dreamweaver是另一种网页制作工具,由 Macromedia 公司推出的专业可视化制作工具,主要用于 网络站点和网页的创建与管理。 FrontPage和 Dreamweaver作为网页编辑工具,两者特 点各有千秋。一般来说认为 FrontPage2000适合于新手上 手,而 Dreamweaver3则更多的被专业网页制作公司所采 用,二者如何选择就看你自己的需要而定 前页后页退出

前页 后页 退出 第8章 网页制作基础（第一讲） 8.1 FrontPage 与DreamWeaver的使用 8.1.1 FrontPage 与DreamWeaver简介 FrontPage 是微软公司推出的一种所见既 所得的网页制 作工具，它具有所见既所得(WYSIWYG,What You See Is What You Get) 的特点 Dreamweaver 是另一种网页制作工具，由Macromedia 公司推出的专业可视化制作工具， 主要用于 网络站点和网页的创建与管理。 FrontPage和Dreamweaver作为网页编辑工具，两者特 点各有千秋。一般来说认为FrontPage2000适合于新手上 手，而Dreamweaver3则更多的被专业网页制作公司所采 用，二者如何选择就看你自己的需要而定

812 FrontPage与 Dreamweaver使用基础 1、WW 2、Web站点 3、Web服务器 4、超文本 5、网页 ●静态网页 图文并茂网页 ●动态网页 前页后页退出

前页 后页 退出 8.1.2 FrontPage 与 Dreamweaver使用基础 1、WWW 2、Web站点 3、Web服务器 4、超文本 5、网页 ● 静态网页 ● 图文并茂网页 ● 动态网页

6、主页 7、URL http://www.sina.com.cn http.://www.yahoo.com/chinese/index.htm等。 8、HTML HTML是“ Hypertext Markup Language”的 缩 写,它是编写万维网文件的标记语 9、HTML标签 HTML标签 ·文件头标签 ·文件标题标签 ·文件体标签 ·标题标签 ·字体颜色标签 对齐标签 ·图片标签 前页后页退出

前页 后页 退出 6、主页 7、URL • http://www.sina.com.cn/ • http://www.yahoo.com/chinese/index.htm等。 8、HTML HTML是“Hypertext Markup Language”的 缩 写，它是编写万维网文件的标记语言。 9、HTML标签 • HTML标签 • 文件头标签 • 文件标题标签 • 文件体标签 • 标题标签 • 字体颜色标签 • 对齐标签 • 图片标签

813 FrontPage的使用要点 8131 FrontPage Editor界面介绍 Blx D5息。。的是喜中+0「 None 前页后页退出

前页 后页 退出 8.1.3 FrontPage的使用要点 8.1.3.1 FrontPage Editor界面介绍

8132 FrontPage的基本操作 1、新建网页 2、插入表格 Calves sty1 Alicasst: Bfault 器1p Cel dane dth F Specify riau: [oo in trent 3、插入图片 前页后页退出

前页 后页 退出 1、新建网页 2、插入表格 3、插入图片 8.1.3.2 FrontPage 的基本操作

4、插入链接 5、设置图片映射 6、设置页面的背景属性 Pt电 tred Berate Split cells Psce Properties. Tsb1eFr中 parties Cell Properties Paragraph properties Font Prop分rt Alt+Enter 前页后页退出

前页 后页 退出 4、插入链接 5、设置图片映射 6、设置页面的背景属性

7、调整表格属性 】r Amt:图m…网 o其 Default iBY厘m1 Caneal in Percent Her der 5霍e apply 彐 F Specify Heigt: 3s Faddist infIxes sty.s Ca. 彐 Ln Percent spacing p Caste Ackeret 中r Meekeren Defaut Colar Custer Colors Border Defan La cht ordr. Defaunt Dark Barder defan 前页后页退出

前页 后页 退出 7、调整表格属性

8、插入组件 选择“插入”菜单的“组件”命令,单击“字 幕 选项 字幕性 区 文本工)如何使用字幕 速度 表现方式 文本对齐方式 左)延@):同彐。动条)顶边对齐 右) 幻片①) 垂直居中0 数量0:F彐 C又替0) C底边对齐① 大小 厂宽度( C像系 连续<) C百线比 一彐 厂高度:F C百分比 背景色c): 自动 样式①) 一「取消 前页后页退出

前页 后页 退出 8、插入组件 选择“插入”菜单的“组件”命令，单击“字 幕” 选项，弹出对话框如下：

8.1.3.3站点管理 1、创建站点 选择“文件”菜单的“新 建”选项,单击“站点” 命令,就会弹出来如下新 建站点对话框: 导入站点向导个人站点公司展示向导 猪定新站点的位置 图 厂添加到京 客户支持站点空站点讨论站点判导项目站点 厂全的提 键只有一个单空白网的 前页后页退出

前页 后页 退出 1、创建站点 选择“文件”菜单的“新 建”选项，单击“站点” 命令， 就会弹出来如下新 建站点对话框： 8.1.3.3 站点管理

2、设计网站风格 首先单击“格式”菜 单的“主题”命令, 将主题应用到 主题示例: 打开”主题”对话框,横幅 在“将主题应用到” 下面选择“所有网页” 标题1样式 选项,在主题列表框mm 项目符号1 动态 内选择应用的主题类 F背景图片Q) 厂应用csD 题9烂式 型,右图中我们选择 修改): “冰川”主题,单击 “确定”按钮 前页后页退出

前页 后页 退出 2、设计网站风格 首先单击“格式”菜 单 的“主题”命令， 打开”主题” 对 话框， 在“将主题应用到” 下面选择“所有网页” 选项，在主题列表框 内选择应用的主题类 型，右图中我们选择 “冰川”主题，单击 “确定”按钮