《网页设计与制作教程（Dreamweaver CC 2017版）》 - 陈学平 - 清华大学出版社 - 香港大書城

	登入帳戶　 \|　訂單查詢　 \|　購物車/收銀台(0)　\|　在線留言板　 \|　付款方式　 \|　運費計算　 \|　聯絡我們　 \|　幫助中心　\|　加入書簽
		會員登入新用戶登記

HOME

新書上架

暢銷書架

好書推介

2023年度TOP

臺灣用戶

品種：超過100萬種各類書籍/音像和精品，正品正價，放心網購，悭钱省心

服務：香港／台灣／澳門／海外

送貨：速遞／郵局／服務站

新書上架：簡體書繁體書
暢銷書架：簡體書繁體書
好書推介：簡體書繁體書

『簡體書』网页设计与制作教程（Dreamweaver CC 2017版）

書城自編碼： 3033452
分類：簡體書→大陸圖書→教材→高职高专教材
作者：陈学平
國際書號(ISBN)： 9787302471691
出版社：清华大学出版社
出版日期： 2017-07-01
版次： 1 印次： 1
頁數/字數： 254/382000
書度/開本： 32开釘裝：平装

售價：HK$ 56.6

我要買件

** 我創建的書架 **
未登入.

新書推薦：

《禅心与箭术：过松弛而有力的生活（乔布斯精神导师、世界禅者——铃木大拙荐）》
售價：HK$ 66.1

《先进电磁屏蔽材料——基础、性能与应用》
售價：HK$ 221.8

《可转债投资实战》
售價：HK$ 99.7

《王氏之死（新版，史景迁成名作）》
售價：HK$ 54.9

《敢为天下先：三年建成港科大》
售價：HK$ 77.3

《长高食谱让孩子长高个的饮食方案 0-15周岁儿童调理脾胃食谱书籍宝宝辅食书让孩子爱吃饭 6-9-12岁儿童营养健康食谱书大全助力孩子身体棒胃口好长得高》
售價：HK$ 47.0

《身体自愈力：解决内在病因的身体智慧指南》
售價：HK$ 98.6

《非言语沟通经典入门：影响人际交往的重要力量（第7版）》
售價：HK$ 123.1

編輯推薦：

Adobe Dreamweaver CC 2017是由Adobe推出的一款专业网页设计制作软件，也是目前非常流行的一款网页设计工具。新版本带来了全新的代码编辑器以及代码提示、代码着色等多种功能，兼容32位和64位操作系统。本书以此平台为核心，结合HTML5和CSS3，配套丰富的学习资源（视频、源代码、学习素材、课件），还可以通过二维码扫描阅读重点彩色效果图，可谓学习网页设计与制作的优质教材。

內容簡介：

本书全面介绍了网页设计基础，运用Dreamweaver CC 2017创建网站站点，在网页中使用文本、图像和多媒体，网页中的表格及超级链接，网站模板，表单、行为以及DIV CSS网页布局的相关内容，并给出了HTML 5 CSS3网页制作综合实例。
本书可作为应用技术本科及高职院校、独立学院信息工程类专业的教学用书，也可作为网页设计人员的自学参考书和相关培训班的教学用书。

目录

第1章网页设计基础

1．1Internet基础知识

1．1．1什么是Internet

1．1．2URL和HTTP

1．1．3超文本与超媒体

1．1．4Web浏览器

1．2网页和网站

1．2．1静态网页与动态网页的区别

1．2．2网页中的常见元素

1．3常用网页制作工具

1．3．1网页制作软件

1．3．2HTML的概念

1．3．3HTML的基本结构

1．3．4HTML文字样式设置的基本标签

1．3．5HTML表格

1．3．6HTML标示标记

1．3．7HTML区段标记

1．3．8HTML链接

1．3．9HTML设置图片

1．3．10加入声音

1．3．11滚动条

1．4HTML 5简介

1．4．1HTML 5的概念

1．4．2HTML 5新增和删除的元素

