网页制作基本代码解析.docVIP

复习提纲目录 第1章 网页入门 - 2 - 第2章 图像与超链接 - 3 - 第3章 列表 - 5 - 第4章 网页中的表格 - 6 - 第5章 网页中的表单 - 8 - 第7章 使用CSS样式美化网页 - 9 - 第9章 HTML总结 - 11 - 第1章 网页入门 网页基本知识 什么是网页 由浏览器识别的用于显示信息的文件(信息包括：新闻、微博、购物、邮件等) 什么是网站 由众多网页组成的一个群体(网页之间可以相互调用实现信息查看) 构成网页的元素：文本、图像、动画、表格、其他。 文本：用于描述信息的文字 图像：增强信息的生动性和直观性 动画：强烈视觉冲击效果 表格：布局的合理性 其他：视频、背景音乐等 4. 访问网页的三个要素 网站的存储空间 服务器用于网页的存放 网站的域名 通过域名指向需要访问的网页 网页的访问地址 通过域名访问，通常打开的是默认页面 通过域名+网页名称进行访问 5. Dreamweaver工具的特点 开发环境完备、简单易用 所见即所得、支持可视化操作 代码提示功能 编写代码边看效果 6. 编辑模式 三种编辑模式 代码模式 拆分模式 设计模式  第2章 图像与超链接 1、图像的应用场合 新闻图片 产品说明 LOGO设计 Banner设计 广告宣传 2、图像的作用：图文并茂、直观、生动 3、图像路径的几种情况： 图像与网页在相同的目录下，直接写文件名称 图像位于网页目录下的某个子目录，先写子目录名字再写文件名称 图像位于网页目录之上，.. / 文件名 4、图像的相关属性 图像的基本属性（图像地址、图像尺寸、可替换的文本） img src=” 图像地址” width=”宽” height=”高” alt=”可替换文本”/ 5、图文混排的属性设置 边距（水平和垂直边距） 对齐方式（左对齐、右对齐、居中对齐） 6、超链接——使相互独立的页面可以互相访问。 a href=”链接地址” target=”目标窗口”……/a 目标窗口主要有两种：_blank;(在新窗口中打开) _self;(在原始窗口打开) 7、超链接的种类 电子邮件链接：mailto:jone@ 代码：a href=” mailto:jone@” target=”_blank”jone/a 书签标记（锚链接） 先“命名锚记”再“创建链接” 代码：a name=”paixu”/a a href=”about.html#paixu”查看公司位置/a 空链接 # 图像链接 文本链接 第3章 列表 1、无序列表ul—li 属于项目列表 列表项之间无顺序之分 每个列表项前均有一个项目符号 2、无序列表的类型 通过type属性设置列表显示符号类型 disc：实心圆点 square：实心方框 circle：空心圆点 3、有序列表ol—li 属于项目列表 以数字作为列表项符号 4、有序列表的类型 1：数字 A：大写英文 a：小写英文 i：小写罗马字符 I：大写罗马字符 5、定义列表dl—dt—dd 用于具有特殊要求的列表显示 第4章 网页中的表格 1、表格的作用 页面布局整齐、美观 2、表格的基本结构 单元格:表格的最小单位 行:一个或多个单元格横向堆叠形成了行 列:一个或多个单元格纵向划分形成了列 3、表格的属性 宽度 边框 对齐方式 单元格的填充 table width=”500” border=”1” align=”center/left/right” cellpadding=”20” cellspacing=”10” 间距 “填充”效果 “间距”效果 4、表格的行列关系 表格由行列组成 一行可以包含多列 列由一个或多个单元格组成 5、单元格的属性 宽 高 背景色 水平对齐 垂直对齐 td width=”400” height=”50” bgcolor=”#ffff00” align=”left” valign=”top” rowspan=”2” colspan=”3” ……/td 跨行 跨列 注意：水平对齐（left、right、center） 垂直对齐（top、middle、bottom、baseline）  第5章 网页中的表单 1、表单的典型应用 登陆 注册 网上购物 问卷填写 搜索信息 2、表单的属性