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

网页制作----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?边框颜色 八、使用表格 处理单元格 ◆光标定位单元格右击→表格→子菜单中选择拆分单元格（合并单元格） ◆单元格也可以设置背景图片或背景色： ◆光标定位在单元格中在属性面板中设置 ◆利用表格进行综合排版： ◆ 充分利用表格属性面板，居中、合并、拆分、对齐方式….. 九、使用框架 　　1、创建框架网页: 　　◆选中插入面板的”框架”选项卡, →单击创建左框架(或其它)的图标→即可创建框架网页 　　2、保存框架网页: 　　◆要先一个个保存组成框架的网页,并起上相应的名字,最后还要保存这种结构网页,即框架网页