精彩网页设计

章节摘录

　　网站建设就好比盖楼，施工之前必须先进行图纸设计，只有按照图纸施工才能保证建筑物的顺利完工。同样，如果没有任何策划就开始网站的建设，想到什么就做什么，或者把大量网页毫无章法的堆放在一起，以致内容杂乱、条理不清晰、缺乏统一性，不仅用户没有兴趣浏览，也会给网站的维护者带来不必要的麻烦。所以，不论网站大小，在建设之前都必须进行细致的策划，使网站具有明确的主题和统一的风格，同时也能避免在制作过程中浪费时间重复无用功，从而达到事半功倍的效果。　　下面就逐个介绍前期规划所涉及的各个方面。　　当建设一个网站时，首先应该明确建站的目的。　　简单地讲，就是要明确网站是为谁而建的，网站建成之后面对的是哪一类用户，要向目标群体传递什么样的核心概念，并通过网站发挥什么样的作用。因此，网站的建设目的是网站的“领航者”，整个网站的结构、风格、色彩和内容都是围绕其目的而展开的。　　本书重点讲解商业网站的建立，所谓商业网站，指以盈利为目的网站，如新浪、搜狐和淘宝等。商业网站的建站目的就是盈利，但网站盈利的方式也有很多种，其大致包括如下几种。　　（1）个人交易平台服务：属于客户对客户（Customer to Customer）模式，其代表网站是淘宝、eBay等，此类网站运作起来，受众群体大，建立信誉难度大、推广与运营的费用很高，采用此类模式的企业必须在某一个专业领域有足够的优势和充足的资金。　　（2）在线广告：这是网站比较普遍采用的盈利方式，其形式繁多，如Banner（旗帜）、Logo（图标）、Flash多媒体动画和在线影视等方式，大部分是按点击次数来收费以获取利润的，Google和百度等搜索引擎类网站就主要采取这种方式。一般来说，只要网站有较多的浏览群体，就具备了在线广告收费的条件。　　（3）短信铃声等移动运营服务：近年来兴起的因特网短信铃声下载，不仅为手机用户带来了更周到的服务和更精彩的铃声彩信，也为各大网站提供了一个非常好的人气转利润的盈利模式。如果网站拥有较好的流量，就可以通过与专业短信铃声的SP提供网站进行合作，从而获得利润，如果拥有更多的投资和技术力量，也可以成为SP的一员，虽然现在从市场业绩来看SP普遍有下降趋势，但仍不失为一种盈利的方式。　　（4）网上零售：属于商家对客户（Business to Customer）模式。世界上最大的网上零售商店亚马逊去年的销售额高达69亿多美元。对于国内比较著名的B2C零售网站主要有当当网、卓越网等。许多大型企业都拥有自己的网上商城，通过网络自己经销商品。尽管目前网上零售依然存在一些局限，但随着技术的日臻完善。

前言

