网页设计与制作（微课版第3版）PPT完整全套教学课件.pptx

第1章 网页制作与HTML5基础知识.pptx第2章 网页整体规划与设计.pptx 第3章 建立本地站点.pptx 第4章 制作文本.pptx 第5章 网页中的多媒体.pptx 第6章 网页中的超链接.pptx 第7章 表格使用与简单页面布局.pptx 第8章 设计框架网页.pptx 第9章 CSS与Div布局.pptx 第10章 行为.pptx 第11章 网页交互与特效.pptx 第12章 网页表单的应用.pptx 第13章 网站综合设计与制作实例.pptx 网页设计与制作（微课版第3版） 网页制作与HTML1基础知识第 1 章本书编写组网页设计与制作（微课版　第3 版） 1.1　　　　　　网页制作的基础知识1.2　　　　　　Dreamweaver CS6概述1.3　　　　　　网页标准技术与HTML 51.4　　　　　　综合实训案例 学习目标? 了解网页制作基础知识；? 了解网页标准技术及HTML 5常用标签，学会使用Dreamweaver CS6制作网页。 1.1　网页制作的基础知识1.1.1 网页的定义和分类1．按位置分类按在网站中的位置的不同，网页可分为主页和内页。2．按表现形式分类按表现形式的不同，网页可分为静态网页和动态网页1.1.2 网页设计的相关概念在网页制作过程中常常会遇到一些专业名词，如站点、发布、浏览器、导航条、超链接、表单、URL、IP地址及域名，掌握这些专业名词的具体含义才能轻松地制作网页。 1.1　网页制作的基础知识1.1.3 网页的基本组成元素1．LogoLogo，中文意思为标识、标志等，是整个网站对外的标识。2．BannerBanner，中文意思为旗帜或网幅，是一种由文本、图像和动画结合而成的网页栏目。Banner的主要作用是显示网站的各种广告，包括网站自身产品的广告和与其他企业合作放置的广告。3．导航栏导航栏是网页设计的重要内容，网页中的导航栏用于帮助用户快速访问所需内容。根据网页的大小及内容多少，一个网页可以设置多个导航栏，还可以设置多级的导航栏以显示更多的导航内容。 1.1　网页制作的基础知识1.1.3 网页的基本组成元素4．内容栏内容栏是网页的主体，通常由一个或多个子栏组成，包含网页提供的绝大部分信息和服务项目。5．文本文本容量小，传输速度快，用户可以快速地浏览和下载，是网页主要的信息载体。网页中文本的样式多变，风格不一，能吸引用户的网页通常都具有美观的文本样式。6．图像图像比文本更具生动性和直观性，它可以传递一些文本不能传递的信息，Logo、背景等一般都是图像。 1.1　网页制作的基础知识1.1.3 网页的基本组成元素7．按钮按钮的大小没有具体的规定，需注意的是，按钮要和网页的整体效果保持协调。按钮一般采用背景较淡、文字颜色较深的形式，也可采用对比度较强的颜色。8．Flash动画Flash动画越来越多地在网页设计中应用，适合自身风格的动画元素可以展现网站形象或者展示信息。9．版尾版尾是整个网页的收尾部分。在这部分内容中，可以声明网页的版权、法律依据，以及为用户提供各种提示信息等。 1.1　网页制作的基础知识1.1.4 网页制作工具1．“记事本”程序HTML代码可以使用Windows操作系统自带的“记事本”（Notepad）进行编写。使用时只需选择“开始”→“程序”→“附件”命令即可找到“记事本”程序“开始”菜单中的“记事本”程序 1.1　网页制作的基础知识1.1.4 网页制作工具2．EditPlus编辑器EditPlus是一款非常好用的HTML编辑器，除了支持颜色标记、HTML标记，同时还支持C语言、C++、Java等编程语言。另外，它还有完整的CSS指令功能，编写网页代码可达到事半功倍的效果 1.1　网页制作的基础知识1.1.4 网页制作工具2．EditPlus编辑器EditPlus是一款非常好用的HTML编辑器，除了支持颜色标记、HTML标记，同时还支持C语言、C++、Java等编程语言。另外，它还有完整的CSS指令功能，编写网页代码可达到事半功倍的效果 1.1　网页制作的基础知识1.1.4 网页制作工具2．EditPlus编辑器EditPlus是一款非常好用的HTML编辑器，除了支持颜色标记、HTML标记，同时还支持C语言、C++、Java等编程语言。另外，它还有完整的CSS指令功能，编写网页代码可达到事半功倍的效果 1.1　网页制作的基础知识1.1.4 网页制作工具3．网页开发工具是可视化的网页开发工具，强调“所见即所得（What You See is What You Get）”，如Dreamweaver CS6。4．图像处理软件在制作网页时常用的图像处理软件是Photoshop和Fireworks。5．动画制作软件Flash动画是网页中普遍使用的一种动画