网页制作92719.pptVIP

第7章 网页制作 Internet上的信息发布主要通过Web网页来实现，这些网页中包含有文字、图象、声音和动画内容，还有指向其他网页的链接。浏览者只要简单地点击鼠标，即可访问分布在全世界范围内的Web站点上的信息。 可扩展超文本标记语言(XHTML)就是实现Web页面所用的语言。本章主要介绍XHTML的特点、结构、常用的标记以及常用的网页编辑工具。 7.2.1 XHTML语言简介 1. XHTML XHTML – 可扩展超文本标记语言 (EXtensible HyperText Markup Language) 是一种WWW所使用的语言，是网页制作的基础 。 7.2.1 XHTML语言简介 1. XHTML的基本结构 html head title网页标题/title /head body 网页内容 /body /html Dreamweaver Dreamweaver是一个可视化的网页制作和网站管理软件 Dreamweaver与Flash、Fireworks合在一起被称为网页制作三剑客 其中Fireworks主要用于制作网页上的图片，Flash主要用于制作网页上的动画，Dreamweaver主要用于网页开发 界面 文档窗口的视图 “代码”视图 可在该视图中直接输入XHTML等代码制作网页。 “设计”视图 是一个用于可视化编辑网页的设计环境。 “拆分”视图 将文档窗口一分为二，上面显示“代码”视图，下面显示“设计”视图。 面板 “插入”面板 包括“常用”、“布局”、“表单”等子面板，可用来在网页光标处插入各种元素。 “属性”面板 用于显示或修改所选中的网页元素的属性，随着所选对象不同，属性面板呈现的参数也不同。 “文件”面板 用于访问和管理站点。 创建站点 【站点】→【新建站点】 创建网页 【文件】→【新建】 【文件】→【打开】 【文件】→【保存】 注意: 网页创建后，应该立即保存 设置网页的“页面属性” 网页文本的输入和属性设置 文本属性的设置 认识图形格式 插入图像 【插入记录】→【图像】 图形的插入 直接拖曳来改变图片的大小 使用图片属性面板来设置 图片的替代文字、图片边框 表格布局 表格 的创建 【插入记录】→【表格】 设置表格和单元格 的属性 表格的编辑 创建超链接 选择链接热点（文字或图片） 在属性面板中单击“链接”文本框右边的 ，选择要链接的文件  简单网页制作 简单网页制作实例 编辑表单网页 表单域 文本域 文本区域 按钮 复选框 单选按钮组 列表/菜单 表单制作实例 使用CSS Cascading Style Sheet（层叠样式表） 创建框架网页 框架的基本思想是把浏览器窗口分成几块，每块显示一个网页 建立框架集：【文件】→【新建】 在打开的对话框左侧一栏中选“示例中的页”，“示例文件夹”选“框架集”，“示例页”选一种框架集布局。 保存框架集：【文件】→【保存全部】 框架 框架面板 框架实例 添加多媒体 设置背景音乐body标记后插入bgsound src=“音频文件名” loop=“播放次数 插入Flash影片【插入记录】→【媒体】→【Flash】，选择swf文件 插入AVI文件在body标记后插入img dynsrc=AVI文件名 loop=播放次数 * * 标题内容:在 标题栏显示 主题内容 头部 主体 文档窗口 菜单栏 插入工具栏 标签选择栏 浮动面板组 属性面板 注意：1. 创建网页文档前必须先定义本站点。 2. 主页中用到的网页元素应该都放在本站点下。 【修改】→【页面属性】 编辑网页 输入文字 输入网页中空格 文本换行 插入水平线 设置字体列表、大小 文字加粗、斜体、对齐方式 添加项目符号、编号、凸出、缩进 GIF JPEG PNG （图形交换格式）（联合图像专家组）（可移植网络图形） 可用颜色数 每幅图像的颜色 256 压缩