第8章 网页制作软件2.ppt

第
6
章6.1网页与网站的概念网页之间的关系网页与网站网站制作步骤6.2制作网页的方法6.3dreamweaver8.0概述第一次启动时会显示一个起始页3.窗口布局窗口解释状态栏
标签
选择、手形、放大工具
窗口大小、下载速度
属性面板
选择网页中不同的对象，属性面板会显示相应的属性。
单击网页的空白区域，显示文本对象的“属性”面板
菜单栏
站点：新建、管理站点
窗口：选中即显示4.学习Dreamweaver的三大原则6.4站点管理站点→管理站点
打开“管理站点”对话框
可以新建站点、编辑站点、删除站点建立了本地站点后，“文件”面板的“文件”标签下列出了站点的结构。
在文件面板中创建、重命名、移动和复制、删除文件及文件夹
方法：在站点根目录下单击鼠标右键，弹出的快捷菜单中选择“新建文件夹”或新建文件，重命名，这些文件保存在站点中6.5网页制作1.设置标题单击属性面板的页面属性按钮（修改\页面属性），打开页面属性对话框设置
确定页面的整体风格，如：
外观：页面字体、大小、文本颜色、背景图像等
链接：设置链接文字的颜色和格式，默认为蓝色
标题：设置了6级标题的格式
标题/编码：输入标题和编码方式，标题会显示在浏览器的标题栏中3.网页中基本元素的编辑插入其他符号
换行（shift+回车）
连续空格：
编辑\首选参数\常规，选中允许多个连续空格
在中文输入法的全角下输入。
插入水平线：HTML项的第一个按钮
插入日期：常用\日期按钮，选择日期的格式
插入列表（项目符号）：有序列表和无序列表，选中内容，单击属性面板中的按钮图像：可插入图片的格式有
.gif，.jpeg，.png
插入图像
将图像存放在图像文件夹images里
将插入点定位到要放置图片的位置
常用\图像按钮\下拉列表中选择“图像”（插入菜单\图像），打开的对话框中选择图片设置图片属性：
选中图片，在属性面板中设置
图片的宽、高：图片的大小
替换：浏览器中该图片不能正常显示时的替换文字（或者鼠标滑过时，也会显示该文本）
链接：超链接到的目标位置
编辑：fireworks中编辑
垂直边距、水平边距：图像上下左右与其他页面元素的距离
边框：图片的边框
对齐：图像与文本的相互对齐方式插入其他图像
常用\图像按钮下拉列表选择对应的选项
图像占位符：先不插入图片，使用占位符来代替图片。
鼠标经过图像：当鼠标经过时切换图像
导航条：类似于鼠标经过图像，包含四种状态的图像（状态、鼠标经过、按下、按下后鼠标经过图像）4.网页中插入Flash元素插入flash文本
常用\媒体\Flash文本，打开“插入Flash文本”对话框
设置字体、大小，颜色
转滚颜色、文本、背景颜色、路径链接
确定插入flash按钮
单击常用快捷栏的媒体按钮，在列表中选择Flash按钮，弹出“插入Flash按钮”对话框。
样式：选择按钮的外观
按钮文本：用来输入按钮上的文字
字体、大小：用于设置按钮上文字的字体和大小
链接：用于输入按钮的链接
目标：用来设置打开的链接窗口。
属性面板中单击“编辑”按钮，会自动弹出“插入Flash按钮”对话框，更改设置5.网页中插入声音6超链接绝对（外部）链接：不同网站网页之间的连接
相对（内部）链接：同一网站网页之间的链接。
书签（锚点）链接：同一网页或不同网页中指定位置的链接选择链接载体（如：文本）
在属性面板的“链接”文本框中直接输入地址
如：http://www.sxu.edu.cn
目标下拉列表中选择方式
_blank：链接目标文件载入到新的窗口
_self：将目标文件载入到本窗口
_top：将目标文件载入上一级窗口（多级框架）
_parent：链接目标出现在父窗口（使用框架）选择超链接的载体：文本或图片
拖动“链接”后的按钮到站点面板上的相应网页文件
单击属性面板“链接”后的文件夹按钮，打开“选择文件”对话框，选择要链接到的网页文件在链接文本框中输入目标地址：
要链接到同一目录下，直接输入要链接文件的名称
要链接到下一级目录中的文件，需要输入目录名/文件名。
要链接到上一级目录中的文件，则先输入“../目录名/文件名”
链接到同一个页面（不同页面）中的具体位置。
设置锚点：打开一个页面较长的网页，将光标放置于要插入锚点的位置，单击“常用\命名锚记”按钮，插入锚点。
设置超链接：选中需要链接锚点的文字，拖动链接文本框后的滚形图标到锚点上，或者直接输入#锚记名称
（其它网页，需要在#前加上网页名称）在一幅图像的不同部分设置超链接，这些部分称为热点。
设置图像地图的步骤：
选中图像
在属性面板中选择一种热点形式：矩形、圆形、多边形。
在图片上绘制一个区域，设置超链接的目标位置，确定7.表单建立表单的步骤（1）文本域（2）单选按钮与复选框（3）列表/菜单（4）按钮6.5网页布局（1