信息技术应用基础(Windows XP环境)课件-第11章 网页制作.pptVIP

信息技术应用基础 第11章 网页制作 目录 11.1 网页与网站 11.2 FrontPage 2002的基础知识 11.3 制作一张简单的网页 11.4 建立一个完整的网站 11.5 在网页中插入基本元素 11.6 在网页中添加其它元素 11.7 框架网页的使用 11.8 利用Dreamweaver制作网页 11.9 利用HTML源代码制作网页 11.10 发布站点 11.1 网页与网站 上网时，大家看到的每一个页面都称为一张“网页”。一张网页其实就是一个文本文件，一般采用HTML语言来编写，后缀名通常为“.htm”或“.html”等。 网站就是一系列网页文件和其它相关文件的集合，这些网页和文件通常存储在一个总文件夹内，在文件夹内部再把网页和其它文件按照网页之间的逻辑关系分门别类的存储在各个子文件夹内，以便于整个网站的组织和管理。 11.2 FrontPage 2002 简介 11.3 制作一张简单的网页 11.3.1 准备工作 11.3.2 制作一张简单的网页 11.3.3 浏览自己制作的网页 11.3.1 准备工作 新建一个文件夹用来储存网站的网页文件和所有相关文件 在“我的文档”文件夹下新建一个名为“My Webs”的文件夹作为网站的根目录 在根目录下创建一个名为“images”的文件夹用来储存网站中用到的图片、动画、声音等文件。 在制作网页的过程中，如果用到了网站根目录以外的其它文件，最好事先将其复制到“My Webs”文件夹之下，以免出错。 11.3.2 制作一张简单的网页 启动FrontPage时，会自动创建一张新网页“New_Page_1.htm” 单击【新建】按钮也可新建网页 单击【保存】按钮即可保存文件 11.3.3 浏览自己制作的网页 三种浏览自己制作的网页的方法： 单击【预览】按钮可以预览实际效果； 选择【文件】→【用浏览器预览】命令， 在资源管理器或我的电脑中找到该网页文件，双击该文件即可用浏览器打开网页。 11.4 建立一个完整的网站 11.4.1 新建一个站点 11.4.2 站点的管理 11.4.1 新建一个站点 选择【文件】→【新建】→【网页或站点】菜单命令 11.4.2 站点的管理 利用文件夹列表进行站点管理 新建网页 新建文件夹 关闭站点 打开站点 11.5 在网页中插入基本元素 11.5.1 在网页中添加文字 11.5.2 在网页中添加图片 11.5.3 在网页中添加超链接 11.5.4 在网页中使用表格 11.5.5 在网页中添加背景图片 11.5.6 在网页中添加背景音乐 11.5.7 应用模板和主题 11.5.1 在网页中添加文字 同Word中基本类似 可以直接利用键盘输入各种文本 可以利用格式工具栏和字体、段落对话框来进行文本的格式设置 11.5.2 在网页中添加图片 同Word中操作类似 设置环绕方式等格式 插入来自根目录之外的图片 11.5.3 在网页中添加超链接 1. 链接到另一个网页 2. 链接到一个网址 3. 链接到电子邮箱 11.5.4 在网页中使用表格 1．插入表格 选择【表格】→【插入】→【表格】菜单命令 2．对表格的操作 合并单元格 拆分单元格 3．表格的设置 设置表格属性 设置单元格属性 11.5.5 在网页中添加背景图片 选择【格式】→【背景】菜单命令 11.5.6 在网页中添加背景音乐 11.5.7 应用模板和主题 1. 网页模板 选择【视图】→【任务窗格】菜单命令 在任务窗格中选择【网页模板】命令 2. 站点模板 选择【视图】→【任务窗格】菜单命令 在任务窗格中选择【Web站点模板】命令 3. 应用主题 选择【格式】→【主题】菜单命令 11.6 在网页中添加其它元素 11.6.1 插入滚动字幕 11.6.2 插入悬停按钮 11.6.3 插入视频 11.6.4 使用图像映射 11.6.5 应用网页过渡 11.6.6 应用动态HTML效果 11.6.1 插入滚动字幕 选择【插入】→【Web组件】菜单命令 在“组件类型”中选择动态效果，并在右侧效果列表中选择“字幕”效果 11.6.2 插入悬停按钮 选择【插入】→【Web组件】菜单命令 在“组件类型”中选择动态效果，并在右侧效果列表中选择“悬停按钮”效果 11.6.3 插入视频 选择【插入】→【图片】→【视频】菜单命令 11.6.4 使用图像映射 利用图象映射可以为一张图片的不同部分加上不同的“热点”区域，为每个热点加上不同的超链接，从而使得在网页上点击相应热点即可链接到相应区域 步骤： 选择热点绘制工具 绘制热点 设置超链接 11.6.5 应用网页过渡 选择【格式】→【网页过渡】菜单命令 11.6.6 应用动态HTML效果 选择【格式】→【动态HTML效果】菜单命令 11.7