下载掌阅APP，畅读海量书库
立即打开
1.2 常用的网页设计软件
在设计网页时，首先要选择网页设计软件。虽然用记事本手工编写源代码也能做出网页，但这需要对编程语言相当了解，所以并不适合初学者使用。由于目前可视化的网页设计软件越来越多，使用也越来越方便，所以设计网页已经成了一件轻松的工作。Flash、Dreamweaver、Photoshop、Fireworks这4款软件相辅相成，是设计网页的首选工具，其中Dreamweaver用来排版布局网页，Flash用来设计精美的网页动画，Photoshop和Fireworks用来处理网页中的图形图像。
使用Photoshop制作的网页图像并不是真正的网页，要想真正成为能够正常浏览的网页，还需要用到Dreamweaver进行网页排版布局、添加各种网页特效，Dreamweaver还可以轻松开发新闻发布系统、网上购物系统、论坛系统等动态网页。
Dreamweaver是创建网站和应用程序的专业之选，它集成了功能强大的布局工具、应用程序开发工具和代码编辑支持工具等。Dreamweaver的功能强大且稳定，可帮助设计和开发人员轻松创建和管理网站，如图1-6所示为Dreamweaver中文版的工作界面。
图1-6 Dreamweaver中文版工作界面
网页中如果只是文字，则缺少生动性和活泼性，也会影响视觉效果和整个页面的美观程度，所以图像是网页中重要的组成元素。使用Photoshop可以设计出精美的网页图像，目前该软件已被广泛应用于平面设计、网页设计和照片处理等领域。随着计算机技术的发展，Photoshop已历经数次版本更新，功能越来越强大，如图1-7所示为Photoshop CC中文版工作界面。
图1-7 Photoshop CC中文版工作界面
网页文档主要是由HTML语句构成。HTML全名是Hyper Text Markup Language，即超文本标记语言，是用来描述互联网上超文本文件的语言，该文件的扩展名为.html或.htm。
HTML不是一种编程语言，而是一种页面描述性标记语言，它通过各种标记描述不同的内容，如说明段落、标题、图像、字体等在浏览器中的显示效果。浏览器打开HTML文件时，将依据HTML标记显示内容。
HTML能够将互联网上不同服务器上的文件连接起来，可以将文字、声音、图像、动画、视频等媒体有机地组织起来，展现给浏览者五彩缤纷的画面。此外，它还可以接受用户信息，与数据库相连，实现查询请求等交互功能。
HTML的任何标记都由<和>围起来，如<HTML><I>。在起始标记的标记名前加上／符号便是其终止标记，如</I>，夹在起始标记和终止标记之间的内容受标记的控制，如<I>幸福永远</I>，夹在标记I之间的“幸福永远”将受标记I的控制。HTML文件的整体结构也是如此，如图1-8所示为基本的网页面结构。
图1-8 基本的网页面结构
下面讲述HTML的基本结构。
<html>标记用于HTML文档的最前边，用来标识HTML文档的开始。而</html>标记恰恰相反，它放在HTML文档的最后边，用来标识HTML文档的结束，两个标记必须一起使用。
<head>和</head>构成HTML文档的开头部分，在此标记对之间可以使用<title></title>、<script></script>等标记对，这些标记对都是描述HTML文档相关信息的标记对，<head></head>标记对之间的内容不会在浏览器内显示出来，两个标记必须一起使用。
<body></body>是HTML文档的主体部分，在此标记对之间可包含<p></p>、<h1></h1>、<br></br>等众多标记，它们所定义的文本、图像等将在浏览器内显示出来，两个标记必须一起使用。
使用过浏览器的人可能都会注意到浏览器窗口顶部蓝色部分显示的文本信息，这些信息一般是网页的“标题”，要将网页的标题显示到浏览器的顶部其实很简单，只要在<title></title>标记对之间加入要显示的文本即可。
网站制作完毕，需要发布到Web服务器上，才能够让别人浏览。现在，上传网站的工具有很多，有些网页制作软件本身就带有FTP功能，利用这些FTP工具，可以很方便地把网站发布到服务器上。
CuteFtp是一款非常受欢迎的FTP工具，其界面简洁，并具有支持上下载断点续传、操作简单方便等特征，使其在众多的FTP软件中脱颖而出，无论是下载文件还是更新主页，CuteFtp都是一款不可多得的好软件，如图1-9所示为CuteFtp软件的界面。
图1-9 CuteFtp软件界面