《网页设计与制作——基于计算思维》全套PPT课件.pptx

第1章 网页设计与制作基础;主要内容;1.1网站与网页;1.1.1 网站;1.1.1 网站;1.1.2 网页;1.1.3 网页的基本构成元素;1.2 网页相关的概念;1.2.1 Internet、IP和域名;1.2.2 WWW和FTP;1.2.3 HTTP和HTML;1.2.4浏览器和Web服务器;1.2.5静态网页和动态网页;1.2.5静态网页和动态网页;1.3网站制作基本流程;“国”字形布局; T形布局;“三”字形布局; Flash布局;1.4 网页设计制作工具;1.4.1 原型设计工具;1.4.2图形图像制作工具;1.4.2 图形图像制作工具;1.4.3网页编辑工具;小结;第2章 HTML基础;主要内容;2.1标记语言的作用;2.2 HTML基础;2.2.1 HTML和XHTML;2.2.2 HTML5;2.2.3 HTML的基本语法;2.2.4 XHTML的语法;2.3 HTML的结构;2.3.1 基本结构;2.3.2 文档类型定义;2.3.3 头部内容;2.3.4 主体内容;2.4 标题与段落;2.5 文字格式;2.6 建立和使用列表;2.7 特殊字符和注释;2.8 HTML5中的新增结构元素;2.9 使用Dreamweaver编写网页;小结;第3章 CSS基础;主要内容;3.1 CSS基本概念;3.2 CSS选择器;3.2.1 基本选择器;3.2.1 基本选择器;3.2.2 其他选择器;3.3 在HTML中应用CSS;内部样式;外部样式;3.4 使用CSS控制文字样式;3.4 使用CSS控制文字样式;3.5 使用CSS控制段落样式;3.6 继承性和层叠性;3.6.1 CSS的继承性;3.6.2 CSS的层叠性;3.7 使用Dreamweaver编辑CSS;小结;第4章 网页中的颜色、图像和多媒体;主要内容;4.1 颜色的基础知识;4.1.1 三原色;4.1.1 三原色;4.1.1 三原色;4.1.2 色相、明度、饱和度;4.1.2 色相、明度、饱和度;4.1.2 色相、明度、饱和度;4.1.2 色相、明度、饱和度;4.1.3 冷暖色;主要内容;4.2 网页中的颜色;4.2.1 网页中颜色的表示;4.2.1 网页中颜色的表示;4.2.1 网页中颜色的表示;4.2.1 网页中颜色的表示;4.2.1 网页中颜色的表示;4.2.1 网页中颜色的表示;4.2.2 网页安全色;4.2.2 网页安全色;4.2.2 网页安全色;4.2.3 网页配色基础;4.2.3 网页配色基础;4.2.3 网页配色基础;4.2.3 网页配色基础;4.2.3 网页配色基础;4.2.3 网页配色基础;4.2.3 网页配色基础;4.2.3 网页配色基础;4.2.3 网页配色基础;4.2.3 网页配色基础;4.2.3 网页配色基础;4.2.3 网页配色基础;4.2.3 网页配色基础;4.2.4 Dreamweaver中颜色的操作;4.2.4 Dreamweaver中颜色的操作;主要内容;4.3 网页中的图像;4.3.1 图像在网页中的应用;4.3.1 图像在网??中的应用;4.3.1 图像在网页中的应用;4.3.2 网页中的图像类型;4.3.2 网页中的图像类型;4.3.2 网页中的图像类型;4.3.2 网页中的图像类型;4.3.2 网页中的图像类型;4.3.2 网页中的图像类型;4.3.3 网页中的图像标签;4.3.3 网页中的图像标签;4.3.3 网页中的图像标签;主要内容;4.4 使用Dreamweaver操作图像;4.4.1 网页图像的添加;4.4.1 网页图像的添加;4.4.1 网页图像的添加;4.4.2 网页图像属性的设置;4.4.3 网页图像占位符;4.4.3 网页图像占位符;4.4.4 网页中的背景图像设置;4.4.4 网页中的背景图像设置;4.4.4 网页中的背景图像设置;4.4.4 网页中的背景图像设置;4.4.4 网页中的背景图像设置;主要内容;4.5 在网页中添加多媒体对象;4.5.1 在网页中插入声音对象;4.5.1 在网页中插入声音对象;4.5.1 在网页中插入声音对象;4.5.1 在网页中插入声音对象;4.5.1 在网页中插入声音对象;4.5.1 在网页中插入声音对象;4.5.1 在网页中插入声音对象;4.5.1 在网页中插入声音对象;4.5.2 在网页中插入视频对象;4.5.2 在网页中插入视频对象;4.5.2 在网页中插入视频对象;4.5.2 在网页中插入视频对象;4.5.3 在网页中插入Flash对象;