本章小结

习题1

第2章运用Dreamweaver CC 2017创建网站站点

2．1Dreamweaver CC 2017简介

2．1．1Dreamweaver CC 2017工作界面

2．1．2文档工具栏

2．1．3文档编辑窗口

2．1．4属性面板

2．2站点的规划与创建

2．2．1站点的规划

2．2．2创建站点

2．3管理站点

2．4站点窗口

2．4．1打开站点窗口

2．4．2认识站点窗口

2．4．3站点工具栏

2．4．4查看站点中的文件

2．4．5在站点中添加新文件夹和新文件

2．4．6重命名文件或文件夹

2．4．7删除文件或文件夹

2．5在Dreamweaver CC 2017中创建一般网页

本章小结

习题2

第3章在网页中使用文本

3．1插入普通文本

3．2插入特殊文本

3．3在字符之间添加空格

3．4插入水平线

3．5插入日期

3．6格式化文本

3．7创建列表

本章小结

习题3

第4章在网页中使用图像和多媒体

4．1图像的格式及来源

4．1．1图像的格式

4．1．2图像的来源

4．2插入图像

4．2．1插入图像作为网页内容

4．2．2插入图像的属性设置

4．2．3给插入图像加入链接

4．2．4插入图像背景

4．3鼠标经过图像设置

4．4插入Flash对象

4．4．1插入Flash动画

4．4．2插入Flash视频

4．4．3控制Flash播放

本章小结

习题4

第5章网页中的表格

5．1表格的基本概念

5．2插入表格

5．3在表格中添加内容

5．4嵌套表格

5．5表格的基本操作

5．5．1选取操作

5．5．2单元格操作

5．5．3插入或删除行或列

5．6设置表格及单元格属性

5．6．1设置表格属性

5．6．2设置单元格属性

5．7表格的高级操作

5．7．1移动表格的整列内容

5．7．2数据导入导出

5．8表格设置实例

5．8．1利用Dreamweaver CC 2017打造细线表格

5．8．2利用表格布局网页

本章小结

习题5

第6章网页中的超级链接

6．1文本链接

6．2图像链接

6．2．1创建图像链接

6．2．2创建热点区域

6．3其他类型的链接

6．3．1MP3链接

6．3．2锚点链接

6．3．3从小图片链接浏览原图

6．4其他链接

6．4．1构建空链接

6．4．2构建Top链接

6．4．3构建JavaScript链接

6．4．4构建前进链接和后退链接

6．4．5构建电子邮件链接

本章小结

习题6

第7章网站模板

7．1模板简介

7．2创建模板

7．2．1将现有文档保存为模板

7．2．2创建空白模板

7．3编辑模板

7．3．1创建可编辑区域

7．3．2取消对可编辑区域的标记

7．3．3更改可编辑区域的名称

7．4用模板创建网页

7．4．1创建基于现有模板的文档

7．4．2在资源面板中从模板创建新文档

7．4．3为当前文档应用模板

7．5管理模板

7．5．1重命名模板

7．5．2删除模板

7．5．3更新模板

本章小结

习题7

第8章表单

8．1插入表单

8．2用户注册

本章小结

习题8

第9章行为

9．1播放声音

9．1．1为网页添加背景音乐

9．1．2MP3在线试听

9．1．3让用户选择播放音乐

9．2网页提示信息

9．2．1弹出提示信息

9．2．2用户注册提示

本章小结

习题9

第10章DIV CSS网页布局

10．1CSS简介

10．1．1CSS概念

10．1．2CSS与HTML的区别

10．1．3CSS的功能

10．2CSS的工作原理

10．2．1基本的CSS语法

10．2．2CSS代码在网页的位置

10．2．3外部样式表示例

10．3使用CSS控制颜色与背景

10．3．1color属性

10．3．2backgroundcolor属性

10．3．3backgroundimage属性

10．3．4backgroundrepeat属性

10．3．5backgroundattachment属性

10．3．6backgroundposition属性

