新媒体广告设计 第1讲 了解HTML与CSS的语言规则 3-2-1 了解HTML与CSS的语言规则.pptx

课程：网络广告设计授课：郭少丹教学情境二 官方网站设计子教学情境二 网站网页的实现HTML与CSS的语言规则1、HTML的概念HTML（Hyper Text Markup Language 超文本标识语言），是一种用来制作超文本文档的简单标记语言。网页文件命名规则：后缀格式为 *.htm或*.html，命名不可以使用空格和特殊符号（例如符号），只可以有下划线“_”，可以为英文、数字，区分大小写。首页文件，也就是一个网站呈现给访问者的第一个页面，首页文件名默认为：index.htm 或 index.html。标签h1联系方式/h1元素h1注意： 贴标签前先把内容和其他内容分开HTML的主要语法是元素和标签。元素：是HTML语言的基本部分。如title（文档标题）、IMG（图象）、table（表格）等等。元素名不区分大小写的。标签：标签规定元素的属性和它在文档中的位置。标签分单独出现的标签和成对出现的标签两种。大多数的标签是成对出现的，有首标签和尾标签组成。首标签的格式为元素名，尾标签的格式为/元素名。CSS层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML等文件样式的计算机语言。就是通过CSS可以对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式。A、外部样式：将网页链接到外部样式表。B、内页样式：在网页上创建嵌入的样式表。C、行内样式：应用内嵌样式到各个网页元素。CSS层叠样式表（Cascading Style Sheets)选择器声明声明属性属性值值网页表现与内容分离修饰网页，包含动态样式{ }h3h3 {font-size: 12px; color: #06F;}一、 认识CSS样式1-1、 CSSCSS（Cascading Style Sheet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间。在使用了CSS样式的网页文档的源代码中，“style…/style”中间存放的是控制文档外观的CSS代码，位于文档的文件头部分，“body…/body”中间是网页文档的内容。一、 认识CSS样式CSS样式可以实现的功能：可以更加灵活地控制网页中文本的字体、颜色、大小、间距、风格及位置。可以灵活地为网页中的元素设置各种效果的边框。可以方便地为网页中的元素设置不同的背景颜色、背景图片及平铺方式。可以更加精确地控制网页中各元素的位置，使元素在网页中浮动。可以为网页中的元素设置各种滤镜，从而产生诸如阴影、辉光、模糊和透明等只有在一些图像处理软件中才能实现的效果。可以与脚本语言相结合，使网页中的元素产生各种动态效果。一、 认识CSS样式在Dreamweaver 中，【CSS样式】面板是新建、编辑、管理CSS样式的主要工具。在打开文档窗口的情况下，选择【窗口】/【CSS样式】命令可以打开或关闭【CSS样式】面板。二、 CSS样式的类型根据选择器类型的不同，CSS样式通常划分为以下3类。（1）【类（可应用于任何标签）】 利用该类选择器可创建自定义名称的CSS样式，能够应用在网页中的任何标签上。style type=text/css!--.pstyle {font-size: 12px;line-height: 25px;text-indent: 30px;}--/style在网页文档中可以使用class属性引用“pstyle”类。p class=pstyle…/p二、 CSS样式的类型（2）【标签（重新定义特定标签的外观）】 利用该类选择器可对HTML标签进行重新定义、规范或者扩展其属性。style type=text/css!--h2 { font-family: 黑体; font-size: 24px; color: #FF0000; text-align: center;}--/style二、 CSS样式的类型（3）【高级（ID、伪类选择器等）】 利用该类选择器会对标签组合（如“td h2”表示所有在表格单元中出现“h2”的标题）或者是含有特定ID属性的标签（如“#myStyle”表示所有属性值中有“ID=myStyle”的标签）应用样式。而“#myStyle1 a:visited,#myStyle2 a:link, #myStyle3…”表示可以一次性定义相同属性的多个CSS样式。其中，ID属性用于定义一个元素的独特的样式，如以下CSS规