dreamweaver(第一次课).pptVIP

Dreamweaver8入门 ——认识Dreamweaver8 授课教师：李艳荣 电话QQ：359421806 第一节 认识Dreamweaver8 本节课学习内容： 1、网页设计的基础知识。 2、制作网页的步骤。 3、网页设计应注意的。 4、工作界面及基础操作。（实际操作） 一、基础知识： 1、什么是网页？什么是网站？ 网页：通过浏览器（IE）在网络上看到的页面。 网页有两种类型：静态的和动态的。 静态的又叫普通网页，不能使用户和网络服务器进行交互。静态网页的页面元素并不一定是静止的，可以是动态图像或flash之类的动画，来增加美观和动态的效果。 动态网页是指除了普通网页中的元素之外，还包括一些可以使用户与网络服务器之间发生交互的应用程序。 网站是网页的集合，制作网站的过程是将网站中的各个页面制作好，再按照一定的顺序通过超链接连接起来。 新浪网 搜狐网 网易 2、网络方面的概念： 1）局域网和广域网。 2）internet。 3）www。 4）URL。URL——统一资源定位符，是指向一个指定internet上资源位置的标准，就是我们平时接触过的网址和IP。它有三种形式： a、超文本传输协议即HTTP， b、使用telnet协议，telnet:// c、文件传输协议ftp， 5）浏览器。 3、网页元素 网页由文本、图像、表格、超链接等一些元素构成，它们是构成网页的基础。 （1）文本。是网页传达信息的主要方式，它的特点是传达信息准确、占用空间小、下载速度快等。 （2）图像。另一种传达信息的方式，比文本形象，具有很强的吸引力，但占用空间大。网络中常用的图像格式有JPEG、GIF和PNG三种。 图像在网页中应用为：自定义按钮、背景图像、广告。 （3）表格。它是将所有的网页元素按照一定的顺序和结构组织在一起的手段。 （4）超链接。它是网页从一个页面跳转到另一个页面的主要方式，它所加载的对象通常是文本或图像。 （5）网页标题。它是用于表明一个网页的主要内容，通常显示在浏览器标题栏的左边。 （6）声音和视频。它实现了网页的多媒体功能。 4、HTML基础 HTML是超文本标记语言，是创建网页的语言，它不是编程语言，而是一种描述性语言，网页以该语言的形式在网络中进行传输，然后再通过浏览器将其转换为能看到的网页。 由HTML语言构成的网页也可以称为HTML文件，它是一个纯文本文件，其扩展名为.htm或者.html。 HTML是一种标记语言，它的基本格式是标记符网页内容/标记符，标记符是由放置在/中的字母或单词组成的。 制作一个简单的页面来介绍几种标记符，并对HTML有一个初步的了解。 页面内容为：在这里我们学习使用HTML语言制作一个简单的页面。 点击开始按钮，点击程序→附件→记事本，打开记事本。 html head title简单的页面/title /head body 在这里我们学习使用HTML语言制作一个简单的页面 /body /html 保存。（保存时候一定不能忽略名称后面的扩展名。） HTML语言中的几种标记符： 1、html/html 它是HTML标记符，一般情况下它为HTML文件的第一个标记符。用以声明这是 HTML 文件，让浏览器认出并正确处理此 HTML 文件。 2、head/head 它是文件头标记符，是文件的开头部分，一般放置在html标记的后面，标记题目或定义网页的相关信息。 3、title/title 文件标题标记符，用来设定文件的标题。只能出现在head中。 4、body/body 文件体标记符，用来指明HTML文件的内容，放置在标记符之间的是整个网页的主体。如页面中的文字、图像、表格等。 二、网页制作步骤 网站的规划流程是：确定主题、资料的搜集、设计制作、内容的完善和发布与维护。设计制作部分包括了网站的制作步骤。 1、确定主题。定位网站的方向，确定网站的题材。 2、资料的搜集。搜集关于主题方面的资料来充实该网站。 3、设计制作。设计出网页的外观并确定链接结构，通过网页制作软件将其制作出来。这个阶段又分为两个步骤： 1）网页的外观设计。分为：绘制页面草图、进行页面布局和添加页面元素这三个步骤。 2）确定网站的链接解构。一般有树状链接结构和星状链接结构两种。 树状链接结构是将页面进行分级链接，由一级页面链接到二级页面，由二级页面链接到三级页面。 特点是：直观、条理清晰，但是浏览效率比较低。 星状链接结构是指每个页面之间都有链接。 特点：浏览效率高，但是容易让浏览者觉得混乱。 一般在制作大型网站时，还需要将两种链接结构综合起来运用。 4、内容的完善。在网页的内容上和外观上进行一些修饰。 5、发布