10．3．7background属性

10．4使用CSS设置字体

10．4．1fontfamily属性

10．4．2fontstyle属性

10．4．3fontvariant属性

10．4．4fontweight属性

10．4．5fontsize属性

10．4．6font

10．5使用CSS设置文本

10．5．1textindent属性

10．5．2textalign属性

10．5．3textdecoration属性

10．5．4letterspacing属性

10．5．5texttransform属性

10．6CSS链接

10．6．1伪类的概念

10．6．2伪类a： link

10．6．3伪类a： visited

10．6．4伪类a： active

10．6．5伪类a： hover

10．7元素的分类与标识class和id

10．7．1利用class对元素分类

10．7．2利用id标识元素

10．8组织元素span和div

10．8．1用span组织元素

10．8．2用div组织元素

10．9盒状模型

10．10内边距和外边距

10．10．1CSS内边距

10．10．2CSS外边距

10．11边框

10．11．1CSS边框属性

10．11．2borderwidth属性

10．11．3borderstyle属性

10．11．4bordercolor属性

10．11．5CSS示例

10．12高度和宽度

10．12．1width属性

10．12．2height属性

10．13浮动元素float

10．13．1图片的浮动

10．13．2列的浮动

10．13．3clear属性

10．14元素的定位

10．14．1CSS定位的原理

10．14．2绝对定位

10．14．3相对定位

10．15CSS综合实例

10．15．1网页布局实例1

10．15．2网页布局实例2

10．15．3网页布局实例3

10．15．4网页布局实例4HTML 5布局

本章小结

习题10

第11章HTML 5 CSS3网页制作综合实例

11．1制作前台登录页面

11．1．1登录页前台页面布局设计

11．1．2编写login．css样式表文件

11．2制作后台页面

11．2．1后台页面的HTML代码编写

12．2．2后台登录成功后编写页面的CSS样式代码

本章小结

习题11

参考文献

內容試閱：

随着计算机网络的发展，越来越多的企业需要建立自己的网站。网页设计与制作是动态网站开发的基础，主要涉及网站的站点规划、页面布局及开发环境搭建等技术。
2016年11月2日，Dreamweaver CC 2017发布。它比以前的版本更专注、更高效，是一个全新的代码编辑器。它拥有更直观的用户界面，以及可选择的黑色背景主题和几个增强功能；支持新的工作流，并加强了对CSS3和HTML 5的支持等。本书以Dreamweaver CC 2017为基础，系统、全面地讲解了网页开发HTML代码、布局、模板、链接、行为、表单、DIV及CSS等网页制作基本要素，并且通过实例，使读者掌握网页制作过程。
本书取材于编者长期从事网页制作的实践经验总结，注重实用性和应用性，具体特色如下所述：（1）本书按照理实一体化教学方式组织编写，理论与实践紧密联系，学练相结合。（2）本书坚持以职业活动为导向，以职业技能为核心的原则，突出职业技能特色，理论联系实际，以满足实际应用需求；在内容上，紧扣技能特色，实用性强。（3）全书文字简练、通俗易懂，图文并茂，更具直观性。（4）在体系结构上，采用模块结构，使读者在学习过程中更能体会到连贯性、针对性和选择性。（5）本书配套视频教师可以在上课时直接使用，以便围绕教材内容进行讲解。6 本书的部分图片可通过微信扫一扫功能扫描图片旁的二维码，预览查看该图的彩色效果。（7）本书结构清晰，内容丰富。本书由重庆电子工程职业学院陈学平教授主编，陈冰倩老师参编。要感谢提供网络资源的网友，也要感谢给予帮助的各位朋友、家人。如果在教材使用中遇到问题，请联系编者QQ：41800543。由于编者水平所限，书中不妥和错漏之处在所难免，敬请广大读者批评指正。
编者2017年1月

