网页设计与网站构建涉及的技术包括:
A— AJAX
AJAX,全名为“异步JavaScript与XML”,是一种构建互动网页应用的网页开发技术。依据Ajax的提出者Jesse James Garrett的建议,AJAX:
运用XHTML+CSS来呈现信息;
运用JavaScript操作DOM(文档对象模型)以实现动态展示和交互;
运用XML和XSLT进行数据交换及相关操作;
通过XMLHttpRequest对象与Web服务器进行异步数据交换;
利用JavaScript将所有元素整合在一起。
与DHTML或LAMP类似,AJAX并非指单一技术,而是有机结合了一系列相关技术。实际上,一些基于AJAX的“衍生/组合”式技术正在出现,如AFLAX。
B— Browser
网页浏览器是一种软件,用于显示网页服务器或文件系统中的文件,并允许用户与这些文件进行交互。它用于显示万维网或局域网内的文字、图像等信息。这些文字或图像可能是链接到其他网址的超链接,用户可以快速轻松地浏览各种信息。大部分网页为HTML格式,有些网页需要特定浏览器才能正确显示。截至2010年1月,个人电脑上常见的网页浏览器按市场占有率依次为微软的Internet Explorer、Mozilla的Firefox、Google的Chrome、苹果公司的Safari和Opera软件公司的Opera。浏览器是最常用的客户端程序。Web开发人员应确保其程序在各个主流浏览器中都能正常运行。
C— CSS
层叠样式表,又称串样式列表,英文:Cascading Style Sheets,简写为CSS,是由W3C定义和维护的标准,一种用于为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言。目前最新版本是CSS 2.1,为W3C的候选推荐标准。下一版本CSS 3仍在开发过程中。
D— DOM
文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展置标语言的标准编程接口。DOM的历史可以追溯到1990年代后期微软与Netscape的“浏览器大战”,双方为了在JavaScript与JScript上一决高下,于是大规模地赋予浏览器强大的功能。微软在网页技术上加入了不少专属事物,如VBScript、ActiveX以及自家的DHTML格式等,使不少网页使用非微软平台及浏览器无法正常显示。DOM即是当时孕育出来的杰作。
E— Events
事件是可以被控件识别的操作,如按下确定按钮,选择某个单选按钮或复选框。每种控件都有自己可以识别的事件,如窗体的加载、单击、双击等事件,编辑框(文本框)的文本改变事件等。现代的Web应用程序在很大程度上依赖于事件驱动。事件有系统事件和用户事件。系统事件由系统激发,如时间每隔24小时,银行储户的存款日期增加一天。用户事件由用户激发,如用户点击按钮,在文本框中显示特定的文本。事件驱动控件执行某项功能。触发事件的对象称为事件发送者;接收事件的对象称为事件接收者。使用事件机制可以实现:当类对象的某个状态发生变化时,系统将通过某种途径调用类中处理该事件的方法,或者触发控件事件的对象将调用该控件所有已注册的事件处理程序等。
F— Firebug
Firebug是网页浏览器Mozilla Firefox的一个扩展,是一个除错工具。用户可以利用它除错、编辑,甚至修改任何网站的CSS、HTML、DOM和JavaScript代码。Firebug还提供了其他网页开发工具,例如Yahoo!的网页速度优化建议工具YSlow。Firebug是由哈维(Joe Hewitt)撰写的,他是最初Firefox创始人之一。
G— Grid
网格,也称栅格,但从定义上来说,栅格更为准确。网上找到一个对网页栅格系统比较恰当的定义:以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。网页栅格系统是从平面栅格系统中发展而来。对于网页设计来说,栅格系统的使用,不仅可以让网页的信息呈现更加美观易读,更具可用性,而且对于前端开发来说,网页将更加灵活与规范。如果有很多CSS框架支持栅格功能,可参考文章《介绍27款经典的CSS框架》。
H— HTML
超文本置标语言(英文:HyperText Markup Language,HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种置标语言。HTML用于结构化信息——例如标题、段落和列表等,也可在一定程度上描述文档的外观和语义。由蒂姆·伯纳斯-李给出原始定义,由IETF用简化的SGML(标准通用置标语言)语法进行进一步发展的HTML,后来成为国际标准,由万维网联盟(W3C)维护。最新版本是HTML5,它是HTML下一个的主要修订版本,现在仍处于发展阶段。目标是取代1999年所定订的HTML 4.01和XHTML 1.0标准,以期能在互联网应用迅速发展的时候,使网络标准达到符合当代的网络需求。广义上论及HTML5时,实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。
I— IE
Windows Internet Explorer(旧称Microsoft Internet Explorer,简称Internet Explorer,缩写IE)是微软公司推出的一款网页浏览器。截至2010年9月,统计数据显示Internet Explorer的市场占有率达59.65%。尽管它仍然是使用最广泛的网页浏览器,但与2003年最高峰时相比,市场占有率相差超过30%。
高达59.65%。尽管它仍然是应用最广泛的网页浏览器,但与2003年最高峰时期相比,市场份额减少了超过30%。
Internet Explorer对某些标准化技术有一定的支持,但也存在许多运行上的差异和兼容性问题,这导致了技术开发者的批评不断增多。批评的增加在很大程度上是因为Internet Explorer的竞争对手已经提供了全面的技术支持,并且符合标准规格的应用也越来越普及。由于Internet Explorer在全球范围内广泛使用,网络开发者在寻找跨平台的代码时,经常会发现Internet Explorer的漏洞、私有功能集合和对标准支持的不完整。
2011年3月14日发布的Internet Explorer 9浏览器大幅提升了对于CSS3和HTML5等W3C规范的支持,这也是Internet Explorer浏览器第一个采用GPU加速的版本,在Acid3测试中获得了95/100分,相比以往版本有了很大的进步。可以认为,从Internet Explorer 9开始,Internet Explorer浏览器对W3C规范的支持将不再成为问题。
J— JavaScript
JavaScript是一种广泛用于客户端Web开发的脚本语言,常用于为HTML网页添加动态功能,例如响应用户的各种操作。它最初由网景公司的Brendan Eich设计,是一种动态、弱类型、基于原型的语言,内置支持类。JavaScript是Sun公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合,如服务器端编程。完整的JavaScript实现包括三个部分:ECMAScript、文档对象模型和字节顺序记号。
Netscape公司在最初将其脚本语言命名为LiveScript,在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计,目的之一就是“看上去像Java”,因此语法上有类似之处,一些名称和命名规范也借自Java。但JavaScript的主要设计原则源自Self和Scheme。JavaScript与Java名称上的相似,是当时网景为了营销考虑与Sun公司达成协议的结果。为了取得技术优势,微软推出了JScript来与JavaScript竞争。为了互用性,Ecma国际(前身为欧洲计算机制造商协会)创建了ECMA-262标准(ECMAScript)。现在两者都属于ECMAScript的实现。尽管JavaScript作为给非程序人员的脚本语言,而非作为给程序人员的编程语言来推广和宣传,但是JavaScript具有非常丰富的特性。
K— Keyword Optimization
关键词优化,也称为搜索引擎优化(Search Engine Optimization,简称SEO)是一种利用搜索引擎的搜索规则来提高目的网站在相关搜索引擎内的排名的方法。由于许多研究发现,搜索引擎的用户通常只会关注搜索结果的前几个条目,因此许多网站都希望通过各种方式来影响搜索引擎的排序。其中,依靠广告维生的网站尤为明显。
所谓“针对搜索引擎的优化处理”,是指为了让网站更容易被搜索引擎接受。搜索引擎会对网站之间的内容进行一些相关性的数据对比,然后由浏览器将这些内容以最快且最完整的方式呈现给搜索者。
搜索引擎优化对于任何一家网站来说,要想在网站推广中取得成功,搜索引擎优化都是至关重要的任务。同时,随着搜索引擎不断更新它们的排名算法规则,每次算法上的变化都可能导致一些排名良好的网站在一夜之间失去排名,而失去排名的直接后果就是失去了网站固有的可观访问量。因此,每次搜索引擎算法的更新都会在网站中引起不小的波动和焦虑。可以说,搜索引擎优化是一个越来越复杂的任务。
L— Less
Less最初是一个ruby的gem,使CSS具有动态语言的特性,这些特性包括变量、操作符、嵌套规则。实际上,Less的主要作用是将使用高级特性的CSS转换成标准的CSS。这些都是在Web客户端发起请求时通过Http Handler来完成的,也可以在编辑时完成。此外,Less可以配置为自动最小化所生成的CSS文件,这不仅节省了带宽,还提高了最终用户体验。另外还有.Net版本的Less。
M— MVC
MVC模式(Model-View-Controller)是软件工程中的一种软件架构模式,将软件系统分为三个基本部分:模型(Model)、视图(View)和控制器(Controller)。MVC模式最早由Trygve Reenskaug在1974年提出,是施乐帕罗奥多研究中心(Xerox PARC)在20世纪80年代为程序语言Smalltalk发明的一种软件设计模式。MVC模式的目的在于实现一种动态的程序设计,简化后续对程序的修改和扩展,并使程序某一部分的重复利用成为可能。除此之外,此模式通过对复杂度的简化,使程序结构更加直观。软件系统通过对自身基本部分的分离,同时也赋予了各个基本部分应有的功能。
N— Node.JS
Node是一个JavaScript运行环境(runtime),实际上它是对Google V8引擎(应用于Google Chrome浏览器)进行了封装。V8引擎执行JavaScript的速度非常快,性能非常好。Node对一些特殊用例进行了优化,提供了替代的API,使得V8在非浏览器环境下运行得更好。例如,在服务器环境中,处理二进制数据通常是必不可少的,但JavaScript对此支持不足,因此,V8.Node增加了Buffer类,方便并高效地处理二进制数据。因此,Node不仅仅简单地使用了V8,还对其进行了优化,使其在各种环境下更加高效。Node.js包罗万象,但最主要的一点是,它提供了一种在Web浏览器之外运行JavaScript的途径。JavaScript广泛应用于网站的前端开发。
包罗万象,但最主要的一点是,它提供了一种在Web浏览器之外执行JavaScript的途径。JavaScript广泛应用于网站的前端开发。Node使得这种流行的编程语言能够在更多环境下执行,甚至是网站的服务器端。
O— Object
对象(object),是面向对象(Object Oriented)中的术语,既表示客观世界问题空间(Namespace)中的某个具体的事物,又表示软件系统解空间中的基本元素。在软件系统中,对象具有唯一的标识符,对象包括属性(Properties)和方法(Methods),属性就是需要存储的信息,方法就是对象能够提供的服务。在面向对象(Object Oriented)的软件中,对象(Object)是某一个类(Class)的实例(Instance)。
P— PHP
PHP( Hypertext P reprocessor)是一种在电脑上运行的脚本语言,主要用途在于处理动态网页,也包含了命令行运行接口(command line interface),或者产生图形用户界面(GUI)程序。PHP最早由 Rasmus Lerdorf在1995年发明,而现在PHP的标准由PHP Group和开放源代码社区维护。PHP以PHP License作为许可协议,不过因为这个协议限制了PHP名称的使用,所以和开放源代码许可协议 GPL不兼容。PHP的应用范围相当广泛,尤其是在网页程序的开发上。一般来说PHP大多运行在网页服务器上,通过运行PHP代码来产生用户浏览的网页。PHP可以在多数的服务器和操作系统上运行,而且使用PHP完全是免费的。根据2007年4月的统计数据,PHP已经被安装在超过2000万个网站和100万台服务器上。
Q— Query
查询,有很多种意思。例如查询语言用来和存储数据的扩展系统交互,一个很好的例子就是SQL用来操作关系数据库。另一种意思是,一个查询字符串,作为URL的一部分用于Web应用程序中传递数据,查询字符串的格式一般是键值对形式。
R— Regular Expressions
正则表达式(英语:Regular Expression、regex或regexp,缩写为RE),也译为正规表示法、常规表示法,在计算机科学中,是指一个用来描述或者匹配一系列符合某个句法规则的字符串的单个字符串。在很多文本编辑器或其他工具里,正则表达式通常被用来检索和/或替换那些符合某个模式的文本内容。许多程序设计语言都支持利用正则表达式进行字符串操作。例如,在Perl中就内建了一个功能强大的正则表达式引擎。正则表达式这个概念最初是由 Unix中的工具软件(例如 sed和 grep)普及开的。
S— Source Control
源代码管理,也称版本控制,是一种软件工程技巧,借此能在软件开发的过程中,确保由不同人所编辑的同一程式档案都得到同步。软件设计师常会利用版本控制来追踪、维护源码、文件以及设定档等等的更动,并且提供控制这些更动控制权的程序。在最简单的情况下,软件设计师可以自己保留一个程式的许多不同版本,并且为它们做适当的编号。这种简单的方法已被用在很多大型的软件专案中。这是一个可以达到目的的方法,但不够有效率。除了得同时维护很多几乎一样的程式码备份外;而且极度依赖软件设计师的自我修养与开发纪律,但这却常是导致错误发生的原因。
有时候,一个程式同时存有两个以上的版本也有其必要性,例如:在一个为了部署的版本中程式错误已经被修正、但没有加入新功能;在另一个开发版本则有新的功能正在开发、也有新的错误待解决,这使得同时间需要不同的版本并修改。此外,为了找出只存在于某一特定版本中的程式错误、或找出程式错误出现的版本,软件除错者也必须借由比对不同版本的程式码以找出问题的位置。
T— TDD
测试驱动开发(Test-driven development)是现代计算机软件开发方法的一种。利用测试来驱动软件程序的设计和实现。测试驱动开始流行于20世纪90年代。测试驱动开发是极限编程中倡导的程序开发方法,方法主要是先写测试程序,然后再编码使其通过测试。测试驱动开发的目的是取得快速反馈并使用“illustrate the main line”方法来构建程序。
测试驱动开发的比喻。开发可以从两个方面去看待:实现的功能和质量。测试驱动开发更像两顶帽子思考法的开发方式,先戴上实现功能的帽子,在测试的辅助下,快速实现正确的功能;再戴上重构的帽子,在测试的保护下,通过去除冗余和重复的代码,提高代码重用性,实现对质量的改进。可见测试在测试驱动开发中确实属于核心地位,贯穿了开发的始终。
U— Unit Testing
单元测试(又称为模块测试)是针对程序模块(软件设计的最小单位)来进行正确性检验的测试工作。程序单元是应用的最小可测试部件。在过程化编程中,一个单元就是单个程序、函数、过程等;对于面向对象编程,最小单元就是方法,包括基类(超类)、抽象类、或者派生类(子类)中的方法。通常来说,程序员每修改一次程序就会进行最少一次单元测试,在编写程序的过程中前后很可能要进行多次单元测试,以证实程序达到软件规格书(en:Specification)要求的工作目标,没有错误;虽然单元测试不是什么必须的,但也不坏,这牵涉到项目管理的政策决定。
V— VIM
Vim是从 vi发展出来的一个文本编辑器。代码补完、编译及错误跳转等方便编程的功能特别丰富,在程序员中被广泛使用。和 Emacs并列成为类Unix系统用户最喜欢的编辑器。Vim的第一个版本由 Bram Moolenaar在1991年发布。最初的简称是 V i
并列成为Unix系统用户最偏爱的编辑器。Vim的第一个版本由Bram Moolenaar于1991年发布。最初的简称是VIM模仿,随着功能的不断丰富,正式名称改为VIM改进。现在是在开源方式下发行的自由软件。
W— WordPress
WordPress是一种用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上建立自己的博客。也可以将WordPress当作一个内容管理系统(CMS)来使用。WordPress是一个免费的开源项目,在GNU通用公共许可证下授权发布。目前最新版本为2011年2月24日发布的3.0.5官方简体中文版,另外还有包括英文在内的多种语言可选。
X— XSS
跨网站脚本(Cross-site scripting,通常简称为XSS)是一种网站应用程式的安全漏洞攻击,允许恶意使用者将程序代码注入到网页上,其他使用者在浏览网页时就会受到影响。这类攻击通常包含了HTML以及使用者端脚本语言。
Y— YUI
Yahoo! UI Library(YUI)是一个开源的JavaScript函数库,为了能建立一个高互动的网页,它采用了AJAX、DHTML和DOM等程序代码技术。它也包含了许多CSS资源。
Z— Z index
Z-Index是CSS属性,设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。该属性设置一个定位元素沿z轴的位置,z轴定义为垂直延伸到显示区的轴。如果为正数,则离用户更近,为负数则表示离用户更远。
网页制作与网站建设技术大全的目录
第1篇网站开发入门
第1章网站开发基础
1.1网站开发概要
1.1.1什么是网站
1.1.2网站设计的目的
1.1.3网站设计的学习内容
1.2网站建设的一般流程
1.2.1网站的定位
1.2.2申请网站域名
1.2.3申请服务器空间
1.2.4确定网站主题
1.2.5网站整体规划
1.2.6收集资料与素材
1.2.7设计网页页面
1.2.8切图并制作成页面
1.2.9开发动态网站模块
1.2.10发布与上传
1.2.11后期更新与维护
1.2.12网站的推广
1.3常用的网页设计软件
1.3.1网页设计软件Dreamweaver
1.3.2平面设计软件Photoshop
1.3.3网页图片设计和切图软件Fireworks
1.3.4动画设计软件Flash
1.4Web2.0网站概览
1.5相关问题
1.5.1域名的重要性与法律保护问题
1.5.2网站的空间服务质量与服务商
1.5.3网站的媒体性质与法律道德规范问题
1.5.4与网站内容版权相关的问题
1.6小结
第2章HTML入门
2.1HTML的基本语法
2.1.1网页结构
2.1.2创建HTML文件
2.2常见的HTML标签
2.2.1文本类标记:标签
2.2.2文本类标记:文本加粗、斜体与下划线
2.2.3表格标记
2.2.4超级链接标记
2.2.5段落标记
2.2.6框架标记
2.2.7表单与按钮标记
2.2.8图片标记
2.2.9换行标记
2.2.10水平线标记
2.2.11特殊标签
2.3实例:制作一个注册页面
2.4表格使用技巧
2.4.1表格边框使用技巧:表格边框的设置
2.4.2表格边框使用技巧:单元格边框的间距
2.4.3表格边框使用技巧:单元格的实线边框
2.4.4使用样式表设置文本边框:文本各方向相同的边框
2.4.5使用样式表设置文本边框:使用表格样式设置边框
2.4.6使用样式表设置文本边框:样式表中控制不同方向的边框
2.5HTML网页中的META属性
2.5.1name属性
2.5.2http-equiv属性
2.6常见问题
2.6.1网页中代码大小写问题和引号问题
2.6.2HTML与浏览器的不同版本
2.6.3HTML与XML
2.7小结
第3章网站及页面的色彩搭配
3.1色彩基础知识
3.1.1色彩的基本概念
3.1.2网页色彩的冷暖视觉
3.1.3网页安全色
3.2常见网页色彩搭配分析
3.2.1科技与时尚
3.2.2文化与艺术
3.2.3神秘与优雅
3.2.4激情与梦幻
3.2.5简约与高贵
3.3网站总体色彩规划
3.3.1定义网站的色彩基调
3.3.2站点内各栏目色彩搭配原则
3.4页面色彩搭配
3.4.1网页色彩搭配原理
3.4.2网页设计中色彩搭配的技巧
3.4.3常见的几种网页配色方法
3.5Web2.0用色模式及网页色彩趋势
3.6经典网页设计色彩搭配实例欣赏
3.7小结
第2篇网页设计与制作
第4章熟悉DreamweaverCS3的工作环境
4.1安装DreamweaverCS3
4.2认识DreamweaverCS3界面
4.2.1常用工具栏
4.2.2常用菜单命令
4.2.3插入工具栏
4.2.4属性标签
4.2.5CSS属性标签
4.2.6工具使用示例:插入下拉菜单
4.2.7工具使用示例:插入标签式面板
4.2.8工具使用示例:插入折叠面板
4.3使用DreamweaverCS3制作一个页面
4.4DreamweaverCS3的使用技巧
4.4.1Dreamweaver中常用的快捷方式
4.4.2Dreamweaver的首选参数
4.5相关问题
4.5.1DreamweaverCS3的新功能
4.5.2什么是网页三剑客
4.6小结
第5章创建与管理站点
5.1创建本地站点
5.1.1使用站点向导创建本地站点
5.1.2选择和更改本地工作站点
5.1.3本地站点和远程服务器同步
5.2管理站点文件
5.2.1创建文件夹和文件
5.2.2移动和复制文件
5.3使用站点地图
5.3.1查看站点地图
5.3.2站点测试与纠错
5.3.3站点报告
5.4创建第一个网站并测试
5.5常见问题
5.5.1FTP不能上传和下载的问题
5.5.2FTP远程文件夹设置的问题
5.5.3其他的网站开发工具能不能支持Dreamweaver中的站点
5.5.4怎样复制Dreamweaver中的站点
5.6小结
第6章制作页面内容和多媒体元素
6.1文本的输入和编辑
6.1.1输入文本
6.1.2设置文本属性
6.1.3使用标签进行排版
6.1.4输入特殊字符
6.2在网页中插入图像
6.2.1插入图像
6.2.1插入图片
6.2.2调整图片属性
6.2.3设置图片超链接
6.2.4调整图片边距
6.2.5插入动态鼠标经过图像
6.3构建网页链接
6.3.1创建文字链接
6.3.2创建锚点链接
6.3.3创建电子邮件链接
6.3.4创建图像热点链接
6.4运用CSS装饰网页
6.4.1CSS的基本规则
6.4.2在DreamweaverCS3中自动生成CSS样式代码
6.4.3DreamweaverCS3的样式模板自动生成样式表文件
6.4.4DreamweaverCS3的样式编辑器链接和编辑样式
6.4.5应用CSS设置文本样式
6.4.6实例:CSS样式表的应用
6.5插入多媒体元素
6.5.1插入Flash动画
6.5.2插入Flash按钮
6.5.3插入Flash文本
6.5.4插入视频
6.5.5插入网页背景音乐
6.6实例:制作图文并茂的多媒体页面
6.7常见问题
6.7.1网页中Flash动画尺寸的问题
6.7.2网页中音乐或视频文件无法播放的问题
6.7.3网页中音乐或视频文件尺寸的问题
6.7.4网页中对象不同属性的优先级问题
6.7.5网页粘贴文本时的格式问题
6.8总结
第7章网页的排版布局
7.1页面的基本组成
7.2网页排版技巧
7.2.1使用表格布局页面
7.2.2使用层结构布局
7.3常见的网页结构类型
7.3.1“国”字型布局
7.3.2“厂”字型布局
7.3.3“框架”型布局
7.3.4“封面”型布局
7.3.5Flash型布局
7.3.6页面排版布局趋势(Web2.0)
7.4注意事项
7.4.1如何处理好布局的丰富与简约的关系
7.4.2在布局中需要考虑的其他问题
7.5总结
第8章使用Photoshop进行页面设计
8.1PhotoshopCS3简介
8.2使用PhotoshopCS3设计页面
8.2.1常见页面尺寸
8.2.2确定网页色彩定位
8.2.3设计网页的功能结构
8.3网页中的设计元素
8.3.1导航区
8.3.2页面布局区
8.3.3版权区
8.3.4使用辅助线对网页效果图进行基本分区
8.4网页内容的设计实例
8.4.1网页中按钮的设计
8.4.2网页中艺术字的设计
8.5输出准备
8.5.1Photoshop常用的图片格式
8.5.2将图片保存为PSD格式
8.5.3将图片导出为JPG格式
8.5.4将图片导出为GIF格式
8.6实例:用PhotoshopCS3设计一个网页效果图
8.6.1新建一张网页效果图
8.6.2使用辅助线划分网页区域
8.6.3添加网站的Logo
8.6.4添加网站的Banner
8.6.5设计网页的导航条
8.6.6设计网站的内容布局
8.6.7设计网页的版权栏
8.7常见问题
8.7.1如何在网页中体现“眼球经济”
8.7.2如何在Photoshop中使用图层样式
8.7.3如何在网页的版权区中插入网站备案信息
8.8总结
第9章使用Fireworks切图输出
9.1FireworksCS3的简介
9.2使用Fireworks切图
9.2.1页面切图
9.2.2切片属性的设置与超链接
9.2.3热点链接设置
9.2.4优化和导出图像
9.3使用Dreamweaver进行页面制作
9.3.1设置FireworksCS3导出网页的属性
9.3.2设置FireworksCS3导出网页的对齐方式
9.3.3添加页面元素
9.4常见问题
9.4.1在网页中如何使用PNG格式的图像
9.4.2Fireworks切割图片的规则
9.5总结
第10章制作网站的Logo和Banner
10.1什么是网站Logo
10.1.1网站Logo的重要性
10.1.2网站标识的可识别性
10.2什么是Banner
10.3如何设计制作
10.3.1网站Logo设计标准
10.3.2网站Logo设计软件与制作
10.3.3Banner的制作标准
10.4精美Logo和Banner欣赏
10.4.1著名网站Logo分析
10.4.2Banner欣赏
10.5实例:制作网站Logo
10.6实例:制作有动画效果的Banner
10.7总结
第11章页面与图像的优化制作
11.1优化页面及图片
11.2Fireworks与Dreamweaver的关联操作
11.3优化页面图像
11.3.1关联至图像软件
11.3.2图片的优化处理
11.3.3图片大小的调整
11.3.4图片的亮度与对比度的设置
11.3.5图片的锐化设置
11.3.6图片的裁剪
11.4实例:在Dreamweaver中优化页面
11.5常见问题
11.5.1网页中的图片失真问题
11.5.2网页中的显示图片大小与实际图片大小的问题
11.6总结
第12章布局实现
12.1基本的表格布局方法
12.1.1插入表格
12.1.2设置表格属性
12.1.3合并单元格
12.1.4选取表格对象
12.1.5表格的复杂嵌套实现网页的排版
12.2使用层布局页面
12.2.1创建层
12.2.2设置层的属性
12.2.3设置层的Z轴
12.2.4层的样式
12.2.5利用层实现网页的布局
12.2.6层中的样式代码
12.2.7使用层制作下拉菜单
12.3实例:表格与层布局页面
12.3.1实例--“厂”字型布局
12.3.2实例--DIV+层布局(Web2.0)
12.4常见问题
12.4.1网页的基本布局风格问题
12.4.2在表格布局时表格边框颜色、背景颜色的搭配问题
12.4.3在标签式布局中对单元格背景样式控制
12.5总结
第13章网页模板与框架
13.1创建模板网页
13.1.1创建库项目
13.1.2创建模板
13.1.3创建可编辑区域
13.1.4创建其他模板区域
13.1.5实例:创建一个模板网页
13.1.6利用模板创建网页
13.2框架网页
13.2.1创建框架网页
13.2.2保存框架
13.2.3框架结构页面的编辑
13.3实例:制作一个框架结构网页
13.4常见问题
13.4.1网页模板与库项目的实质
13.4.2在网页中如何使用
……