1、网页制作基本代码重点讲义资料复习提纲目录第1章 网页入门1.1.1 网页基本知识1. 什么是网页由浏览器识别的用于显示信息的文件(信息包括:新闻、微博、购物、邮件等)2. 什么是网站由众多网页组成的一个群体(网页之间可以相互调用实现信息查看)3. 构成网页的元素:文本、图像、动画、表格、其他。1 文本:用于描述信息的文字2 图像:增强信息的生动性和直观性3 动画:强烈视觉冲击效果4 表格:布局的合理性5 其他:视频、背景音乐等4. 访问网页的三个要素 网站的存储空间 服务器用于网页的存放 网站的域名 通过域名指向需要访问的网页 网页的访问地址 通过域名访问,通常打开的是默认页面 通过域名+网页
2、名称进行访问5. Dreamweaver工具的特点1 开发环境完备、简单易用2 所见即所得、支持可视化操作3 代码提示功能4 编写代码边看效果6. 编辑模式三种编辑模式1 代码模式2 拆分模式3 设计模式 第2章 图像与超链接1、图像的应用场合1) 新闻图片2) 产品说明3) LOGO设计4) Banner设计5) 广告宣传2、图像的作用:图文并茂、直观、生动3、图像路径的几种情况:1) 图像与网页在相同的目录下,直接写文件名称2) 图像位于网页目录下的某个子目录,先写子目录名字再写文件名称3) 图像位于网页目录之上,. / 文件名4、图像的相关属性图像的基本属性(图像地址、图像尺寸、可替换的
3、文本)5、图文混排的属性设置边距(水平和垂直边距)对齐方式(左对齐、右对齐、居中对齐)6、超链接使相互独立的页面可以互相访问。 目标窗口主要有两种:_blank;(在新窗口中打开)_self;(在原始窗口打开)7、超链接的种类1) 电子邮件链接:mailto:jone代码:jone2) 书签标记(锚链接) 先“命名锚记”再“创建链接” 代码: 查看公司位置3) 空链接 #4) 图像链接 5) 文本链接第3章 列表1、无序列表1) 属于项目列表2) 列表项之间无顺序之分3) 每个列表项前均有一个项目符号2、无序列表的类型通过type属性设置列表显示符号类型1) disc:实心圆点2) squar
4、e:实心方框3) circle:空心圆点3、有序列表1) 属于项目列表2) 以数字作为列表项符号4、有序列表的类型1) 1:数字2) A:大写英文3) a:小写英文4) i:小写罗马字符5) I:大写罗马字符5、定义列表 用于具有特殊要求的列表显示第4章 网页中的表格1、表格的作用 页面布局整齐、美观2、表格的基本结构 单元格:表格的最小单位 行:一个或多个单元格横向堆叠形成了行 列:一个或多个单元格纵向划分形成了列3、表格的属性宽度 边框 对齐方式 单元格的填充间距 “填充”效果 “间距”效果4、表格的行列关系 表格由行列组成 一行可以包含多列 列由一个或多个单元格组成5、单元格的属性 宽
5、高 背景色 水平对齐 垂直对齐 跨行 跨列注意:水平对齐(left、right、center) 垂直对齐(top、middle、bottom、baseline)第5章 网页中的表单1、表单的典型应用 登陆 注册 网上购物 问卷填写 搜索信息2、表单的属性 表单ID 动作 方法代码:3、表单的主要元素 1)单行文本框(元素名称、字符宽度、最多字符数、初始值)2)密码框3)单选按钮4)复选框5)下拉列表 1997 1998 1999 6)按钮按钮的类型(提交按钮、重置按钮、普通按钮)7)文件域8)隐藏域9)多行文本域4、设置表单元素的功能属性 只读属性:readonly 禁用属性:disabled
6、第7章 使用CSS样式美化网页1、什么是CSS CSS:Cascading Style Sheets 层叠样式表 用于确定网页格式控制的规则2、CSS的作用 内容和样式的分离 样式复用 页面的精确控制 搜索引擎的收录3、Dreamweaver与CSS样式1)标签导航器 通过标签可以快速定位需要设置样式的位置2)CSS选择器 标签选择器:以标签名作为样式名称 类选择器:以“.选择器名称”来表示样式,能实现套用 ID选择器:以元素id作为样式名3)CSS属性面板 CSS规则 编辑规则4、字体样式字体修饰的内容 属性名称 说 明font-family字体名称font-size字体大小color字体颜
7、色line-height行高5、文本对齐方式的设置 属性:text-align 方式:left、center、right6、样式表修饰背景背景修饰的内容 属性名称 说 明background-color背景颜色background-image背景图像地址background-repeat背景图像平铺属性background-position背景图像位置第9章 HTML总结1、常用的HTML标签名称 说 明HTML的基本标签,所有的HTML内容都是放在该标签中的HTML文档的头部,一般用于定义网页的全局属性,如标题、网页编码等位于标签内,用来设置网页的标题HTML文档的主体部分,与内容相关的HT
8、ML标签都是放在该标签中的 全局标签 文本与段落名称 说 明段落换行 一级标题 六级标题加粗斜体水平线 特殊字符名称 说 明 空格<&©(版权符号) 图像标签及相关属性名称属性 说 明src图像地址alt图像替代文本,当该图像无法显示时,在图像左上角显示该文本width图像宽度height图像高度align图像对齐方式,常用的可选值有:left、right和absmiddle,分别表示左对齐、右对齐和绝对居中对齐hspace水平边距vspace垂直边距 超级链接名称属性 说 明href超级链接地址一般直接填写对应的页面地址即可,如果要设置电子邮件链接,则填写:
9、mailto:邮箱地址target目标窗口设置为_self或者不进行设置,表示在本窗口打开,设置为_blank,表示在新窗口打开 有序与无序列表名称 说 明创建一个无序列表创建一个有序列表创建一个列表项该标签位于或内部,可以使用多次用来表示多个列表项 定义列表名称 说 明创建一个定义列表创建定义列表中的项目该标签位于内部创建定义列表中项目的解释与标签并列位于的内部,一般位于的下方,可以出现多次 表格名称属性 说 明width表格宽度border表格边框cellpading单元格内填充cellspacing单元格间距align表格对齐方式可以使用的值有left、center和right,分别表示
10、左对齐、居中对齐和右对齐。如果不设置align属性,表示默认状态 单元格属性名称属性 说 明width单元格的宽度height单元格的高度bgcolor单元格的背景颜色align单元格水平对齐方式可以使用的值有left、center和right,分别表示左对齐、水平居中对齐和右对齐valign单元格垂直对齐方式常用的值有top、middle和bottom,分别表示顶端对齐、垂直居中对齐和底部对齐 表单及常用标签名称 说 明创建一个表单表单中最常用的标签,可以用来创建单行文本框、密码框、单选按钮、复选框、文件域、隐藏域等多种类型的表单元素创建一个下拉列表创建一个下拉列表项,该标签位于标签内部创建一个多行文本框 表单属性名称属性 说 明method提交表单的方法可用的取值有post和getaction表单提交的目标页面地址该页面用来接受表单传递的数据,并且对数据进行处理2、内嵌式框架的使用 3、网页规范的内容(P284-287) 基本规范 推荐规 范 文件命名规范