课程1-5天day1作业和笔记

1、基础班课程体系HTMLDIV+CSS4 天综合案例；月福首页3 天8 天6 天综合案例：传智的 综合案例：当当网综合案例：首页JavaScript(JS)+的一个系统上间：9:00-12:0014:00-17:00晚自8:30-20:30课堂时长大约 1 个小时左右，课间休息 10-15 左右。课堂：号在下课后，。上课需要的：Dreamweaver、Firefox 浏览器、飞秋、红蜘蛛B/S 网络模式（结构）B/S，browser/Server 浏览器/服务器结构。在这种模式下，客户端不需要安装任何的（除了浏览器），所有的其它的功能都集中到了服务器上。客户端基本上零。HTML 简介HTML，H

2、yperText Markup Language 超文本标注语言，是 SGML 的一个应用。是一种标准，一种规范，一种标志(标记)。比如：传智各种标记的作用：就是告诉浏览器这个内容该如何显示。静态网页的扩展名：.html.htm页(包含服务器端程序)的扩展名：.jsp.aspx 等超文本：是指加了超的文本。HTML 标记的格式双边标记：内容举例：广州传智单边标记：一个人有哪些特性：、学历、毕业院校、身高、体重等同理：人是一个类别，是类别中的一个具体的对象。书写 HTML 标记的规范HTML 标记不区分大小写，建议大家使用小写，为了向后兼容。如： 一个标记可以有属性，也可以没有属性。如果有属性的

3、话，属性和标记间用空格隔开(至少一个)，属性与属性之间用空格隔开。属性必须放在开始标记中，不能放在结束标记中。比如：fontsize=“7”没有属性：face=“黑体”3）属性值一般情况下，都需要加引号(不加也不为错)。4）HTML 的数值属性值，不需要加(px)，但 CSS 中的数值的属性值必须要加。HTML 中的写法：CSS 中的写法：5）标记之间可以嵌套，但只能是顺序嵌套，也就是一层套一层，不能交叉嵌套。一个网页的 HTML 结构网页标题网页的主体内容结构说明：当浏览器遇到该标记时，就把内容按网页格式来翻译。包含两个子标记：和定义网页文件头信息的，该标记中的内容在浏览器中是不可见，一般起

4、一个特殊的作用。定义网页的标题的，是的子标记。是网页的主体内容，网页中 99%的内容或标记，都是放在中。中的内容是可见的。的常用属性bgColor：设置网页背景颜色，比如：background：设置网页的背景URL，比如：HTML 字体修饰标记加粗斜体下划线删除线bold italicunderlinestrike 上标下标字体标记常用的属性Size：字体大小，取值：1-7，1 小 7 大。 Color：字体颜色，比如：red 或 RGB(255,0,0)或#FF0000 Face：字体类型，比如：face=“黑体”举例：内容水平线，是单边标记常用的属性：Size：水平线的粗细 Width：水

5、平线的宽度 Color：水平线的颜色noshade：纯色显示，不带阴影效果代码编辑器1）增强文本编辑器：EditplusNotepad特点：小、占用系统资源少、语法颜色缺点：没有代码提示功能2）IDE 集成开发环境：Zend Studio特点：缺点：较大、占用系统资源多、语法颜色、代码提示功能、程序的调试功能、数据库配置等3）可视化的网页代码编辑工具：Dreamweaver第一步：创建站点，站点管理站点一个站点，就是一个，一个由多个目录或文件。第二步：设置代码字号大小 CTRL+U编辑首选参数字体第三步：设置新建网页时的默认编码：CTRL+U编辑首选参数新建文档UTF-8 是多国语言编码，只要

6、你有相应的输入法，就能显示不同国家的语言。如何保证网页不出现乱码？你的编辑器的默认编码，要设置为 UTF-8你的 HTML 代码中，标记，也要设置相应的 UTF8 编码你的你的网页的编码也要设置为 UTF-8的数据编码也要设置为UTF8第四步：设置 DW 的默认浏览器：CTRL+U编辑首选参数在浏览器中预览DOM 浏览器，标准浏览器，Firefox 浏览器网页颜色表示用英文单词来表示：redgreen用 10 进制来表示：RGB(255,0,0)用 16 进制来表示：#FF0000blueRGB(0,255,0)RGB(0,0,255)#00FF00#0000FFRGB 色彩模式自然界中的所有

7、颜色，都可以通过红(R)、绿(G)、蓝(B)三种基色相互混合而成，RGB 又叫三原色。RGB 色彩模式，又叫加色模式。任何两种颜色相加，可以产生其它颜色。在计算机中，每个基色用 1 个字节来表示(8 位二进制，假设如 11011011)，共可以表示 256(0-255 个亮度级别)种颜色RGB 共可以混合出多少种颜色？ 256 * 256 *256=1677 万种色在网页中的写法：红色：RGB(255,0,0)绿色：RGB(0,255,0)蓝色：RGB(0,0,255)黄色：RGB(255,255,0)二进制：0、1十进制：0、1、2、3、4、5、6、7、8、9十六进制：0、1、2、3、4、5

8、、6、7、8、9、A、B、C、D、E、F运算规则：逢二进一运算规则：逢十进一运算规则：逢十六进一网页颜色用十六进制表示：红色：#FF0000绿色：#00FF00蓝色：#0000FF用两位 16 进制来表示 1 位 10 进制黄色：#F00在不同的浏览器下，10 进制显示存在不兼容性，最好的是 16 进制表示方法。在 HTML 中 10 进制表示颜色，没有效果；但在 CSS 中可以使用 10 进制表示。HTML 排版标记代表一个段落换行水平线，noshade 属性没有属性值：一级标题最大六级标题最小常用的属性：align：水平对齐，取值： left、center、right预排版标记，将保留代码所有的空白(连续的空格或换行)，换句话说：该标记中的内容会原封不动的输出。中输出数组时，用保留空白输出。在和这两个标记，如果单独使用，没有任何效果，一般要结合 CSS 来使用。这两个标记，虽然没有任何意义，但在DIV+CSS 中又是用的最多的。相当于两个小的容器，里面用来存放其它内容，方便排版布局。块元素和行内元素块元素：单独占取通栏的宽度，前后的元素必须另起一行排版。比如：、行内元素：多个行内元素排在同一行，行内元素没有宽度，宽度是由内容来决定。比如：HTML 字符实体& &;代表一个半角空格大于号小于号&; 乘号除号项目符号标记(无序列表)：块元素