站点文本图像链接.pptVIP

Dreamweaver 8基础 本课要点 具体要求 本课导读 上机练习 本课要点 认识Dreamweaver 站点管理 编辑网页文本和图像 超链接的应用 具体要求 掌握本地站点的创建与管理方法 掌握文档属性的设置方法 掌握文本的插入及属性设置方法 掌握不同图像的插入及编辑方法 掌握创建文本、图像、热点、锚点及邮件超链接的方法 本课导读 Dreamweaver是一种所见即所得的可视化网页编辑软件。它有3种设计视图可供选择，熟悉HTML语言的用户可以直接在代码视图中编写网页，熟悉排版的用户可以直接在设计视图中编辑。无论以哪一种方式制作网页，都必须先创建站点，再进行文本及图像编辑。 认识Dreamweaver Dreamweaver是一款网页编辑软件，可将图像、动画等各种素材有机地整合在同一网页中，通过超链接实现网页间的相互切换。 认识Dreamweaver 知识讲解 典型案例——编写简单网页 知识讲解 本节将介绍Dreamweaver的工作环境、网页基础语言HTML及网站中主页、网页间的联系。 知识讲解 1. 认识网页工作环境 2. 网页基础语言——HTML 3. 网站、网页、主页间的联系 1. 认识网页工作环境 从【开始】菜单中启动Dreamweaver 8，进入初始界面，如下图所示。 1. 认识网页工作环境 在【创建新项目】栏中单击【HTML】超链接，新建一个HTML文档并进入Dreamweaver设计窗口，如下图所示。 2. 网页基础语言——HTML 网页是基于HTML语言创建的，网页的内容一般都包含在html和/html标签之间，其间还可以添加其他程序语言，如ASP，JSP，PHP和JavaScript等。 在文档控制栏中单击 按钮进入代码视图窗口，可以看到网页文档的程序结构，如下图所示。 2. 网页基础语言——HTML 2. 网页基础语言——HTML HTML语言可以在代码视图和“记事本”等编辑器中编写。本书着重于介绍设计视图，因为它的直观性更强，添加对象后马上就能看到其效果。HTML语言都是由标签构成的，标签有两大类：一是封闭标签，即由起始标签（首标签）和末标签组成，也称为成对标签，如html和/html；另一种是不封闭标签，即只有首标签，没有末标签，如br。 3. 网站、网页、主页间的联系 网站是网页的集合，包含图像、音乐、视频和数据库等。根据在网站中的不同地位，网页可分为主页和内页。主页一般是网站的首页，如果是企业网站，那么形象页作为第一个页面，其中显示网站的主体内容，可以单击超链接进入该网站的其他页面，即内页。 典型案例——编写简单网页 案例目标 本案例将制作liushen.html页面，主要在代码视图中使用HTML编写网页，最终效果如下图所示。 典型案例——编写简单网页 操作思路： （1）在代码视图中修改title和/title之间的文本，设置浏览器标题栏中的内容。 （2）在body和/body之间添加表格、行、单元格、段落、换行、项目列表、项目内容标签，并输入对应的内容。 （3）在表格标签中设置表格的宽度、边框和对齐方式。 站点管理 制作的网页（包括网页中用到的图像）需要上传到网络上。为了网页图像正确显示，也为了便于文件调用，常在制作网站内容前先建立站点，将网站中用到的所有素材都放置于站点中进行管理，所以建立站点是制作网页的第一步。 3.2 站点管理 知识讲解 典型案例 知识讲解 本节将介绍站点的创建和站点文件的管理。 知识讲解 1. 认识【文件】面板 2. 建立站点 3. 管理站点文件 1. 认识【文件】面板 选择【窗口】→【文件】命令或按【F8】键，打开【文件】面板，如下图所示。 2. 建立站点 建立站点的具体操作如下： （1）在站点列表下拉列表框中选择【管理站点】选项，打开【管理站点】对话框。 （2）单击 按钮，在弹出的菜单中选择【站点】命令，打开【未命名站点1的站点定义为】对话框。 2. 建立站点 （3）在【站点名称】文本框中输入站点名称，如“mysite”；在【本地根文件夹】文本框中输入保存站点的文件夹，也可以单击 图标来指定保存路径。 （4）单击 按钮返回【管理站点】对话框,单击 按钮，新建的站点将显示在【文件】面板中。 3. 管理站点文件 站点建立好后，需要将站点中网页的内容用文件夹的形式分类存放起来。 3. 管理站点文件 在站点内容列表框中，在站点上单击鼠标右键，在弹出的快捷菜单中选择【新建文件夹】命令，并更改文件夹的名称为需要的名称。