　　Dreamweaver是美国Macromedia公司最早推出的一套专业可视化的网页开发工具，在Macromedia被Adobe收购后，经过改进，使得Dreamweaver成为众多网页制作软件中的佼佼者。最新的CS4版软件更是在兼容性和整合性等方面得到了显著的提高，并进一步提升了软件的实用性和可操作性，同时还为这款集网页制作、网站管理、程序开发于一体的软件赋予了更为强大的功能和人性化的设计，使得DreamweaverCS4成为网页制作方面独一无二的专家。　　本书精选了目前最为流行和富有代表性的网站实例，对其进行详细的讲解。每个实例都介绍了其相关的行业背景，网站类型分析，以及完整的制作过程，并且在其中都穿插了对各个知识点的讲解和练习，可以使读者在实践操作的过程中，掌握不同类型网站的制作技巧。本书中几乎每个实例都能够让初学者直接进行实际操作，在循序渐进的过程中逐步了解实例的制作方法和特点，从而更加深入地把握软件的知识点。　　全书共分为13章，遵循由浅入深的规律，以符合读者学习网页制作速度的要求，从简单到复杂地讲解关于DreamweaverCS4的使用和网络中具有代表性的商业网站网页的制作方法，下面简单介绍一下书中的主要内容。　　第1～3章介绍了建立网站和设计页面的基本知识，其中，第1章介绍了网站建设基本流程，让读者先对网页设计有基本的了解；第2章介绍了网站的页面设计，引起读者对网站页面设计风格的重视；第3章介绍了网站的内容设计，主要是关于网页中所展示内容应该注意的问题。前3章并没有介绍关于DreamweaverCS4的使用，而是对网站和网页设计的理念进行了一系列的讲述，因为编者认为，一个优秀的网页设计师不仅仅是能够熟练地使用软件，更重要的是要有自己的设计思路，只会使用软件的设计者永远只能附和他人的设计风格却没有自己的特色。　　第4章全面地介绍了DreamweaverCS4软件的基本使用情况，包括站点的创建和管理、页面结构的搭建和布局、表格、框架、AP元素、CSS样式表、多媒体、超级链接、表单、Spry控件、行为、模板、库和动态网站等知识点，帮助读者快速地了解和掌握网页制作的各项技术。　　第5～13章的实例部分介绍了包括企业网站、教育网站、求职招聘网站、音乐网站、信息网站、旅游网站、服装网站、交友网站和电子商务网站等不同类型网站的特点和制作方法，所涉及的知识点涵盖了在使用DreamweaverCS4制作网站过程中所用到的各项技术，而且在每个实例制作完成后还配有一个举一反三的附加实例，使读者既能够温习之前所学到的技术，又能够对该类型网站的风格和特点有更深层次的了解，从而真正地掌握商业网站和网页的制作过程和方法，成为真正的网页制作设计师。　　本书内容的安排是由浅到深，由易到难，而且每个知识点都讲解清晰，通俗易懂，实例部分更是步骤明了，强调实用性，所以本书不仅适用于入门级别的网页制作初学者，同样也可为网站开发人员提供网页制作流程方面的参考。　　虽然编者力求严谨，但由于时间仓促，难免有疏漏和不当之处，望广大读者不吝赐教，提出宝贵意见，以便改正。

书籍目录

