烟台市政府网站维护人员培训教程

烟台市政府网站维护人员培训教程

烟台市政府网站维护人员培训教程

网页制作----Dreamweaver 网页制作----Dreamweaver MX

烟台市信息化领导小组办公室

烟台市政府网站维护人员培训教程

一、本地站点建设

站点管理器→ 站点管理器→管理本地站点→本地计算机上的一个文件夹1、步骤：文件选项 定义站点→站点名称(中英文都可以)→否→站点路径设置→无→信 息显示页面

烟台市政府网站维护人员培训教程

一、本地站点建设

2、规划一个合理的网站结构 ◆选中站点的根目录→右击→新建文件夹→英文命名→选中文件夹→右 击→可以再建文件夹或文件→命名 ◆最好在每个文件夹下建立一个首页文件index.htm

烟台市政府网站维护人员培训教程

一、本地站点建设3、导入已有的站点 ◆单击展开站点管理器的站点列表的下三角→选中编辑站点→选中新建 站点→单击新建→网站名称→动态技术选择→站点路径设置→无→设置向导 提示完成站点设置→完成 ◆同样步骤可以导入多个已有网站或新建网站 4、管理站点文件 ◆必须在站点管理器中进行删除，移动，复制→更新

烟台市政府网站维护人员培训教程

二、编辑网页文本1、 新建一个网页→用中文输入内部标题→保存的时候 有英文小 写做文件名 2、 文件→打开→找到网页文件→输入文本 ◆直接输入 ◆复制→粘贴 ◆导入并优化word产生的网页 ◆文件→导入→word html→确定

烟台市政府网站维护人员培训教程

二、编辑网页文本1、设置文本属性：选中文本→在属性面板中进行设置 2、设置段落属性： 3、使用列表：无序列表和有序列表：

烟台市政府网站维护人员培训教程

三、使用图片1、 图片格式：普通和动画 2、 插入图片 ◆修改背景图 修改→页面属性→背景图像→选用一幅(采用相对路径) ◆插入图片 插入→图象(水平线)→选择图像源→保存(或复制) →找到保存图 片文件的子目录→保存

烟台市政府网站维护人员培训教程

三、使用图片

注意1、图片大小及图文混排方式可在属性面板中设置 2、水平线的颜色修改：选中水平线右击→编辑标签代码→输入”color=”red””

烟台市政府网站维护人员培训教程

四、 使用轮替图像插入→交互式图像(选择鼠标经过图像)→插入鼠标经过图像对话框 ◆选择轮替图像 ◆找到原始图像 ◆输入替换文本

烟台市政府网站维护人员培训教程

五、 插入导航条插入→交互式图像→导航条→插入导航条对话框 ◆项目名称 ◆设置状态图像和鼠标经过图像 ◆选择导航条排列方式 单击+→同理设置其它项目

烟台市政府网站维护人员培训教程

六、超级链接1、 超级链接的种类 2、 链接的目标属性分类 3、 设置超链接 步骤： 选中文本或图片→属性面板中输入url或点击文件夹→目标后选择 链接打开方式 注：若要设置成下载超链接则要首先交文件制成压缩包复制到站 点内部

烟台市政府网站维护人员培训教程

六、超级链接

设置E—mail超链接 ◆在插入面板中单击图标→电子邮件链接对话框，输入主题和电子 邮件地址 图象热区的应用 ◆图象制作超链接在属性

面板中可以创建几个热点区，选中热区后 就可以在属性面板中设置超链接。

烟台市政府网站维护人员培训教程

六、超级链接

在网页中使用锚记 ◆锚点的创建：光标定位网页位置→插入面板中点击锚记按钮→对话框 中用英文输入锚记名称 ◆应用：选中要建功立业立锚链的文本或其他对象→属性面板链接中输 入“#+锚点名称”

烟台市政府网站维护人员培训教程

七、格式化网页属性修改→页面属性对话框 ◆标题 ◆背景图像 ◆背景 ◆文本颜色 ◆ 链接颜色 ◆ ……..

烟台市政府网站维护人员培训教程

八、使用表格1、 插入表格 ◆ 插入面板图标→插入表格对话框 2、 设置表格属性 ◆ 选中整个表格→属性面板 l 行l 列l 宽l 高l 填充l 间距l 对齐 l 边框l 背景色l 背景图片l 边框颜色

烟台市政府网站维护人员培训教程

八、使用表格处理单元格 ◆光标定位单元格右击→表格→子菜单中选择拆分单元格(合并单元格) ◆单元格也可以设置背景图片或背景色： ◆光标定位在单元格中在属性面板中设置 ◆利用表格进行综合排版： ◆ 充分利用表格属性面板，居中、合并、拆分、对齐方式…..