基于Web标准的网页设计与制作1知识研讨.pptx

中国高等院校计算机基础教育课程体系规划教材;第〇讲 网页设计艺术;网页设计的基本问题;网页的布局;网页版面布局的方法;布局的含义;常见网页的版式;;用CSS布局实现1-3-1布局;网页的配色;网页的配色;色彩的基本知识;色彩的基本知识;色彩的三要素;色相(Hue);色相的计算机数值表示;明度(Brightness);饱和度(Saturation);纯度网页例图 ;;原色;红色网页例图 ;蓝色网页例图;间色;;间色配色网页;复色;复色网页示例;复色网页配色说明;网页选色的考虑;色彩的4种角色;网页中色彩的角色示例;色彩搭配的方案;同类色;同类色搭配;邻近色;邻近色搭配;补色;补色搭配;;对比色;对比色搭配;对比色搭配;对比色搭配;色彩的对比;色相对比 ;色相对比;纯度对比;纯度对比;补色对比;纯度对比;面积对比 ;面积对比;色彩调和;色彩调和的几种基本方法;;色彩调和的经验;网页的色彩搭配;网页的色彩搭配;网页的色彩搭配;网页色彩的搭配;配色的基本技巧;网页色彩的搭配;一些网页配色方案;;;;学习网页设计的建议;参考书籍;中国高等院校计算机基础教育课程体系规划教材;本书目录;第一章 网页与网站基础;本章要点;internet;WWW;WWW特点;网 页;HTML超文本标记语言;HTML的历史;HTML与编程语言的区别;网 站;网站结构;网站目录的建立;网站的特点;网页和网站的制作工具 ;Web服务器和浏览器;Web服务器;浏览器;浏览器的logo;静态网页和动态网页;动态网页的特征;域名、ip和主机;域名的作用;URL ;Url的举例;复习题;中国高等院校计算机基础教育课程体系规划教材;第二章 HTML、XHTML与Web标准 ;本章要点;(X)HTML文档的基本结构;编写HTML网页文档的方法;标记(Tags)和元素（Elements） ;例1 下面body内元素的个数是多少;带有属性的HTML元素的结构 ;例2 找出下面html代码的错误;HTML标记 的分类;HTML标记 的分类（2）;行内元素和块级元素 ;行内元素和块级元素举例;行内元素和块级元素示例;常见的html标记的属性;html存在的问题和web标准 ;Web标准;Web标准－结构;Web标准－表现;行为;网页的组成;Web标准的实现;XHTML与HTML的区别 ;XHTML与HTML的区别(续);XHTML与HTML的区别(续);例3 找出符合xhtml语法规范的语句;复习题;《基于Web标准的网页设计》;第三章 HTML标记功能详述 ;本章要点;HTML???记基础;文本格式标记;网页中添加文本的方法 ;用标题标记hn……/hn格式化文本;标题标记和段落标记 ;用预格式化标记pre…/pre格式文本;文本的强制换行br /;文本中的空格;文本中的转义字符;DW中插入HTML文本元素的快捷键 ;综合实例;跑马灯marquee标记;marquee示例;水平线标记hr / ;文本修饰标记（字体标记）;文本修饰标记;加粗、倾斜与下划线标记;上标（sup）和下标（sub）标记 ;列表标记 ;列表标记;嵌套的无序列表示例;有序列表(Ordered List);定义列表(Defined List);超链接标记a ;超链接标记a ;绝对URL ;相对URL ;相对URL示例;相对URL的优势;超链接的种类－根据源对象划分 ;超链接的种类－根据源对象划分2;超链接的种类－根据href的取值;超链接的种类－根据href的取值2;超链接的打开方式（target属性的取值） ;超链接的title属性;超链接制作的原则 ;课后思考;url协议的类型;图像标记img / ;图像标记 ：img src=“图像文件名” / 将图形文件嵌入到网页文档中的当前位置 说明：网页中插入图像有两种方法，一是插入一个img元素，二是将图像作为背景嵌入到网页中 由于CSS的背景属性的功能很强大，现在更推荐将所有的图像都作为背景嵌入。如果图像是通过img元素插入，则可以在浏览器上通过按住鼠标左键拖动选中图片，或者将它拖动到地址栏里，如果作为背景嵌入，则无法选中图片;网页中支持的图像文件格式 ;img标记的常见属性;在单元格中插入图像的方法 ;img插入图像的对齐方式 ;复习题;作 业（第一次）;媒体元素插入标记embed /;插入flash的两种方法 ;在图像上添加透明flash ;;插入视频或音频文件 ;流媒体简介;插入流媒体元素的方法;parm参数示例;容器标记div span;div和span;div和span;;表格标记table、tr、td;表格标记;;下面这段代码在浏览器中如何显示;表格标记table的常见属性;设置表格边框为20象素的效果;设置表格边框为0;再设置边框颜色为青色;