第1章　网站建设基本流程 11.1　前期策划 21.1.1　确定建站目的 21.1.2　网站需求分析 41.1.3　规划网站 51.1.4　建站方式的选择 81.1.5　网站域名和空间的申请 91.2　后期推广 101.2.1　网站的发布和维护 101.2.2　网站的推广 121.3　举一反三——图片浏览网站的设计 131.4　扩展知识 20第2章　网站的页面设计 232.1　网页色彩的应用 242.1.1　认识色彩 242.1.2　色彩模式 242.1.3　运用色彩 252.2　界面设计的规则与技巧 262.3　网站设计的整体风格 272.4　网页布局的基本要素 272.4.1　页面标题 272.4.2　网站Logo 282.4.3　页面尺寸 282.4.4　导航栏 292.4.5　页眉和页脚 302.5　网页布局原则与形式 302.5.1　网页布局原则 302.5.2　常见的网页布局形式 312.6　网页中的文字设计 322.6.1　文字的选择 322.6.2　文字的图形化 342.6.3　文字设计需要注意的问题 342.7　网页中的图像应用 342.7.1　常见的网页图像格式 352.7.2　网页中应用图像的注意要点 352.8　网页中的多媒体应用 362.8.1　动画 362.8.2　声音和视频 362.9　站点设计 372.9.1　网站目录结构设计 372.9.2　导航 372.9.3　搜索项 382.9.4　框架 392.9.5　超级链接 412.10　举一反三——创意设计网站的设计 412.11　扩展知识 50第3章　网站的内容设计 533.1　前期准备工作 543.1.1　受众调查 543.1.2　分析客户需求 553.2　网站标题的选择 553.3　网站栏目的规划 563.4　网站内容的可浏览性 573.5　网站内容的可信度与可读性 583.6　设计中需要注意的问题 593.7　常见房产建筑网站的设计 593.7.1　房产建筑网站的分析 593.7.2　同类网站的比较 613.7.3　实例解析 623.7.4　制作过程 633.7.5　实例总结 773.8　举一反三——酒店宾馆网站的设计 783.9　扩展知识 86第4章　创建基本图文网站 874.1　Dreamweaver站点的创建与管理 884.2　搭建网站页面结构 904.2.1　表格的创建和操作 904.2.2　表格属性设置 934.2.3　框架和框架集的创建和操作 944.2.4　框架和框架集的属性设置 964.2.5　AP元素的创建和操作 974.2.6　AP元素属性设置 994.2.7　企业网站首页结构的搭建实例 1004.3　网页文本编辑及CSS控制 1024.3.1　CSS层叠样式表的类型 1024.3.2　使用CSS层叠样式表 1024.3.3　编辑CSS层叠样式表 1044.4　图像的编辑 1084.5　在网页中插入多媒体元素 1124.5.1　插入Flash动画 1124.5.2　插入视频 1144.5.3　插入音乐 1174.6　创建超级链接 1184.6.1　文件下载链接 1184.6.2　电子邮件链接 1194.6.3　命名锚记链接 1194.7　创建高级特效网页 1204.7.1　表单 1204.7.2　Spry控件 1334.8　使用行为和JavaScript制作网页 1374.8.1　Dreamweaver中的行为概述 1374.8.2　使用行为创建特效网页 1384.8.3　JavaScript基本语法 1414.9　使用JavaScript创建动感网页 1424.9.1　使用JavaScript为页面设置访问口令 1424.9.2　使用JavaScript实现页面中的闪电背景特效 1434.10　模板和库 1444.10.1　使用模板 1444.10.2　使用库 1454.11　动态网站开发 1474.11.1　安装Internet lnformation Server 1474.11.2　设置Web服务器 1484.11.3　数据库的创建 1504.12　举一反三——家居生活网站的设计 1514.13　扩展知识 157第5章　制作企业网站 1595.1　企业网站的分析 1605.2　同类网站的比较 1615.3　实例解析 1635.4　信息企业网站的制作过程 1635.4.1　基本网页的制作 1635.4.2　CSS样式表的创建 1645.4.3　首页导航栏的制作 1665.4.4　首页主体内容的制作 1685.4.5　服务页面项目列表的制作 1725.4.6　滚动网页内容的制作 1745.4.7　联系页面电子邮件链接的制作 1765.4.8　选项卡式面板的制作 1805.4.9　实例总结 1825.5　举一反三——农牧企业网站的设计 1835.6　扩展知识 196第6章　制作教育网站 1996.1　教育网站的分析 2006.2　同类网站的比较 2016.3　实例解析 2026.4　儿童语言教育网站的制作过程 2036.4.1　制作基本的网站首页 2036.4.2　导航栏上热点链接的制作 2046.4.3　日期时间的制作 2066.4.4　制作网页中可以放大的图像 2106.4.5　制作风格统一的二级页面 2126.4.6　制作可随意拖动的广告图像 2136.4.7　实例总结 2166.5　举一反三——个人音乐教育网站的设计 2186.6　扩展知识 227第7章　制作求职招聘网站 2297.1　求职招聘网站的分析 2307.2　同类网站的比较 2317.3　实例解析 2337.4　综合求职招聘网站的制作过程 2347.4.1　网页整体布局的制作 2347.4.2　下拉式导航菜单栏的制作 2357.4.3　网页主要内容的制作 2387.4.4　幻灯片广告图像的制作 2437.4.5　可翻转图像的制作 2457.4.6　跳转页面下拉菜单的制作 2477.4.7　实例总结 2487.5　举一反三——求职招聘平台网站的设计 2497.6　扩展知识 259第8章　制作音乐网站 2638.1　音乐网站的分析 2648.2　同类网站的比较 2658.3　实例解析 2678.4　综合类音乐网站的制作过程 2678.4.1　页面内容的制作 2688.4.2　跑马灯效果的制作 2718.4.3　背景音乐的制作 2728.4.4　在线试听栏目的制作 2748.4.5　制作随页面上下滚动的广告图像 2778.4.6　弹出浏览器窗口的制作 2818.4.7　实例总结 2828.5　举一反三——专题类音乐网站的设计 2828.6　扩展知识 290第9章　制作信息网站 2939.1　信息网站的分析 2949.2　同类网站的比较 2959.3　实例解析 2979.4　综合信息网站的制作过程 2979.4.1　首页框架和导航栏的制作 2979.4.2　折叠式面板的制作 2989.4.3　网页模板的创建 3029.4.4　使用模板制作网页内容 3039.4.5　模板的删除、编辑和更新网页操作 3069.4.6　使用库项目对网页素材进行保存 3089.4.7　使用库项目制作网页内容 3109.4.8　实例总结 3119.5　举一反三——行业信息网站的设计 3119.6　扩展知识 325第10章　制作旅游网站 32710.1　旅游网站的分析 32810.2　同类网站的比较 32910.3　实例解析 33110.4　旅行社网站的制作过程 33110.4.1　网站样式表的创建 33110.4.2　首页标题栏的制作 33310.4.3　滚动广告图像和文本的制作 33710.4.4　首页其他内容的制作 33910.4.5　表单预订网页的制作 34110.4.6　表单检查行为的制作 34410.4.7　实例总结 34510.5　举一反三——景点旅游网站的设计 34510.6　扩展知识 354第11章　制作服装网站 35711.1　服装网站的分析 35811.2　同类网站的比较 35911.3　实例解析 36111.4　服装销售网站的制作过程 36111.4.1　首页内容的制作 36111.4.2　框架集的创建 36811.4.3　框架集属性的设置 36911.4.4　框架网页内容的制作 37011.4.5　使用框架制作其他网页的内容 37311.4.6　框架网页链接的制作 37511.4.7　实例总结 37611.5　举一反三——婚纱服装网站的设计 37611.6　扩展知识 390第12章　制作交友网站 39312.1　交友网站的分析 39412.2　同类网站的比较 39512.3　实例解析 39712.4　婚恋交友网站的制作过程 39812.4.1　HTML网页的创建 39812.4.2　Div页面布局的使用 40012.4.3　CSS样式表的创建 40112.4.4　Div内容的制作 40312.4.5　使用CSS样式表设置Div的属性 40412.4.6　实例总结 41112.5　举一反三——兴趣交友网站的设计 41112.6　扩展知识 424第13章　制作电子商务网站 42513.1　电子商务网站的分析 42613.2　同类网站的比较 42813.3　实例解析 42913.4　B2C鲜花商务网站的制作过程 43013.4.1　网站首页的制作 43013.4.2　站点和商品数据库的创建 43613.4.3　数据库连接的创建 43813.4.4　添加商品表单页面的制作 43913.4.5　商品展示页面的制作 44213.4.6　商品信息页面的制作 44413.4.7　实例总结 44513.5　举一反三——B2C图书商务网站的设计 44613.6　扩展知识 459

