预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲,该文档总共56页,到这已经超出免费预览范围,如果喜欢就直接下载吧~

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

第 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