《零基础学HTML+CSS》励志照亮人生,编程改变命运。
内容全面,由浅入深:介绍HTML语言和CSS的语法基础。
结合实例,强化理解:以DIV+CSS布局为重点,提供300余个实例进行讲解。
教学灵活,关键提醒:部分特效给出详细演示,并提供大量“注意”、“说明”和“技巧”。
综合应用,实战演练:提供3个案例全程布局游戏类、企业类和博客网站。
随着Internet的快速发展,网页设计已成为网络技术的重要内容之一,使现在的网站界面越来越漂亮,而且页面的代码也越来越精致。
网页设计技术一直在推陈出新,不断有新技术的应用,实在太丰富了,总结一下,可以分为静态页面和动态页面,而动态页面是以静态页面,特别是HLML语言为基础的。HTML和CSS的结合,正好是静态页面布局的重要组合。
在布局中,都往W3C标准靠近,即用HTML中的DIV和CSS结合布局,在网页中定义好DIV层,通过层参数ID和CLASS与CSS的ID选择符或类选择符关联,CSS能控制HTML中DIV等对象的效果。不仅可以控制文本字体、层背景等,还可以控制图像的背景和边框等样式效果。本书的内容安排
本书分四篇,共33章,从HLML基本知识讲起,介绍HLML的标记用法,再进一步介绍HTML中的DIV标记与CSS结合等用法,在第三篇中,讲解了CSS的大部分属性语法和用法,最后结合笔者经验,讲解如何用DIV和CSS来布局游戏、企业、博客的主页面,通过练习,使网页设计人员的水平不断提高。
第一篇(第l章一第11章)HTML基础知识
这篇讲述了网页的基础语言,即HTML,从认识HTML语言开始,到HTML标记对的使用。对经常用的标记,如字体标记、文字布局中用到的标记及图像、超级链接、表单、表格、框架和移动标记的语法和用法,并在每个章节中,通过实例手把手来演示这些标记的用法。通过实例的演示,使HTML语言变得更容易。
第二篇(第12章一第14章)DIV+CSS布局
这篇讲述了与布局相关的基本用法,即关联DIV对象与CSS的用法,使设计人员对不同的项目使用不同的关联CSS样式方式,在大型项目中,通过外部链接使整个项目只需要一两个CSS文件,使用CSS文件的网页,通过链接引入网页中,对HLML标记控制,在网页中表现出CSS控制的效果。
目录
写给未来的程序员
前言
第一篇 HTML基础知识
第1章 认识HTML语言
1.1 HLML简介
1.2 HLML由标记组成
1.2.1 单标记
1.2.2 双标记
1.3 创建第一张网页
1.4 浏览HLML的浏览器兼容
1.5 编写HLML的工具
1.5.1 aptana代码提示工具
1.5.2 Dreamweaver网页开发工具
1.6 小结
第2章 常用HTML标记和格式
2.1 设置正文的标题
2.1.1 标题设置的语法
2.1.2 标题设置经典案例——字号由大到小
2.2 设置段落
2.3 强制换行
2.4 给代码注释
2.5 粗体与斜体
2.6 下画线与删除线
2.7 上标与下标
2.8 HLML标记和格式实例
2.8.1 标题用h1
2.8.2 设置每一行为一段落
2.8.3 粗体和删除线
2.8.4 加上化学元素和数学平方根
2.9 小结
第3章 字体标记
3.1 设置字体大小
3.2 设置字体颜色
3.3 设置标题字体样式
3.3.1 标题的字体
3.3.2 设置字体的大小和颜色
3.4 物理字体
3.5 逻辑字体
3.6 字体实例
3.6.1 插入字体
3.6.2 字体颜色设为红色
3.6.3 把文字设为标题h1
3.6.4 设为斜体并加删除线
3.6.5 设置字体为
3.7 小结
第4章 文字布局
4.1 行的控制
4.1.1 换行控制
4.1.2 不换行控制
4.2 文字对齐
4.3 段落设置
4.4 列表
4.4.1 无序列表
4.4.2 有序列表
4.5 其他方式修饰文本
4.5.1 欲格式化文本
4.5.2 计算机输出格式
、4.6 文字布局
4.6.1 设置文字换行与不换行
4.6.2 设置文字对齐
4.6.3 显示列表
4.6.4 计算机代码
4.7 小结
第5章 图像
5.1 图像的基本语法
5.1.1 在网页中插入图像
5.1.2 图像无法显示时的提示信息
5.1.3 控制图像的大小
5.2 图像的链接
5.3 图像和文字对齐
5.4 图像的边框
5.5 图像映射图
5.6 图像实例
5.6.1 在网页上引入图像标记
5.6.2 设置图像参数alt
5.6.3 给图像做超链接
5.6.4 设置图像的边框
5.6.5 设置文本与图像对齐
5.6.6 设置图像的映射图
5.7 小结
第6章 超级链接
6.1 文字链接
6.1.1 最简单的文字超链接
6.1.2 超链网页的打开方式
6.1.3 链接的注释
6.2 图片链接
6.3 锚点链接
6.4 邮箱地址链接
6.5 相对路径与绝对路径
6.5.1 相对路径
6.5.2 绝对路径
6.6 链接实例
6.6.1 在网页中做文字链接
6.6.2 给图片做超链接
6.6.3 设置锚点链接
6.6.4 邮箱链接
6.7 小结
第7章 表单
7.1 表单基本语法
7.2 文本框和密码框
7.2.1 文本框
7.2.2 密码框
7.3 单选框和复选框
7.3.1 单选框
7.3.2 复选框
7.4 下拉列表与文本域
7.4.1 下拉表
7.4.2 文本域
7.5 按钮
7.6 表单实例
7.6.1 插入表单
7.6.2 添加文本框和密码框
7.6.3 添加单选框和复选框
7.6.4 添加下拉表和文本域
7.6.5 在表单中添加提交按钮
7.7 小结
第8章 表格
8.1 表格基本语法
8.2 跨多行、多列表元
8.2.1 跨多行表元
8.2.2 跨多列表元
8.3 设置表格大小
8.3.1 设置表格边框
8.3.2 设置表格高度和宽度
8.4 表格内文字对齐
8.5 表格在网页中对齐
8.6 表格实例
8.6.1 表格中嵌入表格
8.6.2 设置跨行和跨列
8.7 小结
第9章 框架
第10章 移动的字体和图片
第11章 网页多媒体
第二篇 DIV+CSS布局
第12章 为什么用DIV布局
第13章 DIV与SPAN
第14章 DIV与CSS结合
第三篇 CSS部分
第15章 CSS基础知识
第16章 字体设置
第17章 文本设置
第18章 设置背景
第19章 设置尺寸
第20章 设置外补丁
第21章 设置内补丁
第22章 设置对象边框
第23章 定位
第24章 列表
第25章 用CSS控制表格
第26章 CSS设置滚动条
第27章 CSS布局
第28章 选择符
第29章 伪类
第30章 单位
第四篇 实践部分
第31章 游戏网站布局
第32章 企业网站布局
第33章 博客主要页面布局
附录 IE7对CSS的支持