编辑推荐

　　精选9大类22种以上不同风格的网页设计赏析　　附赠1449个网页；203种经典配色方案；765个经典版式设计方案　　本书内容包括网站建设基本流程、网站的页面和内容设计、创建基本图文网站、制作企业网站、教育网站、求职招聘网站、音乐网站、信息网站、旅游网站、服装网站、交友网站和电子商务网站等内容

作者简介

《精彩网页设计:Dreamweaver CS4中文版商业网站篇》是一本关于Dreamweaver CS4的功能使用和网络中具有代表性的商业网站制作方法类的教程。全书共分为13章，主要内容包括网站建设基本流程、网站的页面设计、网站内容设计、创建基本图文网页、制作企业网站、制作教育网站、制作求职招聘网站、音乐网站的制作、制作信息网站、制作旅游网站、制作服装网站、制作交友网站和制作商务网站等。内容安排由浅到深，由易到难，每个知识点讲解清晰，通俗易懂，实例部分步骤明了，强调实用性。

《精彩网页设计:Dreamweaver CS4中文版商业网站篇》附带一张DVD光盘，可以帮助Dreamweaver CS4初学者快速掌握网页设计相关知识和方法。光盘中不仅提供书中所有案例对应的素材文件和案例源文件，同时还提供了视频讲解。为了扩充《精彩网页设计:Dreamweaver CS4中文版商业网站篇》的知识范围还附赠1449个网页欣赏、800个网页Banner、1200个经典网页LOGO、电子书、配色相关、配色辞典、色彩基本概念图解、网页模板和网页版式方案。

《精彩网页设计:Dreamweaver CS4中文版商业网站篇》可作为入门级网页制作初学者的教材，也可作为网站开发人员提供网页制作流程的参考书。

图书封面

---

 精彩网页设计下载

---