科创学院Web应用开发课件第2章页面的布局及样式设计.pptVIP

2.1 学习情境引入 2.2 基本知识1：HTML语言 2.3 基本知识3：网页布局标记 2.4 基本知识4：级联样式表CSS 2.5 决策与计划 2.6 实施 ;2.1 学习情境引入;2.1.1 页面布局及样式设计的能需求;2.1.2 前台页面布局及样式展示;2.1.3 前台页面布局及样式设计的技术分解;2.2基本知识1：HTML语言;2.2.1 HTML语言简介;2.2.2 HTML文档 ;2.2.2 HTML文档;2.2.2 HTML文档;2.2.2 HTML文档;2.2.2 HTML文档;2.2.3 超链接标记;2·2·3超链接标记;2·2·3超链接标记;2·2·3超链接标记;2. 2.3 超链接标记;2·2·3超链接标记;2·2·3超链接标记;2·2·3超链接标记;2.2.4 文本类标记;1 字符的格式化 (1)font标记 在HTML中，使用字体标记font…/font来设置字体的字符格式，可以通过用字体标记的size、color和face属性来分别设置字体的大小、颜色和种类。 字体大小使用size属性来设置，浏览器将字号分为1~7级，因此可用的值为“1”至“7”； 字体颜色使用color属性来设置，一般使用颜色名称来设置，如red、blue、green等，也可使用十六进制RGB来设置； 字体种类使用face属性来设置，一般使用字体的名称作为参数来设置，如宋体、楷体等。 例 2?6 显示“欢迎光临！”字样，宋体，红色，大小为5。 font size=5 color=red face=宋体欢迎光临!/font ;1 字符的格式化 (2)其他字符格式化 例 2?7 对字符进行修饰。 html head title设置字符修饰的样式/title /head body b加粗的文字/bbr/ i斜体的文字/ibr/ u带下划线的文字/ubr/ 解下面的方程：br Xsup2/sup-5X+4=0br/ Xsub1 /sub=1；Xsub2 /sub=4br/ /body /html ;;2.2.5 图像标记;2.2.6 对象标记;2.2.6 对象标记;2.2.7 移动对象标记;2.2.7 移动对象标记;2.2.8 form标记;2.3 基本知识3：网页布局标记;2.3.1 表格???记;2.3.2 层标记;2.4 基本知识4：级联样式表CSS;2.4.1 CSS的基本概念;2.4.1 CSS的基本概念;2.4.1 CSS的基本概念;2.4.2 CSS的定义;2.4.3 CSS的使用;2.4.3 CSS的使用;2.4.3 CSS的使用;2.4.3 CSS的使用;2.4.4 CSS有效规则（选学）;2.4.4 CSS有效规则（选学）;2.5 决策与计划;2.5.1 页面布局及样式设计的决策 ;2.5.2 页面布局及样式设计的计划;2.6 实施;2.6.1 mainTable设计;2.6.2 topRightTable设计 ;2.6.3 commonOperationTable设计;2.6.4 basicOperationTable设计;2.6.5 cartOperationTable设计 ;2.6.6 底部设计