第1章 Dreamweaver CS3网页设计基础.ppt

* * HTML语言 CSS（层叠式样式表） ASP（基础） Dreamweaver 课程结构 本门课程主要学习以下4个方面的内容： 第1章 Dreamweaver CS3网页设计基础 本章介绍的主要内容有： HTML基础 Dreamweaver CS3的工作环境 站点的建立 在代码视图中编辑HTML 1.1 HTML基础 1.1.1 初识HTML HTML是英文HyperText Markup Language的缩写，中文意思是“超文本标记语言”，用它编写的文件的扩展名是.html或.htm，它们是可供浏览器解释浏览的网页文件格式。当我们用浏览器打开这类文件时，一个个精美的网页就会呈现在我们的眼前。 1.1.2 动手编写你的第一个网页 html head title欢迎光临我的第一个网页!/title /head body 这是我的第一个网页! /body /html （1）打开记事本输入以下内容： （2）执行【文件】→【保存】命令，在弹出的对话框中选择你要保存的路径，在下面的【文件名】文本框中输入文件名“1.html”。 1.1.3 HTML标记 1．网页的代码 网页的头部信息，放在“head”与“/head”标签之间。 网页的主体部分，放在“body”和“/body”标签之间。 这两部分代码都包含在“html”与“/html”之间，以表示该标签里的内容为html语言。 2．代码中的标签 （1）单标签 eg：br就是一个单标签，表示换行。 （2）双标签 （3）标签属性 1.1.4 分析实例中的HTML （1）“html”和“/html” （2）“head”和“/head” （3）“title”和“/title” （4）“body”和“/body” html head title 网页标题 /title /head body 网页内容 /body /html HTML的基本结构： 1.2 Dreamweaver CS3的工作环境 1.2.1 用Dreamweaver制作一个简单的网页 1．启动Dreamweaver CS3软件 2．编辑网页 3．保存网页 4．预览网页 5．继续编辑网页 6．再次预览网页 1.2.2 Dreamweaver工作环境简介 菜单栏 工具栏 文档编辑区 属性面板 面板组 2．自定义界面 3．Dreamweaver CS3的三种视图模式 1 ．工作环境介绍 1.3 站点的建立 1．设置站点名称 2．设置是否使用服务器技术 执行【站点】|【新建站点】命令 如果选择的是【否，我不想使用服务器技术】，则站点为静态网站。静态网站与动态网站的区别不是指网站有没有 GIF 、 FLASH 动画，而是指有没有互动性。“互动性”是指网站根据用户的要求和选择能够动态作出改变及响应，能够自动更新网站，自动生成批量页面，能够根据用户的条件（时间、浏览器类型、用户在站点的使用权限等），自动生成不同页面。 3．设置站点的本地文件夹 4．设置远程服务器连接方式 5．完成站点向导 *