HTML+CSS+JavaScript网页制作从新手到高手

HTML+CSS+JavaScript网页制作从新手到高手

第1篇 HTML篇

1 HTML与CSS网页设计概述

1.1 HTML的基本概念
1.1.1 什么是 HTML
1.1.2 HTML 的发展
1.1.3 HTML与XHTML
1.2 CSS的基本概念
1.2.1 什么是CSS
1.2.2 CSS在网页设计中的作用
1.3 网页与网站
1.3.1 网页与网站的关系
1.3.2 建立网站的一般流程
1.3.3 URL简介
1.3.4 常用的网页编辑工具
高手私房菜
技巧：如何查看网页的HTML代码

2 HTML文档的基本结构

2.1 基本的HTML文档结构示例
2.2 HTML文档的基本结构
2.2.1 文档类型的声明
2.2.2 标签对和属性
2.2.3 标签对和属性
2.2.4 标签对和属性
2.3 HTML标签、元素及属性
2.3.1 什么是标签
2.3.2 元素
2.3.3 属性的定义
2.3.4 属性值的定义
2.3.5 元素和属性的大小写规范
2.4 标准属性
高手私房菜
技巧1：属性值与引号的正确使用
技巧2：HTML的字符实体在不同浏览器中的正确解析

3 HTML网页文字设计

3.1 文本的排版
3.1.1 标题

、

、

、

、

和
3.1.2 字体标记
3.1.3 基本文字格式
3.1.4 特殊符号
3.2 段落的排版
3.2.1 段落标记及其对齐方式
3.2.2 换行
标记
3.2.3 居中标记
3.2.4 加入水平分隔线
3.2.5 预编排标记
3.3 建立无序的列表
3.4 建立有序的列表
3.4.1 使用type属性定制有序列表项目符号
3.4.2 使用start属性定制有序列表中的列表项的起始数
3.4.3 使用value属性定制有序列表中的列表项序号的数值
3.5 网页超链接
3.5.1 超链接的概念
3.5.2 设置链接的目标地址
3.5.3 设置链接的目标窗口
3.5.4 设置链接的提示信息
3.5.5 使用锚链接到同一个网页的不同部分
3.5.6 使用锚链接到另一个网页的特定部分
高手私房菜
技巧1：一级标题h1的使用
技巧2：元素属性的默认值

4 网页色彩和图片设计

4.1 图像基础知识
4.1.1 图像的分辨率
4.1.2 网页中的图片格式
4.1.3 怎样创建图片
4.2 在网页中使用图像
4.2.1 在网页中插入图像标记
4.2.2 设置图像源文件
4.2.3 设置图像在网页中显示的宽度和高度
4.2.4 设置图像的替换文字
4.2.5 设置图像的提示文字
4.2.6 设置图像的边框
4.3 用图像代替文本作为超链接
4.4 使用图像映射
4.4.1 选定文本
4.4.2 使用Dreamweaver创建图像映射
高手私房菜
技巧1：关于浏览器安全色的问题
技巧2：关于图像映射

5 网页表格设计

5.1 表格的基本结构
5.2 控制表格的大小和边框的宽度
5.2.1 设置表格的宽度和高度
5.2.2 设置表格边框的宽度
5.3 设置表格及表格单元格的对齐方式
5.3.1 控制表格在网页中的对齐方式
5.3.2 控制表格单元格的水平对齐
5.3.3 控制表格单元格的上下对齐
5.4 合并单元格
5.4.1 用colspan属性左右合并单元格
5.4.2 用rowspan属性上下合并单元格
5.5 用cellpadding属性和cellspacing属性设定距离
5.6 为表格添加视觉效果
5.6.1 设置表格和单元格的背景颜色
5.6.2 设置表格和单元格的背景图像
5.7 表格的按行分组显示
高手私房菜
技巧1：禁止单元格内的文本自动换行
技巧2：用colspan和rowspan属性上下、左右合并单元格

6 网页表单设计

6.1 了解和创建网页表单
6.1.1 网页表单的工作原理
6.1.2 创建表单
6.1.3 了解控件的概念
6.2 使用标签创建表单控件
6.2.1 创建普通文本框和密码文本框
6.2.2 创建单选按钮
6.2.3 创建复选框
6.2.4 创建隐藏控件
6.2.5 创建文件选择框
6.2.6 创建重置按钮
6.2.7 创建提交按钮
6.2.8 创建图形提交按钮
6.3 使用
posted @ 2020-05-01 12:33  哀莫  阅读(2479)  评论(0)  编辑  收藏  举报

欢迎访问我的主页！