第1章
网页设计基础
本章主要介绍Internet基础知识，以及网页的页面构成要素，着重介绍HTML语言的语法，为学习编写网页源代码打下基础。学习目标：◆了解Internet的相关基础知识。◆熟悉Web浏览器的使用方法。◆区分静态网站与动态网站。◆掌握网页页面的构成元素。◆了解HTML语言的构成。◆掌握HTML语言的基本语法。1．1Internet基础知识1．1．1什么是Internet
Internet是全球信息资源的代名词，它的信息量非常大。Internet建立在20世纪70年代发展起来的计算机网络群之上。第一个计算机网络是由美国国防部资助的ARPANet，现在已经发展为Internet。
把Internet看作是一个相互连接的计算机网络是不全面的。计算机网络只是简单地传输信息的媒体；而Internet不仅是计算机网络，更重要的，它是一个庞大的、实用的、可共享的信息源，世界各地的用户都可以通过Internet通信和共享信息源。比如，可以发送或接收电子邮件；可以与其他用户建立联系并交换信息；可以在网上发布公告，与人共享信息；可以参加专题小组讨论；可以免费获取大量的信息源和软件资源。1．1．2URL和HTTP1． URL
在浏览器的地址栏输入的网站地址叫做URLUniform Resource Locator，统一资源定位符。用户在地址栏输入一个URL或是单击一个超级链接，就确定了要浏览的网页地址。浏览器通过超文本传输协议HTTP，将Web服务器上站点的网页代码提取出来，显示成网页。URL地址的组成如下例所示。http：www．microsoft．comchinaindex．htm其含义如下所述。1 http：：代表超文本传输协议，通知microsoft．com服务器显示Web页。通常不用输入。2 www：代表一台Web万维网服务器。3 microsoft．com：存放网页的服务器的域名，或站点服务器的名称。4 china：该服务器上的子目录，就像在本地硬盘建立的文件夹。5 index．htm：文件夹中的一个HTML文件网页，一般为网站首页。2． HTTPInternet的基本协议是TCPIP，其最上层是应用层Application Layer，包含所有高层协议，如文件传输协议FTP、电子邮件传输协议SMTP、域名系统服务DNS、网络新闻传输协议NNTP和HTTP等。HTTPHyper Text Transfer Protocol，超文本传输协议是用于从WWW服务器传输超文本到本地浏览器的传送协议。它使浏览器更加高效，使网络传输减少。它不仅保证计算机正确、快速地传输超文本文档，还确定传输文档中的哪一部分，以及哪部分内容首先显示如文本先于图形等。1．1．3超文本与超媒体1．超文本
用户上网浏览网站页面时，要先把页面对应的文件从远程计算机通过Internet传送到自己的计算机，再由WWW浏览器翻译成有文字、有图形，甚至有声音的页面。这些页面对应的文件不再是普通的文本文件，该文件除包含文字信息外，还包括一些链接。这些包含链接的文件称为超文本文件。
和普通文本相比，超文本文件中多了一些对文件内容的注释，用于表明当前文字显示的位置、颜色等信息，更重要的是，有些注释包含提示用户如何操作计算机的说明。为了使不同类型的WWW服务器都能正确地识别和执行，超文本文件要遵守严格的标准，即超文本标记语言HTML。用户采用HTML编写超文本文件，以便在Internet上制作WWW主页。2．超媒体为了理解超媒体的概念，首先需要了解什么是超链接。超链接大量应用于Internet的万维网WWWWorld Wide Web，是指在Web网页显示的文件中对有关词汇的索引链接，通过这些带有索引链接的词汇或语句指向另一个文件。WWW利用链接的方式，方便地从Internet上的一个文件访问另一个文件即文件链接。这些文件可以在同一个站点，亦可在不同的站点。可见，WWW中的超链接能将若干文本组合起来形成超文本。同样地，WWW中的超链接可将不同媒体、多媒体或流媒体文件链接起来，组合成超媒体。超媒体系统是超文本系统的扩展，区别仅在于文件内容不同。超文本文件仅包含文本信息，超媒体文件包含各种媒体、多媒体或流媒体信息。从超文本到超媒体，超链接的内容从原来文本中的一个词或词组，发展到现在一幅图像或图像的一部分；通过链接得到的内容更加广泛，可以是地球另一端某台计算机上的图片、声音、音乐或者电影。但不管叫做超文本还是超媒体，WWW上各网页都是通过链接来完成相互间的访问。要使访问正常进行，必须使这些链接能够正确地指向所要访问的网页。这些工作通过统一资源定位器URL来实现。1．1．4Web浏览器World Wide Web称为万维网，简称Web。它采用开放式客户机服务器结构ClientServer，分成服务器、客户机及通信协议三个部分。1. 服务器Web服务器客户机服务器结构中规定了服务器的传输设定、信息传输格式及服务器本身的基本开放结构。Web服务器是驻留在服务器上的软件，它汇集了大量信息，其作用是管理这些文档，并按用户的要求返回信息。2. 客户机Web浏览器客户机称为Web浏览器，用于向服务器发送资源索取请求，并将接收到的信息进行解码和显示。Web浏览器是客户端软件，它从Web服务器下载和获取文件，然后翻译下载文件中的HTML代码并格式化，再根据HTML的内容在屏幕上显示信息。如果文件中包含图像及其他格式的文件如声频、视频、Flash等，Web浏览器会做相应的处理，或依据所支持的插件进行相应的显示。3. 通信协议HTTPWeb浏览器与服务器之间遵循HTTP协议进行通信传输。HTTPHyper Text Transfer Protocol，超文本传输协议是分布式的Web应用的核心技术协议，在TCPIP协议栈中属于应用层。它定义了Web浏览器向Web服务器发送索取Web页面请求的格式，以及Web页面在Internet上的传输方式。Web服务器通过Web浏览器与用户交互操作，采用HTTP实现通信服务器和客户端都必须安装HTTP。Web服务器也称HTTPd服务器d是指UNIX系统中的daemon。最早的Web服务器软件是在UNIX系统上发展起来的，有CERN和NCSA两种类型。现在市场份额最大的是Apache服务器软件，可以在多种环境下运行，如UNIX、Linux、Solaris、Windows 20002003等。在Windows环境下，由于Microsoft公司得天独厚的优势，使得IIS Internet Information Server成为Windows 2000及Windows 2003主要采用的服务器软件。在Web浏览器软件中，Netscape公司的Web浏览器NNNetscape Navigator、NCNetscape Communicator具有最广泛的系统平台支持，可以在所有平台上运行； Microsoft公司的IEInternet Explorer是Windows平台上运行最完美的浏览器软件。Web服务器和Web浏览器之间通过HTTP响应。一般情况下，Web服务器在80端口等候Web浏览器的请求， Web浏览器通过3次握手与服务器建立TCPIP连接。大多数Web服务器和Web浏览器使用HTTP1．1版本。它有以下新的特色。1 能够识别主机名，允许多个虚拟主机名共存于一个IP上。2 具有内容协商的能力，允许服务器以多种格式存取资源，供Web服务器和Web浏览器选择最佳版本。3 通过持续性连接，加速Web服务器的响应速度。4 允许Web浏览器请求索取文件的某部分，为端点续传功能提供更好的支持。1．2网页和网站1．2．1静态网页与动态网页的区别1．网页和网站
网页，是网站中的一页，通常是HTML格式文件扩展名为．html或．htm或．asp或．aspx或．php或．jsp等。网页通常用图像文档来提供图画，借助网页浏览器来阅读。网页是构成网站的基本元素，是承载各种网站应用的平台。它实际是一个文件，存放在某一台计算机中，这台计算机必须与互联网相连。网页由网址URL来识别与存取。
网站website是指在Internet上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通信工具，就像布告栏一样，人们通过网站来发布想要公开的资讯，或者利用网站来提供相关的网络服务。人们通过网页浏览器来访问网站，获取所需的资讯或者享受网络服务。在早期，域名、空间服务器与程序是网站的基本组成部分。随着科技进步，网站的组成日趋复杂，目前多数网站由域名、空间服务器、DNS域名解析、网站程序、数据库等组成。2．静态网页和动态网页网页包括静态的和动态的。静态网页是指客户端浏览器发送URL请求给WWW服务器，服务器查找需要的超文本文件，然后不加处理地直接返回给客户端。在客户端浏览器显示的是由设计者制作完成后存放在服务器上的网页。静态网页用户基本上不能参与网页制作，只是完成网站页面的静态发布。在网站设计中，纯粹的HTML格式的网页通常称为静态网页。早期的网站一般都是由静态网页制作的。相对于动态网页而言，它是没有后台数据库、不含程序和不可交互的网页。设计者编的是什么，它显示的就是什么，不会有任何改变。静态网页更新起来比较麻烦，适用于更新较少的展示型网站。制作静态网页主要使用超文本标记语言HTMLHyper Text Markup Language，配合客户端脚本语言JavaScript，能产生丰富的动态效果，满足大多数个人网站的需要。图11所示是一个静态网页。
图11静态网页
动态网页技术根据程序运行的地点不同，又分为客户端动态技术和服务器端动态技术。客户端动态网页技术不需要与服务器交互，实现动态功能的代码采用脚本语言的形式直接嵌入网页，服务器把网页发送给客户以后，网页在客户端浏览器中直接响应用户的动作。有些应用还需要浏览器安装支持组件。
常见的客户端动态技术包括JavaScript、JavaApplet、DHTML、ActiveX、FLASH、VRML等。服务器端动态技术需要服务器和客户端共同参与。用户通过浏览器发出页面请求后，服务器根据URL携带的参数运行服务器端程序，产生结果页面，将它返回给客户端。动态网页一般涉及数据库操作，如注册、登录、查询、购物等，都需要设计强大的服务器端动态程序，并考虑各种可能的出错情况，以保证网站的交互性和安全性。典型的服务器端动态技术包括ASP、PHP、JSP、CGI等。动态网页与静态网页相对应，也就是说，其URL的后缀不是．htm．html．shtml．xml等静态网页的常见形式，而是以．aspx．asp．jsp．php．perl．cgi等为后缀，并且在动态网页网址中有一个标志性的符号?。图12所示是一个动态网页。
1．2．2网页中的常见元素要学习网页设计与制作，首先要认识网页，了解其中的常见元素，以便更加合理地组织和安排网页内容。
图13所示是网易网站的首页。可以看到，文字与图片是构成网页的两个最基本的元素。也可以简单地理解为文字是网页的内容，图片是网页的美观。除此之外，网页元素还包括动画、音乐、程序，等等。下面分别介绍各网页元素及其作用。
1．文本文本是最重要的信息载体与交流工具，是网页发布信息采用的主要形式。文本虽然没有图像对浏览者的吸引力强，但能准确地表达信息的内容和含义；而且用文本制作的网页占用空间小，浏览时，可以很快地展现在用户面前。但是，没有经过编排、点缀的纯文
图12动态网页
图13网页元素示例
字网页会给人死板的感觉，使人不愿意往下浏览。为此，可以设置网页文本的一些属性，例如字体、字号、颜色、底纹和边框等，通过文本不同的格式，突出显示重要的内容。此外，还可以设计各种样式，包括标题的字型、字号、内容的层次样式、文字列表和颜色变换等，给网页中的文本赋予新的生命力。2．图形在这里，图形概念是广义的，它可以是普通的绘制图形，可以是各种图像，还可以是动画。一个优秀的网页除了有能吸引浏览者的文字形式的内容外，图形的表现功能不能低估。网页上的图形一般采用JPEG、GIF和PNG 3种格式。其中，使用最广泛的是JPEG和GIF格式，它们具有跨平台的特性，可以在不同操作系统支持的浏览器上显示。3．超链接1 超链接技术可以说是万维网流行的最主要原因。超链接是从一个网页指向另一个目的端的链接。这个目的端通常是另一个网页，也可以是一幅图片、一个电子邮件地址、一个文件、一个程序或者相同网页的不同位置，其链接热点通常是文本、图片、图片中的区域和不可见的程序脚本等。2 超链接是网页中一种非常重要的功能，是网页中最重要、最根本的元素。4．表格表格用来控制网页中信息的布局方式。许多大型网站如搜狐、网易、新浪、雅虎等使用表格来进行页面布局。使用表格可以进行页面的设计和排版，控制文本和图像在页面中的位置，还能使页面看起来更加直观、有条理。5．表单1 网页区别于其他媒体的一个重要标志就是其交互功能。例如在商务网站的页面上，用户经过浏览，选择了某一个产品，就可以将自己的决定通过Internet告诉网站；于是，网站自动检索该产品的数据库，及时回应有还是没有，以及产品数量、规格和价格等信息。如果用户选择确定，网站即返回确认信息。网页的这种交互功能是其他媒体无法比拟的。2 通常，网页的交互功能利用表单来实现。表单是网页中站点服务器处理的一组数据输入域。访问者单击按钮或图形提交表单后，数据就会传送到服务器上。6．声音和视频1 声音是多媒体网页的重要组成部分。对于不同类型的声音文件，有不同的方法将其添加到网页中。在决定添加声音之前，需要考虑声音的用途、文件大小、声音品质和浏览器差别等因素。不同的浏览器对于声音文件的处理方法不同，还可能不兼容。2 网页的声音文件格式很多，常用的有MIDI、WAV、MP3和AIF等，使用时需要区别。很多浏览器不用插件就可以支持MIDI、WAV和AIF格式的文件，而MP3和RM格式的声音文件需要用专门的播放器播放。1．3常用网页制作工具1．3．1网页制作软件
本节将介绍常用的网页设计软件。网站建设跟网页设计不是一个概念。完成一个网站，包括前台设计和后台程序编制两个部分。分别负责这两个部分的人员要有明确的分工合作，即设计师只需要完成前台设计部分，后台程序由程序员来完成。
很多人认为网页设计软件包含后台程序部分，这是不正确的。网页设计师最常用到的软件是PSPhotoshop、Dreamweaver和Flash。1 PS：一款专业的图像处理软件。制作一个网站，需要先设计出最终的效果图，即网站用什么颜色，选用什么字体，如何排版、布局，鼠标上去有什么效果，如何将找到的素材处理成想要的效果，如何把不同的素材合成在一起。这些都要在PS里完成。
需要强调的是，网页三剑客之一的firework的功能与PS类似，但是大多数设计师使用PS。2 Dreamweaver：把效果图转换为HTML网页格式的软件。如果做好了效果图，是否可以直接将其上传到空间供用户访问？直接访问是可以的，但是若是一张图片，会有下述弊端。① 整个页面就一张图片，会影响下载速度。如果把图分割成很多小块，有些相同的地方只需用一个单位的图片去平铺，而且对于文字性的内容，直接利用Dreamweaver输入，以文档而不是图片的形式保存，文件可以小很多。② 用户体验不好。只是一张图片，将无法添加链接及动态的Flash、JS效果,用户也无法复制某段文字或者保存某一张图片。③ 无法被搜索引擎搜索到。搜索引擎只能识别图片的一些基本信息，比如图片名称、大小、尺寸等，无法识别图片的内容。④ 无法与后台程序交互。例如新闻报道，图片需要后台实时更新，如果整个页面就是一张图片，将无法完成。
注意： Dreamweaver是一款布局软件，DIV CSS是一种布局方法。Dreamweaver有两种布局方式：表格和DIV CSS。早期的网页设计一般采用表格方式，现在基本淘汰了，可以不学。
3 Flash：用于丰富网页的效果，动态的表现比静态的显眼、生动。利用Flash能做出完整的Flash纯站，可用于大品牌厂家的活动专题、产品专题； Flash还能用于制作网络广告。
那么，是否网页设计师必须都要掌握上述软件？工作中是否一定会用到这些软件？不同的公司有不同的要求。
对于比较大的、专业的广告公司、设计公司，分工较细。比如，有专门的人负责出效果图，专人负责动画，专人负责网页布局。所以，只要精通一项软件的应用就行了。
对于大部分设计公司、企业而言，需要由一个人来完成网页设计，因此设计者需要较全面地掌握上述软件的用法。
1．3．2HTML的概念HTML是Hyper Text Markup Language的缩写，意思是超文本标志语言，用它编写的文件文档的扩展名是．html或．htm，它是可供浏览器解释浏览的文件格式。用户可以使用记事本、写字板或FrontPage Editor等编辑工具来编写HTML文件。HTML语言使用标志对的方法编写文件，既简单，又方便。它通常使用、来表示标志的开始和结束例如、标志对，因此在HTML文档中，标志对必须成对使用。
当用户畅游Internet时，通过浏览器，看到的网站是由HTML建立的。HTML是一种建立网页文件的语言，它通过标记式的指令Tag，将影像、声音、图片、文字等连接并显示出来。1．3．3HTML的基本结构HTML标记是由括住的指令，主要分为单标记指令和双标记指令由和构成。HTML网页文件可由任何文本编辑器或网页专用编辑器编辑，完成后以．htm或．html为后缀保存将HTML网页文件通过浏览器打开显示，若测试没有问题，就可以放到服务器Server上对外发布。
HTML文件的基本架构如下所示：
文件开始标头区开始...标题区标头区结束文本区开始
文本区内容文本区结束文件结束具体说明如下。
1 ：网页文件格式。
2 标头区：记录文件基本资料，如作者、编写时间等。3 标题区：文件标题须使用在标头区内，可以在浏览器最上面看到标题。4 文本区：列出文件资料，即在浏览器上看到的网站内容。
注意：通常，一份HTML网页文件包含两个部分：即...标头区和 ...文本区。和代表网页文件格式。
习惯上，一个网站的首页名称通常为index．htm或index．html。这样，只要浏览网站，浏览器便会自动找出index．htm文件。1．3．4HTML文字样式设置的基本标签设置字体样式的基本标签是...，被其包含的文本为样式作用区。
1．设置文字的颜色color是...标签的属性之一，用于设置文字颜色。文字颜色的设置代码如下所示：
文字颜色的设置
浅红色文字： HTML学习的本质就是该是什么就用什么
深红色文字： HTML学习的本质就是该是什么就用什么
浅绿色文字： HTML学习的本质就是该是什么就用什么
深绿色文字： HTML学习的本质就是该是什么就用什么
浅蓝色文字： HTML学习的本质就是该是什么就用什么
深蓝色文字： HTML学习的本质就是该是什么就用什么
浅黄色文字： HTML学习的本质就是该是什么就用什么
深黄色文字： HTML学习的本质就是该是什么就用什么

浅青色文字： HTML学习的本质就是该是什么就用什么

深青色文字： HTML学习的本质就是该是什么就用什么

浅紫色文字： HTML学习的本质就是该是什么就用什么

深紫色文字： HTML学习的本质就是该是什么就用什么
在浏览器地址栏输入http：localhostfont_color．htm，浏览效果如图14所示。
图14设置文字颜色
45.8KB
2．设置文字的大小size也是...标签的属性，用于设置文字大小。size的值为1~7，默认为3。可以在size属性值之前加上＋或－字符，指定相对于字号初始值的增量或减量。编写代码如下所示：

書城介紹　 \|　合作申請　\|　索要書目　 \|　新手入門　\|　聯絡方式　 \|　幫助中心　\|　找書說明　 \|　送貨方式　\|　付款方式	香港用户　 \|　台灣用户　\|　大陸用户　\|　海外用户

	megBook.com.hk
Copyright © 2013 - 2024 （香港）大書城有限公司　 All Rights Reserved.