作者:empty 页数:294 出版社:empty |
在我们刚开始学习网页制作时,总是习惯于先考虑外观,考虑图片、字体、颜色以及布局等所有表现在页面上的内容。但是外观并不是最重要的,相反最终用户在访问网页时的体验应该是优先要考虑的。一个由DIV+CSS布局且结构良好的页面可以通过调整CSS的定义, 在任何网络设备(包括PDA、移动电话和计算机)上以任何外观表现出来,而且利用DIV+CSS布局方式构建网页能够简化网页代码、加快网页显示速度, 因此DIV+CSS已经成为目前流行的网页布局方式,也是网页设计和制作人员需要掌握的技能之一。制作的细节图解,由浅入深地讲解网页制作的步骤与方法,并结合小型企业网站、电子相册网站、网络电台、网上商店、旅游网站等多个实例介绍了使用DIV+CSS构建网页的方法, 为读者一一展现DIV+CSS的神奇力量。
随着Web标准在国内的逐渐普及以及很多业内人士的大力推行, 很多网站已经开始重构。Web标准提出将网页的内容与表现分离, 同时要求HTML文档要具有良好的结构。因此需要抛弃传统的表格(Table) 布局方式, 采用层(DIV) 布局, 并且使用层叠样式表(CSS) 来实现页面的外观。表格布局曾经一统天下,因此很多网页制作人员已经养成了表格布局的网页制作方式,而要转向层布局,则需要抛弃这些思想,以全新的方法来分析、拆分设计图,本书正是从如何分析设计图、规划页面结构入手,深入讲解网页的设计和制作过程,主要内容都是来自于作者多年实践经验的提炼和总结,具有高度的实用性及参考性。本书作者自1999年起开始从事网页设计及制作工作,先后在多家网络公司任职,积累了大量网页设计制作方面的经验,精通网页布局和美化的多种技巧。本书基于Dreamweaver 8、Fireworks 8等常用软件, 按照从入门到精通的写作思路, 结合了由简单到复杂的多个典型网站实例,使读者不但可以学会使用多种网页制作工具制作出精美的网页,还能掌握目前流行的DIV+CSS网页布局与美化技能。本书采用了全新的图文结合方式,全面展现了网页设计与制作过程中的细节,尤其通过大量注释详尽的图解为读者化解了阅读和学习上的障碍,使得读者可以更加快速和高效地提升自己的网页制作技能。此外,附书光盘还提供了大量的网页制作素材,包括本书所有实例的源文件,读者可以根据每章介绍的实例操作步骤进行练习,并由此领悟实际应用中的难点和重点。
本书结构本书分为两大部分,共10章,具体结构划分如下。第一部分:网页设计与制作基础,包括第1章~第5章。这部分内容主要介绍了网页设计与制作的相关基础知识, 包括网页和网站的制作流程、目前推行的Web标准、DIV+CSS布局及其优势、HTML与XHTML、层叠样式表(CSS) 、图片及动态效果的应用等。网站制作过程的讲解,由浅入深地介绍了如何将层布局与层叠样式表相结合来完成不同的网页效果。考虑到有些读者可能对相关软件不熟悉,所以在介绍实例的同时中,本书也详细介绍了Dreamweaver 8、Fireworks 8等软件的使用, 即使是初学者也可以轻松掌握DIV+CSS布局方式,制作出精美的网页并搭建功能强大的网站。第二部分:典型实例,包括第6章~第10章。这部分内容主要通过对5个各具特色的适用读者网站建设的专业人士,其内容由浅入深,以实例为主线,以应用为目的,并穿插大量的制作技巧,既适合初学者,也适合进阶者。本书也可以作为各大中专院校相关专业的教学辅导和参考用书,或作为相关培训机构的培训教材。本书适用于希望系统学习网页设计、网站制作的初学者,也适用于从事网页设计制作和本书约定(1)为了简便起见,本书对小节标题的引用做了以下约定:如果文中出现了类似“6.2.2.1提取尺寸”的字样,这并不表示有编号为“6.2.2.1”的小节“提取尺寸 ,而是表示对应“6.2.2拆分首页”小节中“1.提取尺寸”部分的内容,如下图所示。
6.2.3拆分内容页(2)为了给读者提供更多的学习资源,同时弥补本书篇幅有限的遗憾,本书提供了大量的参考链接,许多本书无法详细介绍的问题都可以通过这些链接找到答案。因为这些链接地址会因时间而有所变动或调整,所以在此说明,这些链接地址仅供参考,本书无法保证所有的这些地址是长期有效的。(3)本书所列出的插图可能会与读者实际环境中的操作界面有所差别,这可能是由于操作系统平台、浏览器版本等不同而引起的,在此特别说明,一切以实际情况为准。(4) 本书的实例设计图是在Fireworks 8中设计制作的。学习本书实例之前需要安装Fireworks 8和Dreamweaver 8。如果要查看本书源代码, 建议使用Dreamweaver 8。(5)广大读者如有好的建议、意见,或在学习本书时遇到疑难问题,欢迎到网站(http:/bbs.ddcat.net)进行讨论,也可发电子邮件联系我们(dujie@ptpress.com.cn)。感谢陈刚、李恩杰、陈月英、张一楠、杨旭、徐莹、陈西林、李宁、何桉、金庆澄、邓楠、李月敏、周淑兰、王佳毅、吕俊、张建刚等人为本书的编写所付出的心血和努力,在这里对他们表示最诚挚的谢意。
分离背景图
3.分离图片
4.输出文件
6.2.3拆分内容页
(2)为了给读者提供更多的学习资源,同时弥补本书篇幅有限的遗憾,本书提供了大
量的参考链接,许多本书无法详细介绍的问题都可以通过这些链接找到答案。因为这些链接
地址会因时间而有所变动或调整,所以在此说明,这些链接地址仅供参考,本书无法保证所
有的这些地址是长期有效的。
(3)本书所列出的插图可能会与读者实际环境中的操作界面有所差别,这可能是由于操作
系统平台、浏览器版本等不同而引起的,在此特别说明,一切以实际情况为准。
(4) 本书的实例设计图是在Fireworks 8中设计制作的。学习本书实例之前需要安装
Fireworks 8和Dreamweaver 8。如果要查看本书源代码, 建议使用Dreamweaver 8。
(5)广大读者如有好的建议、意见,或在学习本书时遇到疑难问题,欢迎到网站
(http:bbs.ddcat.net)进行讨论,也可发电子邮件联系我们(dujie@ptpress.com.cn)。
感谢陈刚、李恩杰、陈月英、张一楠、杨旭、徐莹、陈西林、李宁、何桉、金庆澄、邓
楠、李月敏、周淑兰、王佳毅、吕俊、张建刚等人为本书的编写所付出的心血和努力,在这
里对他们表示最诚挚的谢意。
网页和网站的制作流程
网页和网站
网页的基本构成元素
混乱的逻辑结构和冗余的嵌套表格·
Web标准概述.
什么是内容、表现和结构
DIV与CSS结合的优势
怎么改善现有网站
抛弃表格布局的思维方式
正确使用XHTML标签
善于利用CSS
2.4.4
网站整体制作流程
1.2.1前期策划.
1.2.2页面细化及实施
1.2.3后期维护
静态页面制作的流程
1.3.1观察图纸
1.3.2拆分图纸
1.3.3组装
第2章布局方式大战
2.1
表格布局
2.2
Web标准
2.3理解表现和结构分离
2.4关于Web标准的误区
标准与非标准
“通过验证”并不是最终目的
网页的基础
HTML文件基本结构
为什么要升级
XHTML与HTML的比较
如何转换现有的结构为XHTML.
层叠样式表CSS
css的神奇性.
CSS的必要性
CSS与浏览器
如何在HTML内插入样式表
CSS 2中的分类
CSS 2中的单位
盒模型(BOX Model)
常见的浏览器兼容