基本网络开发技术.pptVIP

基本网络开发技术 网站规划设计 HTML JavaScript语言 确定必需的栏目 确定重点栏目 建立层次型结构 设计每一个栏目 不要将所有的文件都放在根目录下 根据栏目规划来设计目录结构 每个目录下都建立独立的images子目录 目录的层次不要太深 不要使用中文目录名 可执行文件和不可执行文件分开放置 数据库文件单独放置 HTML概述 HTML概述 *.htm或*.html 无空格 无特殊符号（例如符号），只可以有下划线“_”，只可以为英文、数字 区分大小写 首页文件名默认为：index.htm 或 index.html HTML基本标签 2）常用标签及其属性 ⑵ 排版标签 ⑵ 排版标签 ⑵ 排版标签 ⑵ 排版标签 ⑵ 排版标签 ⑵ 排版标签 ⑵ 排版标签 ⑶ 字体标签 ⑶ 字体标签 ⑶ 字体标签 ⑶ 字体标签 ⑶ 字体标签 ⑶ 字体标签 ⑶ 字体标签 ⑶ 字体标签 ⑷ 清单（列表）标签 ⑷ 清单标签 ⑷ 清单标签 ⑸ 表格标签 ⑸ 表格标签 表格标签－综合应用：创建表格 表格标签－综合应用：表格标题 表格标签－综合应用：表格对齐方式 表格综合应用：合并单元格（跨列） 表格综合应用：合并单元格（跨行） 表格综合应用：背景和尺寸设置 ⑹ 表单标签 ⑹ 表单标签 ⑹ 表单标签 ⑹ 表单标签 ⑹ 表单标签 ⑹ 表单标签 ⑹ 表单标签 ⑹ 表单标签 ⑹ 表单标签 ⑹ 表单标签 表单标签－综合例子 ⑺ 图形和链接标签 ⑺ 图形和链接标签 绝对和相对路径名 电子邮件的链接 ⑻ 滚动文字标签 ⑻ 滚动文字标签 I EM VAR CITE DFN ADDRESS： 这些标签于Internet Explorer都产生斜体效果。这些标签中只有ADDRESS较为特别，因它包括换行效果，所以不必在它前面加上 BR 标签。 TT SAMP CODE KBD U STRIKE BIG SMALL SUP SUB ： TT SAMP CODE KBD 可令每字母有相等宽度且每字母之间的距离稍为加宽。 U 是加底线的标签，一些特别的浏览器并不支持，因顾虑到与链接混淆。 STRIKE 加上删除线的标签；BIG 令字体加大；SMALL 令字体变细。 SUB 为下标字， SUP 则为上标字，仅剩的数学标签。 H1 H2 H3 H4 H5 H6： 这些是标题标签，由 H1 至 H6 变粗变大加宽的程度逐渐减小。每个标题标签所标示的字句将独占一行且上下留一空白行。 FONT BASEFONT： 这两个标签的参数设定是一样的，都是设定文字的大小、字形及颜色，但各有用处，且看以下比较： a. BASEFONT 可以用于文件的开头部分，即 HEAD 与 /HEAD 之间的位置，将影响全文字句，是一个空标签，用以改变字体显示的默认值。 b.FONT 是应用于文件的内文部分，即 BODY 与 /BODY 之间的位置，只影响所标示的字句，是一个双标签。 两标签可同时存在，凡没被 FONT 所标示的字句才直接受 BASEFONT 所影响，而 FONT 本身亦受 BASEFONT 的影响。 HTML HEAD TITLE动物世界/TITLE /HEAD BODY H1了解有关动物的更多信息/H1 PFONT SIZE = 5 COLOR = BLUE FACE = Arial斑马的特性/FONT P没有任何两匹斑马FONT COLOR = RED SIZE = 3的斑纹是完全一样的，/FONT因此每匹斑马都是独一无二的 /BODY /HTML FONT SIZE = 5 COLOR = BLUE FACE = Arial 可以按名称或十六进制值指定颜色 可以为字体指定的大小范围为从 1 到 7 可以指定一列字体，各字体间用逗号分隔。浏览器以最先找到的字体显示文本 FONT 元素及其相关属性（如 SIZE、COLOR 和 FACE）可用于控制网页上文本的显示 备注 作 用 意义 类型 标签 ? 标示定义内容 定义内容 单 DD ? 标示该项定义的标题 定义条目 单 DT ? 清单分两层出现 定义清单 双 DL 清单项目将以圆点排列，如UL 目录清单 双 DIR 清单项目将以圆点排列，如UL 选单清单 双 MENU ? 每一标签标示一项清单项目 清单项目 单 LI ? 清单项目将以圆点排列 无序清单 双 UL ? 清单项目将以数字、字母顺序排列 顺序清单 双 OL OL LI : OL称为顺序清单标签。LI则用以标示清单项目。所谓顺序清单就是在每一项前面加上 1,2,3... 等编号，又称编号清单。每个列表前必须加上LI标签。 OL 的参数设定（常用）： 例如： ol type=i start=4/ol type=“i” : 设定编号样式，