Div+CSS网页样式与布局从入门到精通 - (EPUB全文下载)

文件大小：1.57 mb。
文件格式：epub 格式。
书籍内容：

Div+CSS网页样式与布局从入门到精通
第1章 怎样开发设计网站
第2章 HTML入门基础
第3章 CSS样式设计基础
第4章 使用CSS设置文本和段落样式
第5章 使用CSS设置图片和背景样式
第6章 使用CSS控制列表样式
第7章 使用CSS设计表单样式
第8章 使用CSS设计表格样式
第9章 使用CSS定义链接样式
第10章 CSS中的滤镜
第11章 Div+CSS布局入门
第12章 用CSS定位控制网页布局
第13章 移动网页设计基础CSS3
第14章 CSS与JavaScript应用
第15章 企业网站设计
第16章 移动网站设计
附录 CSS浏览器兼容性与常见技巧解答
版权
第1章 怎样开发设计网站
怎样才能设计开发一个吸引人的网站，除了需要设计师的聪明才智之外，网页设计和开发知识也是设计师应该注重和掌握的方面。为了能够使网页制作初学者对设计和开发网站有一个总体的认识，本章讲解一些基础知识。
学习目标
了解网站开发设计需要什么
通过Dreamweaver开发Div+CSS
一个简单的网页需要包含什么
1.1 网站开发设计需要什么
仅仅学会了网页制作工具是不能制作出好的网站的，还需要了解网页标记语言HTML（超文本置标语言）、网页脚本语言JavaScript、CSS（层叠样式表）样式表等。
1.1.1 需要HTML文件
HTML作为一种标记语言，它本身不能显示在浏览器中。标记语言经过浏览器的解释和编译，才能正确地反映HTML标记语言的内容。HTML从HTML1.0到HTML5经历了巨大的变化，从单一的文本显示功能到多功能互动。许多特性经过多年的完善，HTML已经成为了一种非常成熟的标记语言。
HTML不是一种编程语言，而是一种描述性的标记语言，用于描述超文本中内容的显示方式。如文字以什么颜色、大小来显示等，这些都是利用HTML标记完成的。其最基本的语法就是<标记符>内容。标记符通常都是成对使用，有一个开头标记和一个结束标记。结束标记只是在开头标记的前面加一个斜杠“/”。当浏览器收到HTML文件后，就会解释里面的标记符，然后把标记符相对应的功能表达出来。如在 HTML 中用标记符来定义文字为斜体字，用标记符来定义文字为粗体字。当浏览器遇到标记时，就会把标记中的所有文字以斜体样式显示出来，遇到标记时，就会把标记中的所有文字以粗体样式显示出来。
完整的HTML文件包括标题、段落、列表、表格以及各种嵌入对象，这些统称为HTML元素。一个HTML文件的基本结构如下。
文件开始标记
文件头开始的标记
……文件头的内容
文件头结束的标记
文件主体开始的标记
……文件主体的内容
文件主体结束的标记
文件结束标记
从上面的代码可以看出，在HTML文件中，所有的标记都是相对应的，开头标记为<>，结束标记为，在这两个标记中间添加内容。
1.1.2 需要Div来布局
Div 最大的优势在于其灵活性，它可以放置到页面中的任何一个位置，甚至可以隐藏在页面的边线内。因此，使用Div比使用表格可以更方便地实现页面的排版，而且Div有许多功能是表格不能实现的。
最初的页面排版是完全平面式的，在 HTML2.0 以后，表格得到了广泛的应用，设计者可以精确地布置页面上的元素。但是随着页面的复杂程度的增加，设计者越想精确布局，页面的表格就越复杂，这给设计者和浏览者都带来了一定的困难，设计者无法随心所欲地放置页面元素，而表格的复杂化带来了浏览器解释时间的增加，用户等待时间加长。
为了解除这些困扰，W3C（万维网联盟）在新的CSS中包含了一个绝对定位的特性，它允许设计者将页面上的某个元素定位到任何地方，而且除了平面上的并行定位，还增加了三维空间的定位z-index，因为z-index定义了堆叠的顺序，类似于图形设计中使用的图层，所以拥有了z-index属性的元素被形象地称为Div。
Div主要有以下功能。
Div 的好处在于样式与主体内容分离，大量减少了网页代码量，使网页下载速度更快。而且对于后期网站维护来说，也是相当便捷的，这是Div最大的优势。
有了Div以后可以将元素置于Div中，因为Div可以重叠，所以也就产生了许多重叠效果。
可以利用Div来精确定位网页元素。它可以包含文本、图像甚至其他Div，凡是HTML文件可包含的元素均可包含在Div中。
Div可以转换成表格，为不支持Div的浏览器提供了解决方法。
Div可以显示和隐藏，利用这一功能可以实现网页导航中的下拉菜单。
1.1.3 需要CSS来定义样式
CSS 是Cascading Style Sheets（层叠样式表）的缩写，它可以与HTML 或XHTML 超文本标记语言配合来定义网页的外观。
当熟练掌握了Dreamweaver的基本功能后，可能会发现制作的网页有些问题，例如文字不能添加在图片上、段落之间不能设置行距。有时即使懂得一些HTML标记，但是还不能随意改变网页元素的外观，无法随心所欲地编排网页。因此W3C协会颁布了一套CSS语法，用来扩展HTML语法的功能。CSS是网页设计的一个突破，它解决了网页界面排版的难题。可以这么说，HTML的标记主要是定义网页的内容，而CSS决定了这些网页内容如何显示。
在网页设计中通常需要统一网页的整体风格，统一的风格大部分涉及网页中的文字属性、网页背景色以及链接文字属性等，如果我们应用CSS来控制这些属性，会大大提高网页的设计速度，使网页总体效果更加统一。例如图1-1和图1-2所示的网页分别为使用CSS前后的效果。
图1-1 使用CSS前
图1-2 使用CSS 后
1.1.4 需要JavaScript
使用JavaScript等简单易懂的脚本语言，结合HTML代码可快速地完成网站的应用程序。脚本语言（JavaScript、VBScript等）介于HT ............

以上为书籍内容预览，如需阅读全文内容请下载EPUB源文件，祝您阅读愉快。