计算机应用基础 课件教学全套课件（高职版大学计算机基础 第八章 网页制作_课件.pptxVIP

大学计算机基础第八章 网页制作 了解网页制作的基本流程 了解常用网页制作工具理解客户服务器模式及WWW工作原理掌握HTML文档基本结构及常用标记掌握Dreamweaver CS5制作网页的基本方法理解网页测试发布的作用及方法本章学习目标 前言互联网是一个浩瀚的知识海洋，越来越多的人从各种网站上获取各方面的知识。随着网络的高速发展，各种网站也以惊人的速度不断增加，网站建设和网页制作越来越成为各公司发展的重中之重。与此同时，也有越来越多的学生及技术爱好者在学习并推广应用网页制作这门技术。众多的网页制作工具让人眼花缭乱，难以取舍。本章将介绍Dreamweaver CS5的应用方法，并以网站建设流程为主线，介绍网页制作的基础技术。第8章 网页制作第8章 网页制作8.1 网页制作流程?网页制作是一个循环往复的过程。 8.1 网页制作流程1.规划阶段网站定位要精准 网站栏目规划要清晰 网站要有自己的特色 注重细节和用户体验 8.1 网页制作流程2. 设计阶段决定网页的内容、导航结构和其他制作要素。根据内容设计网页的外观。8.1 网页制作流程3. 发布阶段?将网页发布到和因特网相连的服务器上去，让更多的人能够访问。8.1 网页制作流程4. 维护阶段?不断地更新网页中的内容，展示出最新信息。8.1 网页制作流程8.2 WWW概述1.客户服务器模式 服务器（Server）：指的是能在网络上提供服务的一台计算机。服务器能接收请求，产生响应，并将结果返回给客户端。 客户端（Client）：指的是能向服务器发出请求并能处理接收服务器返回的信息。 8.2 WWW概述2. WWW工作原理 ?WWW的工作原理有三要素：WWW服务器、WWW浏览器及两者之间的协议规范。8.2 WWW概述8.3 网页制作工具介绍 1 .SharePoint Designer 2010简介 ?SharePoint Designer是微软继FrontPage之后推出的新一代网站创建工具。您可以使用它创建数据丰富的网页，构建支持方蝶工作流的强大解决方案。您可以创建各式各样的网站，从小型项目管理团队网站到仪表板驱动的企业门户解决方案。8.3 网页制作工具介绍 2.Dreamweaver CS5简介 ?Dreamweaver CS5是一款集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。8.3 网页制作工具介绍 8.4 HTML概述 1.HTML简介 ?HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前万维网（WWW）网络上应用最为广泛的语言，也是构成网页文档的主要语言8.4 HTML概述 2. HTML文档的基本结构 HTML的语法简单，其基本框架结构是相同的。 html/html在文档的最外层，它表示该文档是用超文本标记语言HTML编写的。head/head是HTML文档的头部标记。title/title是嵌套在head头部标记中的，标记之间的文本是文档标题。body/body标记之间的文本是正文，是在浏览器中要显示的页面内容。 8.4 HTML概述 3. HTML标记及属性 标记及属性的语法格式为：标记名字 属性1=属性值1 属性2=属性值2内容/标记名字 。字体：超文本中最重要的元素是文字。语法格式为：font face= 字体名称 size= 字号大小 color= 字体颜色文本/font 标题：hn标记用于设置文档体中出现的标题文字，语法格式为：hn标题内容/hn 8.4 HTML概述 3. HTML标记及属性 表格：在HTML文档中，表格通过table，th，tr，td标记设置的。图像：img src=URL图像路径 width=宽度 height=高度 alt=替代文字 border=边框的粗度 超链接：a href=目标资源地址?target=窗口名称 title=指向链接显示的文字超链接名称/a表单：form action=应用程序的URL method=get|post name=名称 target=目标窗口... /form8.4 HTML概述 8.5 Dreamweaver基本操作 1. Dreamweaver CS5 窗口界面 ?Dreamweaver CS5窗口由菜单栏、文档工具栏、文档编辑区、属性检查器、插入面板、文件面板、状态栏等组成。如图8-5所示。图8-5 Dreamweaver CS5窗口8.5 Dreamweaver基本操作 2.Dreamweaver CS5 创建站点 Dreamweaver CS5站点是Web站点中所有文件和资源的集合。制作网页首先需创