CSS3+DIV网页样式与布局案例课堂(第2版) - (EPUB全文下载)

文件大小:0.47 mb。
文件格式:epub 格式。
书籍内容:

CSS3+DIV网页样式与布局案例课堂(第2版)
第1章 网页设计的必备技能
第2章 CSS样式入门
第3章 CSS3样式的基本语法
第Ⅱ篇 核心技术
第4章 设计网页字体与段落样式
第5章 设计网页图片样式
第6章 设计网页背景与边框样式
第7章 设计网页超级链接和鼠标样式
第8章 设计表格和表单样式
第9章 设计列表和菜单样式
第10章 使用滤镜美化网页元素
第Ⅲ篇 高级应用
第11章 CSS3的高级特性
第12章 过渡和动画效果
第13章 2D和3D变幻效果
第14章 CSS3和JavaScript的搭配应用
第15章 CSS与XML的综合运用
第Ⅳ篇 网页布局
第16章 CSS定位与DIV布局核心技术
第17章 CSS+DIV盒子的浮动与定位
第18章 固定宽度网页布局剖析与制作
第19章 自动缩放网页布局剖析与制作
第20章 创建响应式页面
第Ⅴ篇 项目案例实战
第21章 设计商业门户类网页
第22章 设计图像影音类网页
第23章 设计娱乐休闲类网页
第24章 设计企业门户类网页
第25章 设计在线购物类网页
第1章 网页设计的必备技能
随着Internet的发展与普及,越来越多的人开始在网上通信、工作、购物、娱乐,甚至在网络上建立自己的网站。网站代表了企业和个人的形象。正确的布局可以让网站的结构更加合理,使网站的外观更加美观。本章重点讲解在网页设计中读者必须掌握的技能。
本章要点(已掌握的在方框中打钩)
□ 了解网页和网站的基本概念
□ 熟悉网页中需要包含的要素
□ 熟悉网页的基本构成
□ 掌握设计网页的总体流程
□ 熟悉网站的种类与网页布局方式
□ 掌握使用Photoshop设计网页结构的方法
1.1 认识网页和网站
现在,网站已经成为越来越重要的信息发布途径。拥有自己的网站,可以说是每个网页创作者的梦想。要学习网站建设,首先来认识一下网页和网站,了解它们的相关概念。
1.1.1 什么是网页
网页是Internet中最基本的信息单位,是把文字、图形、声音及动画等各种多媒体信息相互链接起来而构成的一种信息表达方式。
通常情况下,网页中有文字和图像等基本信息,有些网页中还有声音、动画和视频等多媒体内容。网页一般由站标、导航栏、广告栏、信息区和版权区等部分组成,如图1-1所示。
在访问一个网站时,首先看到的网页一般称为该网站的首页。有些网站的首页具有欢迎访问者的作用。首页只是网站的开场页,单击页面上的文字或图片,即可打开网站主页,而首页也随之关闭,如图1-2所示。
图1-1 网页的外观
图1-2 网站的首页
网站主页与首页的区别在于:主页设有网站的导航栏,是所有网页的链接中心。但多数网站的首页与主页通常合为一个页面,即省略了首页而直接显示主页,在这种情况下,它们指的是同一个页面,如图1-3所示。
图1-3 网站主页与首页合二为一
1.1.2 什么是网站
网站就是在Internet上通过超级链接的形式构成的相关网页的集合。简单地说,网站是一种通信工具,人们可以通过网页浏览器来访问网站,获取自己需要的资源或享受网络提供的服务。例如,人们可以通过淘宝网站查找自己需要的商品,如图1-4所示。
图1-4 淘宝网站
1.2 网页中需要包含的要素
在互联网中,网页是一个文件,存储在某一台与互联网相连的计算机或服务器中,经由统一资源定位器来识别与存取。本节就来介绍网页中需要包含的要素。
1.2.1 需要HTML文件
图1-5 HTML相关代码
HTML(Hypertext Marked Language,超文本标记语言)是一种用来制作超文本文档的简单标记语言,是一种应用非常广泛的网页格式,也是被用来显示Web页面的语言之一。
网页当中所有定义的色彩、文字、表格,甚至是视频等元素的网页相关代码,都是编写在HTML文件中的,可以说HTML就是网站展示声音、图片、文字等元素的平台。如图1-5所示,该网页的源代码就是HTML相关代码。
1.2.2 需要DIV层

标记是一个区块容器标记,在

标记中可以放置其他一些HTML元素,例如段落

、标题

、表格

、图片和表单等。使用CSS3相关属性将div容器标记中的元素作为一个独立对象进行修饰,这样就不会影响其他HTML元素。
形象地讲,在HTML网页文件中,DIV就相当于一个“圈地者”,它将网页分成若干个小区域,每一个DIV在网页上占据了一定的位置,而在这个位置上用户可以放置特定的内容。如图1-6所示的“手机数码”区域,就是先用DIV来圈出一块地方,然后在上面放置“手机数码”的分类信息,其他区域也是这样来放置网页元素的,最后放在一起就整合出了一个完美的网页。
图1-6 网页上的“手机数码”区域及其他区域
1.2.3 需要CSS定义网页样式
图1-7 使用CSS来定义网页样式
在网页中,设计者将元素都放置好后,要想给浏览者呈现出一个丰富多彩的网页效果,还需要利用CSS来定义网页样式。
在设计网页的过程中,CSS扮演了一个“美术家”的角色,利用CSS可以定义网页文字、图片以及视频等元素的显示方式,如网页的文字以怎样的颜色、大小、字体来显示等。另外,通过CSS还可以将网页中指定的DIV部分变成我们所需要的风格、样式,使其能够更贴切地接近我们的要求。如图1-7所示,在该网页中就使用了CSS来定义网页样式。
提示
CSS样式一般是作用在DIV上的,它需要与DIV一起构成网页上的一个模块,而网页又由多个DIV构成,因此,从狭义上讲,HTML+DIV+CSS就能构成一个网站。
1.2.4 需要JavaScript设置网页动画
JavaScript是一种为了使网页能够具有交互性、包含更多活跃的元素而嵌入在网页中的技术。它使网页能够表现的内容更加生动,使网页的效果更加醒目。
JavaScript作为一种可以给网页增加交互性的脚本语言,拥有近二十年的发展历史。它的简单、易学易用特性,使其立于不败之地。使用JavaScript可以轻易地制作出 ............

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

版权声明:书云(openelib.org)是世界上最大的在线非盈利图书馆之一,致力于让每个人都能便捷地了解我们的文明。我们尊重著作者的知识产权,如您认为书云侵犯了您的合法权益,请参考版权保护声明,通过邮件openelib@outlook.com联系我们,我们将及时处理您的合理请求。 数研咨询 流芳阁 研报之家 AI应用导航 研报之家
书云 Open E-Library » CSS3+DIV网页样式与布局案例课堂(第2版) - (EPUB全文下载)
Copyright © 2006-2024 书云(openelib.org). 发展开放的数字化知识平台,让每个人都能便捷地了解我们的文明。