DREAMWEAVERcs6模块1初识网页与DREAMWEAVERCS6.pptVIP

十二五职业教育国家规划教材 网页设计案例教程模块一 任务一 网页的基础知识 任务二 认识Dreamweaver CS6 模块一 初识网页与Dreamweaver CS6 模块介绍： WWW服务是因特网上应用最广泛的服务，网页是WWW的基本组成，浏览器则用户查看网页的工具。 WWW即World Wide Web，也称为Web或3W。WWW的最大特点是使用了超文本（Hypertext）。超文本可以是网页上指定的词或短语，也可以是一个包含通向Internet资源的超级链接的其它网页元素。 WWW采用C/S（客户机/服务器）工作模式。在客户端，用户使用浏览器向Web服务器发出浏览请求；服务器接到请求后，调用相应的网页内容，向客户端浏览器返回所请求的信息。因此一个完整的Web系统由服务器、网页以及客户端的浏览器组成。在浏览器与服务器之间应用HTTP（Hyper Text Transfer Protocol，超文传输协议）作为网络应用层通信协议。HTTP用于保证超文本文档在主机间的正确传输、确定应传输的内容以及各元素传输的顺序（如文本先于图像传输）。 模块一初识网页与Dreamweaver CS6 任务一网页的基础知识 子任务1 什么是网页 网页实际是一个文件，他存放在世界某个角落的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（ URL）来识别与存取，在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到用户的计算机，然后再通过浏览器解释网页的内容，再展示到用户的眼前。 网页是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，任何一个网站都是由或多或少的网页组成的。 模块一初识网页与Dreamweaver CS6 任务一网页的基础知识 以下是基本概念介绍： 1．浏览器（Browser） 2．超链接（Hyperlink） 3 ．网页（Webpage） 4．网站 5．网址（URL） 6．网页的分类 7．网站的分类 （1）展示型 （2）内容型 （3）电子商务型 （4）门户型 模块一初识网页与Dreamweaver CS6 任务一网页的基础知识 子任务2 网页的基本元素 网站的基本元素是网页，一个个的网页构成了一个完整的网站。 网页也是可分的，构成网页的基本元素包括标题、网站LOGO、页眉、页脚、主体内容、功能区、导航区、广告栏等。这些元素在网页的位置安排，就是网页的整体布局。 1．标题 2．LOGO 3．页眉 4．主体内容 5．页脚 6．功能区 7．导航区 8．广告区 模块一初识网页与Dreamweaver CS6 任务一网页的基础知识 子任务3 网页中的专用术语 1.Banner(横幅广告) 2. Click(点击次数) 3. Cookie 4.Database(数据库) 5.HTML(超文本标识语言) 6.HTTP（超级文字传输协议） 7.Key Word(关键字) 8.Web Site(站点) 模块一初识网页与Dreamweaver CS6 任务二 认识Dreamweaver CS6 子任务1 启动与退出Dreamweaver CS6 1.启动Dreamweaver CS6 方法一：单击桌面上的Dreamweaver CS6快捷方式图标； 方法二：单击“开始”/“所有程序”/“ADOBE”/ Dreamweaver CS6； 方法三：单击快速启动区中的Dreamweaver CS6快捷方式。 2.退出Dreamweaver CS6 方法一：单击标题栏右上角的关闭按钮； 方法二：单击标题栏左上角的标题，选择“关闭”命令； 方法三：单击菜单栏中的“文件”/“退出”。 模块一初识网页与Dreamweaver CS6 任务二 认识Dreamweaver CS6 子任务2 Dreamweaver CS6的工作界面 Dreamweaver CS3的工作界面秉承了Dreamweaver系列产品一贯的简洁、高效和易用性，大多功能都能在工作界面中很方便地找到。它的工作界面主要由【文档】窗口、【文档】工具栏、菜单栏、插入栏、和面板组组成。 模块一初识网页与Dreamweaver CS6 任务二 认识Dreamweaver CS6 子任务2 Dreamweaver CS6的工作界面 1.各种界面认识 （1）启动界面：启动Dreamweaver CS6后，系统弹出启动界面，用户可根据需要执行“打开”或“新建”等操作。 （2）设计界面，单击“设计”选项，系统弹出“设计界面” 。用户可以进行相关设计操作。 （3）代码界面，单击“代码”选项，系统弹出