第8章 网页制作软件.ppt

第
8
章每个网页是一个单独的文件，网页的尺寸可以不同，通过浏览器窗口的滚动条，浏览网页的其它内容。
网站：由一组具有相关主题的、经过组织和管理的网页组成。
网页之间通过超链接组成一个整体，存放在Web服务器中。网页之间的关系互联网是由遍布世界各地的Web服务器组成
这些Web服务器是由网页构成的一个庞大资源集合。
通过搜索引擎访问，直接通过域名访问8.2网站制作步骤8.3制作网页的方法Dreamweaver制作一个静态网页8.4用记事本制作网页8.5dreamweaver8.0概述第一次启动时会显示一个起始页1.窗口布局2.窗口解释状态栏
标签
选择、手形、放大工具
窗口大小、下载速度
属性面板
选择网页中不同的对象，属性面板会显示相应的属性。
单击网页的空白区域，显示文本对象的“属性”面板
页面属性
超链接3.学习Dreamweaver的三大原则8.6站点管理2.管理站点文件8.7网页制作1.设置标题单击属性面板的页面属性按钮，打开页面属性对话框，确定页面的整体风格，如：
外观：页面字体、大小、文本颜色、背景图像等
链接：设置链接文字的颜色和格式，默认为蓝色
标题：设置了6级标题的格式
标题/编码：输入标题和编码方式，标题会显示在浏览器的标题栏中3.网页中基本元素的编辑插入其他符号
换行（shift+回车）
连续空格
编辑\首选参数\常规，选中允许多个连续空格
在中文输入法的全角下输入。
插入水平线：HTML项的第一个按钮
插入日期：常用\日期按钮，选择日期的格式
插入列表（项目符号）：有序列表和无序列表，选中内容，单击属性面板中的按钮图像
可插入图片的格式：.gif，.jpeg，.png
将图像存放在图像文件夹images里
将插入点定位到要放置图片的位置
常用\图像按钮\下拉列表中选择“图像”，打开的对话框中选择图片
插入其他图像
图像占位符：先不插入图片，使用占位符来代替图片。
鼠标经过图像：当鼠标经过时切换图像
导航条：类似于鼠标经过图像，包含四种状态的图像（状态、鼠标经过、按下、按下后鼠标经过图像）设置图片属性：
选中图片，在属性面板中设置
图片的宽、高：图片的大小
替换：浏览器中该图片不能正常显示时的替换文字，或者鼠标滑过时，也会显示该文本
链接：超链接到的目标位置
编辑：fireworks中编辑
垂直边距、水平边距：图像上下左右与其他页面元素的距离
边框：图片的边框
对齐：图像与文本的相互对齐方式4.网页中插入Flash元素插入flash文本
常用\媒体\Flash文本，打开“插入Flash文本”对话框
设置字体、大小，颜色
转滚颜色、文本、背景颜色
路径链接
确定插入flash按钮
单击常用\媒体\flash按钮，打开对话框
样式：选择按钮的外观
按钮文本：输入按钮上显示的文字
字体、大小：设置按钮上文字的字体和大小
链接：输入按钮超链接到的目标地址
目标：用来设置打开的链接窗口。
属性窗口\编辑按钮，修改flash按钮5.网页中插入声音6.超链接超链接的类型绝对链接相对链接锚链接图像地图（热点）7.表单建立表单（1）文本域（2）单选按钮与复选框（3）列表/菜单（4）按钮8.8网页布局1.表格布局设置表格的属性
选择表格
把鼠标放在表格边框的任意处，当出现横线和向上向下的箭头时单击
在表格内任意处单击，然后在状态栏选中<table>标签；
单元格任意处单击，点鼠标右键在弹出菜单菜单中选择“表格——选择表格”
在属性面板设置表格属性，如：表格背景颜色、背景图像设置单元格属性
单击选择单元格，在单元格属性面板中设置
水平、垂直对齐方式
单元格的宽度高度
单元格背景颜色或图像
边框颜色
合并单元格、拆分单元格
单元格中插入表格
2.框架(1)创建框架文件\全部保存
保存框架：每一个框架都有一个框架名称，系统默认的框架名称topFrame（上方）、leftFrame（左侧）、mainFrame（右侧）。可以用默认的框架名称，也可以在属性面板修改。框架也是一个网页
保存新建的网页：顶端框架、左侧框架对应的网页选中要设置超链接的文本或图片；
在属性面板的“链接”文本框中输入链接的网页
指定目标框架：（链接所指向的网页出现在哪个框架中）一般为mainframe。
8.9行为浮动窗口标签\行为，打开行为面板
单击“+”按钮，在菜单中选择“播放声音”
在打开的对话框中输入音乐文件的路径，确定
在代码中选择autostart=true。交换图像本章讲解结束！