1、网页制作目录隐藏要领二:选择好域名要领四:确定网站界面要领五:确定网站风格要领六:有创意的内容选择要领七:推广自己的网站要领八:支撑网站日常运行如何进行用户体验式的网页制作网页制作内容简介目录 要领二:选择好域名要领四:确定网站界面要领五:确定网站风格要领六:有创意的内容选择要领七:推广自己的网站要领八:支撑网站日常运行如何进行用户体验式的网页制作网页制作内容简介目录 网页设计是指使用标识语言(markup language),通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输,最终以图形用户界面(GUI)的形式被用户所浏览。简单来说,网页设计的目的就是产生网站,什么是网站呢,就
2、是服务器内的一系列网页的组合,终端用户发出请求后服务器通过传输特定的网页向用户传输所需的信息。简单的信息如文字,图片(GIFs, JPEGs,PNGs )和表格,都可以通过使用HTML/XHTML/XML 放置到网站页面上。而更复杂的信息如 vector graphics,动画,视频,声频则需要插件程序例如 Flash, QuickTime, Java run-time environment,等等,这些插件程序也是通过 HTML/XHTML/XML 植入网页的。随着浏览器和 W3C 标准一致性的改善,XHTML/XML(可扩展标识语言)与 CSS(层叠样式表)共同用作网页内容的设计已经被广泛
3、的接受和使用。最新的标准和建议则是朝着浏览器的能力扩充和改善发展,使之能够不需要插件程序也能够给用户传输多媒体信息和更多的选择。通常,网页可以分为静态网页和动态网页。静态网页页面上的内容和格式一般不会改变,只有网管可根据的需要更新页面。中企合纵网页制作专家动态网页的内容随着用户的输入和互动而有所不同,或者随着用户,时间,数据修正等而改变。网页上的内容也可以由用户通过使用客户端描述语言(JavaScript, JScript, Actionscript,)来改变。当然更普遍的是由服务器端的描述语言(Perl,PHP, ASP, JSP, ColdFusion, 等) 进行编译,从而对动态网页的内
4、容进行改变。无论是客户端还是服务器端的改变都需要使用较为复杂的应用软件。随着信息技术的更加专业化,越来越明显的倾向表明,网页设计和网站的发展会逐渐成为两个不同的领域。网页是借助于美术构图与程序互动、动画等方式向大众推广相关信息的媒体,所以网页设计包括了几大部分:版面构图(见平面设计) 程序开发(见网页应用程式) 网站内容管理(见内容管理系统、资讯架构学) 下面将会介绍网页的版面构图的技术为主。目录 隐藏1 简史 1.1 HTML 1.2 XHTML 2 外观的影响 2.1 流动性 对 固定排版 2.2 Flash 2.3 两种设计模式 3 参见 4 外部链接 简史HTML超文本标记语言(Hyp
5、ertext Markup Language) 网络的资讯越来越多,网站须有引人注意的外观,才能增加人次,达到宣传的目的。人们开始注意网页的外观,HTML 亦因此变得更复杂、更具弹性。表格,原本是更整齐展现资料的工具,变成了排版工具。CSS 的出现令以表格为基础的外观设计被视为过时。服务器方面的技术亦改变了网络的构造,使用者可以选择其浏览方式、外观。Flash 的出现为设计师和媒体创作人开创了新路。除了引人的外观之外,亦有一个重要的考虑点:网络无障碍,即使用者能否容易读取资讯。XHTML由于 XML 的可构造性, XHTML 1.0 在 2000 年 1 月 26 日成为 W3C 的推荐标准,
6、即HTML 将会随着时间而淘汰。外观的影响流动性 对 固定排版大部分网站设计师原本是每处地方都有绝对限界的平面设计师。可是在网页浏览器,却不能控制某些因素,特别是浏览器的阔度。有些设计师将其网页定义在固定大小的表格中,每部分的宽度都有精确的数据,一般使用确定的值,这就是固定排版了。然而有人认为这不好,因为这种设计罔顾使用者的设定,他们使用流动性排版,网页的宽度使用百分比定义宽度,因此网页会依浏览器的屏幕分辨率而改变。 但是流动性的排版对于日益增大的屏幕就不一定合适,因为人的眼睛进行横向阅读时,过长的文字会增加阅读的困难度,反之大约在十几个字即换行的文章,浏览者会更好吸收其内容。FlashAdo
7、be Flash 这套软件能够很轻易做到一些华丽的图像效果,亦可以进行编程,因此近年来出现在不少网站上。有些网站更以 Flash 完全代替 HTML。可是 Flash 带来的问题不少:搜索引擎不能记录 Flash 的内容 盲人不能透过文本朗读软件来取得其内容 所以大部分人都不会以 Flash 为主要设计,Flash 通常成了首页的开场画面或网站内的小游戏。两种设计模式从前一般网页都使用表格进行排版设计,这样作的优点在于设计制作速度快,尤其在可视化网页编辑器,如 Microsoft FrontPage 中,这样设计显得直观而方便,然而这让越来越复杂的版面需要许多不断嵌套的表格设计,致使网页代码变
8、得冗长复杂,使文件体积增大,且不容易被搜索引擎查找。同时,这样做也不利于大型网站的改版工作。于是随着主流网页浏览器对 CSS 的支援度提高,近年来兴起了一种新的网页设计模式。被业界称为“网页重构”的革命,其核心在于分隔网页的风格和内容(en:Separation of style and content),指标记语言(如 HTML,XML)负责定义页面的内容,但不可以定义任何涉及网站外观(风格) 的东西。而网站风格就由另外的 CSS 档案负责。在排版方面,新的模式提倡使用由 CSS 定义的 DIV 进行页面排版,而将表格还原为排列数据的最初功能。这种模式有很多好处,例如可以协助搜寻引擎查找网页
9、的情况,减小文件提及提高浏览速度,且由于一个 CSS 档案可以控制多个页面,这也给改版带来了很大方便。由于 W3C 是该模式极力的倡导者,于是业界鉴定网页是否符合 W3C 标准,就可以在W3C 网站自动检测该网站的情况。这种模式也有缺点,其中一个弱点就是,在不同浏览器出来的效果会有分别,但这种情况主要是由于微软的 Internet Explorer 对 CSS 文档的支持有众多缺陷造成的。另一方面,开始设计 CSS 时,并不能清楚看到目标,因此显得不直观。网页实际是一个文件,他存放在世界某个角落的的某一台计算机中,而这台计算机必须是与互联网相连的。网页经由网址( URL )来识别与存取,当我们
10、在浏览器输入网址后,经过一段复杂而又快速的程序,网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前。 要领一:确定网站主题做网站,首先必须要解决的就是网站内容问题,即确定网站的主题。美国个人电脑杂志(PC Magazine)评出了 99 年度排名前 100 位的全美知名网站的十类题材:第 1 类:网上求职;第 2 类:网上聊天/即时信息/ICQ;第 3 类:网上社区/讨论/ 邮件列表;第 4 类:计算机技术;第 5 类:网页/网站开发;第 6 类:娱乐网站;第 7 类:旅行;第 8 类:参考/资讯;第 9 类:家庭/教育;第 10 类:生活/ 时尚。我们可以参看上面
11、的分类,继续细分。如果自己在某些方面有兴趣,或掌握的资料较多,也可以做一个自己感兴趣的东西,一者,你可以有自己的见解,做出自己的特色;二者,在制作网站时不会觉得无聊或者力不从心。兴趣是制作网站的动力,没有创作热情,很难设计制作出优秀的作品。 对于内容主题的选择,要做到小而精,主题定位要小,内容要精。不要去试图制作一个包罗万象的站点,这往往会失去网站的特色,也会带来高强度的劳动,给网站的及时更新带来困难。记住:在互联网上只有第一,没有第二!编辑本段 要领二:选择好域名域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站,其所有建设的价值,都凝结在其网站域名之上。失去这个域名,就将前功尽废目
12、前,做个人网站的很多都依赖免费个人空间,其域名也是依赖免费域名指向,如网易的虚拟域名服务,其实这对个人网站的推广与发展很为不利,不光是它“适时”开启的窗口妨碍了浏览者的视线和好感,让人一看就知道是个人网站,而且也妨碍了网页的传输速度。所以,就我个人观点来说,首先花点钱去注册一个域名,独立的域名就是个人网站的第一笔财富,要把域名起得形象、简单、易记。编辑本段 要领四:确定网站界面界面就是网站给浏览者的第一印象,往往决定着网站的可看性,在确定网站的界面时要注意以下三点: 栏目与板块编排 构建一个网站就好比写一篇论文,首先要列出提纲,才能主题明确、层次清晰。网站建设初学者,最容易犯的错误就是:确定题
13、材后立刻开始制作,没有进行合理规划。从而导致网站结构不清晰,目录庞杂混乱,板块编排混乱等。结果不但浏览者看得糊里糊涂,制作者自己在扩充和维护网站也相当困难。所以,我们在动手制作网页前,一定要考虑好栏目和板块的编排问题。 网站的题材确定后,就要将收集到的资料内容作一个合理的编排。比如,将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质是一个网站的大纲索引,索引应该将网站的主体明确显示出来。在制定栏目的时候,要仔细考虑,合理安排。在栏目编排时需要注意的是: 尽可能删除那些与主题无关的栏目; 尽可能将网站内最有价值的内容列在栏目上; 尽可能从访问者角度来编排栏目以方便访问者的
14、浏览和查询;辅助内容,如站点简介、版权信息、个人信息等大可不必放在主栏目里,以免冲淡主题。 另外,板块的编排设置也要合理安排与划分。板块比栏目的概念要大一些,每个板块都有自己的栏目。举个例子:ENET 硅谷动力()的站点分新闻、产品、游戏、学院等板块,每个板块下面又各有自己的主栏目。一般来说,个人站点内容较少,只要分个栏目也就够了,不需要设置板块。如果有必要设置板块的,应该注意: 各板块要有相对独立性; 各板块要有相互关联; 各板块的内容要围绕站点主题; 目录结构与链接结构 网站的目录是指建立网站时创建的目录。例如:在用 Frontpage 建立网站时都默认建立了根目录和 Images 子目录
15、。目录的结构是一个容易忽略的问题,大多数站长都是未经规划,随意创建子目录。目录结构的好坏,对浏览者来说并没有什么太大的感觉,但是对于站点本身的维护,以后内容的扩充和移植有着重要的影响。所以建立目录结构时也要仔细安排,比如: 不要将所有文件都存放在根目录下。有网站制作者为了方便,将所有文件都放在根目录下。这样就很容易造成:文件管理混乱,搞不清哪些文件需要编辑和更新,哪些无用的文件可以删除,哪些是相关联的文件,影响工作效率;上传速度变慢,服务器一般都会为根目录建立一个文件索引,如果将所有文件都放在根目录下,那么即使只上传更新一个文件,服务器也需要将所有文件再检索一遍,建立新的索引文件,很明显,文件
16、量越大,等待的时间也将越长。 按栏目内容建立子目录。子目录的建立,首先按主栏目建立。友情连接内容较多,需要经常更新的可以建立独立的子目录。而一些相关性强,不需要经常更新的栏目,例如:网站简介、站长情况等可以合并放在一个统一目录下。所有程序一般都存放在特定目录,例如:CGI 程序放在 cgi-bin 目录,所有提供下载的内容也最好放在一个目录下,便于维护管理。 在每个主目录下都建立独立的 Images 目录。一般来说,一个站点根目录下都有一个默认地 Images 目录。将所有图片都存放在这个目录里很是不方便,比如在栏目删除时,图片的管理相当麻烦。所以为每个主栏目建立一个独立的 Images 目录
17、是方便管理的。原因很简单,就是方便维护与管理。 其它需要注意的还有:目录的层次不要太深,不要超过 3 层;不要使用中文目录,使用中文目录可能对网址的正确显示造成困难;不要使用过长的目录,太长的目录名不便于记忆;尽量使用意义明确的目录,以便于记忆和管理。 网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上,但可以跨越目录。形象的说:每个页面都是一个固定点,链接则是在两个固定点之间的连线。一个点可以和一个点连接,也可以和多个点连接。更重要的是,这些点并不是分布在一个平面上,而是存在于一个立体的空间中。一般的,建立网站的链接结构有两种基本方式: 树状链接结构(一对一) ,这类似
18、DOS 的目录结构,首页链接指向一级页面,一级页面链接指向二级页面。这样的链接结构浏览时,一级级进入,一级级退出,条理比较清晰,访问者明分 雷约涸谑裁次恢茫 换帷安恢 碓诤未 保 卿 佬 实停 桓隼改肯碌淖右趁娴搅硪桓隼改肯碌淖右趁妫 匦牖氐绞滓吃俳 小?星状链接结构(一对多) ,类似网络服务器的链接,每个页面相互之间都建立有链接。这样浏览比较方便,随时可以到达自己喜欢的页面。但是由于链接太多,容易使浏览者迷路,搞不清自己在什么位置,看了多少内容。 因此,在实际的网站设计中,总是将这两种结构混合起来使用。网站希望浏览者既可以方便快速地达到自己需要的页面,又可以清晰地知道自己的位置。所以,最好的
19、办法是:首页和一级页面之间用星状链接结构,一级和二级页面之间用树状链接结构。关于链接结构的设计,在实际的网页制作中是非常重要一环,采用什么样的链接结构直接影响到版面的布局。 进行形象设计 网站的设计可以从以下几点出发: 设计网站标志(LOGO)。LOGO 是指网站的标志,标志可以是中文、英文字母,也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容。比如:网站内有代表性的人物、动物、植物,可以用它们作为设计的蓝本,加以卡通化或者艺术化;专业网站可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志,采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的
20、标志。 设计网站色彩。网站给人的第一印象来自视觉冲击,不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。 “标准色彩”是指能体现网站型象和延伸内涵的色彩,要用于网站的标志,标题,主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用,但应当只是作为点缀和衬托,绝不能喧宾夺主。一般来说,一个网站的标准色彩不超过 3 种,太多则让人眼花缭乱。适合于网页标准色的颜色有:蓝色,黄/ 橙色,黑/灰/白色三大系列色。 设计网站字体。和标准色彩一样,标准字体是指用于标志,标题,主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格,可以根据需要选择一些特别字体。制作者可
21、以根据自己网站所表达的内涵,选择更贴切的字体。需要说明的是:使用非默认字体只能用图片的形式,因为很可能浏览者的计算机里没有安装特别字体,那么辛苦设计制作便可能付之东流了。 设计网站宣传语。也可以说是网站的精神、主题与中心,或者是网站的目标,用一句话或者一个词来高度概括。用富有气势的话或词语来概括网站,进行对外宣传,可以收到比较好的结果。编辑本段 要领五:确定网站风格“风格”是抽象的,是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的 CI(标志,色彩,字体,标语) 、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素,网站可以是平易近人的、生动活泼的也可以是专业严肃的。
22、不管是色彩、技术、文字、布局,还是交互方式,只要你能由此让浏览者明确分辨出这是你网站独有的,这就形成了网站的“风格” 。 风格是有人性的,通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性:是粗犷豪放的,还是清新秀丽的;是温文儒雅的,还是执著热情的;是活泼易变的,还是墨守成规的。 总之,有风格的网站与普通网站的区别在于:在普通网站上你看到的只是堆砌在一起的信息,你只能用理性的感受来描述,比如信息量多少,浏览速度快慢等;在有风格的网站上你可以获得除内容之外的更感性的认识,比如站点的品位,对浏览者的态度等。 在明确自己想给人以怎样的印象后,要找出网站中最有特色的东西,就是最能体现网
23、站风格的东西。并以它作为网站的特色加以重点强化、宣传。总之,风格的形成不是一次定位的,你可以在实践中不断强化、调整、改进。编辑本段 要领六:有创意的内容选择好的内容选择需要有好的创意,作为网页设计制作者,最苦恼的就是没有好的内容创意。网络上的最多的创意即是来自于虚拟同现实的结合。创意的目的是为了更好的宣传与推广网站,如果创意很好,却对网站发展毫无意义,那么,网站设计制作者也应当放弃这个创意。另外,主页内容是网站的根本之所在,如果内容空洞,即使页面制作地再怎样精美,仍然不会有多少用户。从根本上说,网站内容仍然左右着网站流量,内容为王(Content Is King)依然是个人网站成功的关键。编辑
24、本段 要领七:推广自己的网站网站的营销推广在个人网站的运行中也占着重要的地位,在推广个人网站之前,请确保已经做好了以下内容:网站信息内容丰富、准确、及时;网站技术具有一定专业水准,网站的交互性能良好。一般来说,网站的推广有以下几种方式: (1)搜索引擎注册与搜索目录登录技巧 注册著名的搜索引擎站点是在技术上推广网站的第一步。注册搜索引擎有一定的技巧,像 AltaVista、搜索客这样的搜索引擎,它自动收录提交的网址。另外,注意 Meta 的使用,不要提交分栏 Frame 页面,大部分搜索引擎不识别 Frame,所以一定要提交有内容的 Main页面。 而像 Yahoo、搜狐等搜索目录网站采用手工
25、方式收录网址,以保证收录网站的质量,在分类查询时获得的信息相关性比搜索引擎站点(靠 Spider 自动搜索的)更强。由于搜索目录网站收录网站的人为因素相对较多,因此在提交网站时要注意遵守规则。如 Yahoo 要求注册站点描述不超过 25 个单词。在此要注意:将网址提交到最合适的目录下面,要认真详细的介绍网站,千万不要有虚假、夸张的成分。 (2)广告交换技巧 很多个人站点在相互广告交换时都提出了几个条件:第一,访问量相当;第二,首页交换。显而易见,这种做法是为了充分利用广告交换。以很多个人网站的经验,当与一个个人站点交换链接时,对方把网站的 LOGO 放到了友情连接一页,而不是首页时,很少有访客
26、会来自那里。通常在首页,广告交换才会有很好的效果。 (3)目标电子邮件推广 使用电子邮件宣传网址时,主要有如下技巧:可以使用免费邮件列表来进行,只要你申请了免费邮件列表服务,你就可以利用邮件列表来推广你的网站;可以通过收集的特定邮件地址,来发送信息到特定的网络群体,在特定网络群体中推广自己的网站;发送HTML 格式的邮件,即使其内容与接收者关系不大,也不会被被当作垃圾信件马上删掉,人们至少会留意一下发送者的地址。不过,在进行邮件推广的时候要注意网络道德。编辑本段 要领八:支撑网站日常运行当个人网站做到某一程度,就必须把赚钱提到议事日程上来,通常来说,个人网站获取资金通常有以下两个渠道: (1)
27、销售网站的广告位 要销售网站的广告位,一般来说,每日的流量少于 1 万人次的网站在目前是不会吸引广告主的。网站的专业性及商用性,以往的广告经验,技术以及设计要求等也会影响到广告的销售。 一般来说,WEB 广告的收费有 3 种方式: CPM (Cost Per Million/Thousand) 放一个广告,它按每 1,000 人次来访问站点收费。这方法对网站经营者最为合适,只要有人浏览该网页,就得钱,不管访问者对广告有无反应是否会看或点击该广告。 点透(Click-through) 通过 Banner 广告点到了广告商的站点,这才算数,广告商青睐这个,他只为对自己广告感兴趣的人“套钱“。网站经
28、营者就不合适了,据一些调查资料表明,只有 3%的访问者会去“CLICK ”广告。 提成 (Commission) 根据访问者点击位于你站点上广告所带来的销售收入,从中跟做广告的厂商分成,这种方法对于网站的经营者来说,比上面两个都更加冒险。 通常的,个人网站的广告收费方法往往是第一、第二种方法的结合,站点和广告商都可少冒点险。 (2)与大型网站合作 另外,通过与大型网站合作,获取经费,也可以维持个人网站的日常运行。不过,个人网站很容易会成为商业网站的附属品。 有时间和充沛的体力,再加上对新技术和技巧的学习和应用,你就能为自己在网上建一个家了。编辑本段 如何进行用户体验式的网页制作1. 输入控件的
29、自动聚焦和可用键盘切换输入焦点 使用 JavaScript 实现页面加载完成后立即自动聚焦(focus)到第一个输入控件。可用 TAB键(IE 缺省实现)或方向键切换聚焦到下一个输入控件。2. 可用 Enter(或 Ctrl Enter)键提交,确保和点击提交按钮的效果是相同的不要在提交按钮上加入 onClick=”这样的 JavaScript 代码。3鼠标动作提示和回应对用户的鼠标定位操作,当移动到可响应的位置上时,应给予视觉或听觉的提示。4尽可能早的在客户端完成输入数据合法性验证输入数据的合法性检验应该在客户端使用 JavaScript 进行验证。除非验证只能在服务器端完成,否则验证工作应
30、在最早能完成的情况下进行。5根据应用场景决定在表单页面和提交后返回页面间是否使用中间过渡页面根据应用场景,决定是否显示接收表单页面(表单页面和提交后返回页面间的中间过渡页面) ,以及使用何种方式显示接收表单页面。6防止表单重复提交处理对提交按钮点击后做变灰处理避免在网络响应较慢情况下用户重复提交同一个表单。使用页面过期失效避免用户后退浏览重复提交表单。7页面链接是打开新窗口、使用原窗口还是弹出窗口的原则一般而言,首页上链接可以使用 target=”_blank”属性打开新窗口,而其他页面上的链接都应使用原窗口或弹出窗口。如果链接页面内容相对原页面来说不重要,是附属性质的,可以使用弹出窗口方式。
31、8尽可能少的排列可选项,尽可能少的安排操作步骤根据用户操作习惯安排尽可能少的操作菜单选项,同时要保证尽可能少的操作步骤。9操作逻辑无漏洞,保证数据是操作安全的多个页面间的操作和同个页面上的多个操作间的逻辑关系在设计上是安全和严谨的。保证不会出现不被允许的用户操作组合,至少不会因为用户的不适当的操作导致出错。 网页制作具体流程:网页设计是一个综合性极强的工作,涉及到商业策划、平面设计、人机界面、程序语言和数据库等。 网页设计总体上分为策划、前台和后台三部分。一般都是由三种不同专业的人合作完成的,一个人独立完成的网站一般很难做到各方面都很专业。因此,网站设计一般由团队完成。 策划是指,网站的整体定
32、位、功能规划、应用分析、流程设计和内容架构组织。 前台是指,网站页面的设计制作,包括版式规划、色彩应用、版面设计、切片输出、页面整合、动画和多媒体设计、交互环节设计和页面代码编写等。 后台是指,程序设计、数据操作、功能实现、管理界面和管理功能设计等。 关于需要学习的知识则因你所面对的任务不同而不同。侧重界面设计的,应在图形设计和视觉创意上多下功夫,做页面代码和后台程序则要多熟悉 web 标准、标记语言、内嵌语言、脚本语言、数据库等内容。编辑本段 网页制作编辑本段 内容简介本教材以中等职业学校计算机与软件技术专业领域技能型紧缺人才培养指导方案为指导,以培养学生的实际动手能力为目标,以当前中职学生
33、的认知能力为前提,从实用的角度出发,以简明生动的语言,采用案例式教学由浅入深地介绍了网页制作的过程,并详细介绍了实践中的经验和技巧。全书内容设置以项目为驱动,以任务为导向,以创建三个范例网站为项目,共分 8 章,以配合学习者在不同时期的知识需求。本书既可作为中职计算机类各专业使用,也可供网页设计爱好者自学使用,还可作为其他专业的公共课使用。 本书配有电子教学参考资料包(包括电子教案、相关实例的素材、范例网站的素材及习题答案) ,为了让读者掌握更多的实用技术,还配有网页制作学习指导与实训教材。编辑本段 目录第 1 章 网页制作基础1.1 初识网页、网站1.1.1 认识网页1.1.2 HTML 基
34、础1.1.3 网站的分类1.1.4 静态网页与动态网页1.1.5 将计算机虚拟成 web 服务器1.2 制作网页的常用工具1.3 网站的创建流程1.3.1 企业网站的创建流程1.3.2 范例网站的创建流程1.4 网页制作的注意事项1.4.1 网页的特点1.4.2 网页制作的基本原则习题与上机练习第 2 章 创建企业宣传页面2.1 初识 Dreamweaver 8.02.1.1 启动 Dreamweaver 8.02.1.2 创建本地站点2.1.3 站点的修改和编辑2.1.4 制作一个简单网页2.1.5 载入“跟踪图像”2.2 Web 文档的常用操作2.2.1 创建新的文档2.2.2 保存文档2
35、.2.3 打开文档2.2.4 设置新建网页的页面属性2.3 用表格布局页面2.3.1 表格的排版原则2.3.2 插入表格2.3.3 选择表格元素2.3.4 设置表格属性2.3.5 设置单元格属性2.3.6 编辑表格2.3.7 表格嵌套2.4 文本的添加2.4.1 文本的输入2.4.2 用属性面板设置文本格式2.4.3 编辑字体列表,加入所需的字体2.4.4 插入特殊符号2.4.5 插入日期2.4.6 插入水平线2.4.7 文字的分行2.4.8 编号与项目列表2.4.9 段落的首行缩进2.5 用 CSS 设置文本样式2.5.1 CSS 样式简介2.5.2 使用 CSS 样式面板2.5.3 CSS
36、 文件的类型2.5.4 创建和应用 CSS 样式2.6 插入图像2.6.1 主要的图像格式2.6.2 插入图像2.6.3 插入图像占位符2.6.4 插入 11 像素图像2.6.5 设置图像的属性2.7 插入文件头内容2.7.1 插入文档标题2.7.2 插入说明信息和关键字2.8 创建企业宣传页面习题与上机练习第 3 章 企业产品介绍页面的实现3.1 认识超级链接3.1.1 添加站点间的“友情链接”3.1.2 添加站点内的文本超链接3.1.3 添加 E-mail 链接3.1.4 添加网页内的超链接3.1.5 添加空链接及脚本链接3.1.6 添加图像热点链接3.1.7 创建导航条3.2 层3.2.1 层的创建3.2.2 选择层第 4 章 打造企业留言板第 5 章 在 Dreamweaver 中美化页面第 6 章 站点的发布第 7 章 CSS 样式应用第 8 章 网页制作综合实例