网页制作软件FrontPage.ppt

第7章 网页制作软件FrontPage,第7章 网页制作软件FrontPage,7.1 网页基础 7.2 FrontPage 2003 7.3 制作简单网页 7.4 美化网页 7.5 发布站点,7.1 网页基础,7.1.1 什么是网页 7.1.2 网页的组成元素 文本 图像 其他元素 音乐、动画、视频 等,7.1 网页基础,7.1.3 网页中的专用术语 网站 是由一个一个网页构成的，是网页的有机结合。 主页 网站的第一页。 Web服务器 WEB服务器也称为WWW(WORLD WIDE WEB)服务器，主要功能是提供网上信息浏览服务。,7.1 网页基础,7.1.3 网页中的专用术语 统一资源定位器 /news/index.html 超链接 发布,7.1 网页基础,7.1.4 HTML HTML文件的基本结构 这里写标题 这是HTML文件的主体部分，请注意标记都是成对出现的。 ,7.1 网页基础,7.1.4 HTML 常见的标记 创建一个HTML文档 设置文档标题和其它在网页中不显示的信息 将文档的题目放在浏览器的标题栏中 设置文档的主体部分 设置背景颜色。使用颜色的英文名称或RGB的十六进制值 设置文本颜色。使用颜色的英文名称或RGB的十六进制值 设置链接颜色。使用颜色的英文名称或RGB的十六进制值 设置已使用的链接的颜色。使用颜色的英文名称或RGB的十六进制值 设置正在被击中的链接的颜色。使用颜色的英文名称或RGB的十六进制值,7.1 网页基础,7.1.4 HTML 常见的标记 创建一个段落，并设置段落按左、中、右对齐 插入一个回车换行符 定义列表 放在每个定义术语词前 放在每个定义之前 创建一个标有数字的列表，ol是ordered lists的缩写 创建一个标有圆点的列表，ul是unordered lists的缩写，列表每一行用 放在每个列表项之前，若在之间则每个列表项加上一个数字，若在之间则每个列表项加上一个圆点，li是list item的缩写 用来排版大块HTML段落，也用于格式化表 预先格式化文本 最大的标题 最小的标题 黑体字 斜体字 打字机风格的字体,7.1 网页基础,7.1.4 HTML 常见的标记 打字机风格的字体 引用，通常是斜体 强调文本(通常是斜体加黑体) 加重文本(通常是斜体加黑体) 设置字体大小（从1到7）和颜色（使用颜色的英文名称或RGB的十六进制值） 在HTML文档中嵌入一个图像 加入一条水平线，并设置其厚度和高度 创建一个表格 表格中的每一行 表格中一行中的每一个格子 设置表格头:通常是黑体居中文字 创建超文本链接 创建自动发送电子邮件的链接 创建位于文档内部的书签 创建指向位于文档内部书签的链接,7.2 FrontPage 2003的窗口,网页切换选项卡,标记指示,网页编辑区,视图切换选项卡,7.2.2 创建站点,创建一个网站就相当于在Internet网络中组建一个属于自己或属于机构的“家”。在建立之前创建人必须先明确创建此网站的目的和用户的需求。然后再着手建立站点，并在此站点中完成所有的网页。这里所说的站点就相当于“家”的房屋建筑，而网页则是这个建筑中的一间一间、功能各异的房间。 至于创建站点的具体步骤将介绍如下： （1）单击“文件新建站点”命令，打开“新建”对话框，在“站点”选项卡中有许多站点模板； （2）在选项卡中按照自己的需要，单击图标选定要使用的模板，并在“制定新站点的位置”中添加站点要存放的位置后，单击“确定”按钮，就可以在指定的位置建立站点了。,7.2.2 创建站点,7.2.2 创建站点,六种视图,“网页”视图,“文件夹 ”视图,“远程网站 ”视图,“报表 ”视图,“导航 ”视图,“超链接 ”视图,7.2.2 创建站点,六种视图,“任务 ”视图,7.3 制作简单网页,7.3.1 创建新网页 7.3.2 设置网页属性 7.3.3 添加网页元素,7.3.1 创建新网页,（1）在FrontPage 2003的窗口中，单击“文件新建网页”命令，打开“新建”对话框。 （2）在“常规”选项中FrontPage已经为您预做好了各种模板，在绝大多数的情况下只要直接套用即可。在本例中选择“普通网页”也就是空白的网页，选定后单击“确定”按钮，就可以打开所选网页的模板了。,7.3.2 设置网页属性,打开“网页属性”对话框,7.3.2 设置网页属性,打开“网页属性”对话框,7.3.3 添加网页元素,1共享边框 应用共享边框 取消共享边框 编辑共享边框内容 2悬停按钮 3插入交互式按钮 4. 插入水平滚动字幕 5插入计数器 6在图片上添加文字 7插入图片库 8. 创建表单 9. 书签和超级链接 10. 创建图像映射,7.4 美化网页,7.4.1 网页元素格式化 7.4.2 主题,7.4.1 网页元素格式化,1美化文本 2添加水平分隔线 3美化表格 4表格与文本的转换,7.4.2 主题,主题就是一个统一的表现元素，如统一风格的按钮，以及统一的配色方案。,7.5 发布站点,7.5.1 安装并配置IIS 7.5.2 发布站点,7.5.1 使用IIS架构一个新网站,1安装IIS 安装IIS的具体步骤是： （1）在Windows中，单击“开始设置控制面板”命令，打开“控制面板”窗口。 （2）双击“添加或删除程序”命令，打开“添加或删除程序”对话框。 （3）单击“添加或删除Windows组件”按钮，打开“Windows组件向导”对话框，如图7-17所示。 （4）在“组件”中选中“Internet信息服务器（IIS）”复选框，单击“下一步”按钮； （5）接下来根据向导的提示信息进行操作。,7.5.1 使用IIS架构一个新网站,2配置IIS （1）在Windows中，单击“开始设置控制面板”命令，打开“控制面板”窗口，双击“管理工具”图标或者直接在Windows中单击“开始程序管理工具Internet服务管理器”命令，打开“Internet信息服务”管理界面，如图7-18所示。 （2）点击左侧目录树中的“Internet信息服务本地计算机网站默认站点”，右击“默认站点”，在快捷菜单中选择“属性”，打开站点的属性页面，如图7-19所示。 （3）在“网站”选项卡中可以设置本服务器所使用的IP地址和端口号以及连接属性等等，如图7-19所示。 （4）在“主目录”选项卡中，可以设置网页文件所在的目录以及目录权限等，如图7-20所示。 （）在“文档”选项卡中，可以设置网站的默认文档和文档页脚，默认文档指当仅输入IP地址或域名时，服务器自动选用要显示的网页，文档页脚指在附加到服务器发送给客户端浏览器的每个网页中的页脚的文档，如图7-21所示。 （）在“目录安全性”选项卡中，可以设置访问服务器的用户和密码、允许和禁止访问服务器的IP地址和域名以及在进行安全通信时的服务器证书，如图7-22所示。,7.5.1 使用IIS架构一个新网站,3用IIS发布站点 发布站点的具体步骤如下： （1）在 FrontPage 2003的窗口中，以“文件夹”视图方式打开要发布的站点。 （2）单击“文件发布站点”命令，打开“发布站点”对话框，如图7-23所示。 （3）在对话框中填入实际需要的参数设定。单击“发布”按钮，将完成网页发布，弹出如图7-24所示的信息框。 （4）这时，打开IE浏览器，在窗口地址栏中输入这台计算机的IP地址，然后按下Enter键，就可以打开刚才发布的网页了。,7.5.2 上传发布站点,7.5.2 上传发布站点 这些虚拟主机都具有独立的域名、IP地址和和完整的Internet服务器功能，从外界看来和一台独立的主机完全一样。由于实现了多台虚拟主机共享一台真实主机的资源，所以每个用户承受的硬件费用、网络维护费用、通讯线路费用都大大降低了，从而使得网络得以广泛的应用。 目前有许多网站提供虚拟主机的服务。 （1）按照上述的用“IIS发布站点”的操作步骤来进行，其中只是要在“发布站点”对话框中的“指定发布站点的位置”的文本框中输入已申请的虚拟主机的IP地址，其他步骤类似。