第8章 网页制作软件.pptVIP

山西大学 6.1 网页与网站的概念 互联网是由遍布世界各地的Web服务器组成 这些Web服务器是由网页构成的一个庞大资源集合。 网页之间通过“超链接”链接起来 网页与网站 每个网页是一个单独的文件，网页的尺寸可以不同，通过浏览器窗口的滚动条，浏览网页的其它内容。 网站：由一组具有相关主题的、经过组织和管理的网页组成。 网页之间通过超链接组成一个整体，存放在Web服务器中。 6.2 制作网页的方法 使用HTML和XHTML，在记事本创建网页，保存为.html的形式。 HTML：HyperText Markup Language XHTML：The Extensible Hypertext Markup Language 利用网页制作软件： frontpage、DreamWeaver制作所见即所得的网页 Dreamweaver将flash制作的动画，fireworks、Photoshop处理过的图片，以一定的布局，整合成一个静态网页。 6.3 dreamweaver8.0 概述 窗口解释 插入工具栏有两种显示方式 显示为制表符 显示为菜单 文档工具栏：调整页面的显示方式 设计 代码 拆分 状态栏 标签 选择、手形、放大工具 窗口大小、下载速度 属性面板 选择网页中不同的对象，属性面板会显示相应的属性。 单击网页的空白区域，显示文本对象的“属性”面板 菜单栏 站点：新建、管理站点 窗口：选中即显示 4. 学习Dreamweaver的三大原则 创建站点：知道你的网站及其网页所在的本地目录 文件名、对象名尽量使用拼音、英文或数字，避免使用中文 存盘：预览时看到效果 6.4 站点管理 1. 新建站点 站点→新建站点，打开站点定义对话框，按向导去完成 给站点命名 选择是否使用服务器技术，一般选择“否” 选择文件的保存位置 连接到远程服务器上（无） 选择“基本”选项卡，按向导去创建站点。 “高级”选项卡，设置图片存放的位置 2. 编辑站点 站点→管理站点 打开“管理站点”对话框 可以新建站点、编辑站点、删除站点 3.管理站点文件 建立了本地站点后，“文件”面板的“文件”标签下列出了站点的结构。 在文件面板中创建、重命名、移动和复制、删除文件及文件夹 方法：在站点根目录下单击鼠标右键，弹出的快捷菜单中选择“新建文件夹”或新建文件，重命名，这些文件保存在站点中 6.5 网页制作 1. 设置标题 在窗口上方的标题文本框内输入中文、英文或符号，显示在浏览器的标题栏中 页面属性对话框的标题\编码的标题文本框中输入 打开网页时，显示在标题栏中 2. 页面属性 单击属性面板的页面属性按钮（修改\页面属性），打开页面属性对话框设置 确定页面的整体风格，如： 外观：页面字体、大小、文本颜色、背景图像等 链接：设置链接文字的颜色和格式，默认为蓝色 标题：设置了6级标题的格式 标题/编码：输入标题和编码方式，标题会显示在浏览器的标题栏中 3. 网页中基本元素的编辑 插入其他符号 换行（shift+回车） 连续空格： 编辑\首选参数\常规，选中允许多个连续空格 在中文输入法的全角下输入。 插入水平线：HTML项的第一个按钮 插入日期：常用\日期按钮，选择日期的格式 插入列表（项目符号）：有序列表和无序列表，选中内容，单击属性面板中的按钮 图像：可插入图片的格式有 .gif， .jpeg，.png 插入图像 将图像存放在图像文件夹images里 将插入点定位到要放置图片的位置 常用\图像按钮\下拉列表中选择“图像” （插入菜单\图像），打开的对话框中选择图片 设置图片属性： 选中图片，在属性面板中设置 图片的宽、高：图片的大小 替换：浏览器中该图片不能正常显示时的替换文字（或者鼠标滑过时，也会显示该文本） 链接：超链接到的目标位置 编辑：fireworks中编辑 垂直边距、水平边距：图像上下左右与其他页面元素的距离 边框：图片的边框 对齐：图像与文本的相互对齐方式 插入其他图像 常用\图像按钮下拉列表选择对应的选项 图像占位符：先不插入图片，使用占位符来代替图片。 鼠标经过图像：当鼠标经过时切换图像 导航条：类似于鼠标经过图像，包含四种状态的图像（状态、鼠标经过、按下、按下后鼠标经过图像） 4. 网页中插入Flash元素 插入Flash影片（.swf） 常用\媒体\flash，打开的对话框中选择Flash动画 插入的Flash动画, 不会在文档窗口中显示内容，而是以一个带有字母F的灰色框来表示。 在属性面板设置动画属性 插入flash文本 常用\媒体\Flash文本，打开“插入Flash文本”对话框 设置字体、大小，颜色 转滚颜色、文本 、背景颜色、路径链接 确定