第1章网页制作基础知识

第1章网页制作基础知识课程简介本课程介绍了使用Dreamweaver

8制作网页和开发网站的各种技术，主要内容涉与Dreamweaver

8工作环境，站点创立和管理，编辑网页文本，编辑网页图像、声音、动画等，制作动态交互网页，行为、库、框架等。通过本课程的学习，希望学习者能够理论结合实际，快速掌握根本的网站设计与网页制作相关知识！教材与参考书目Dreamweaver

8网页制作与网站开发标准教程清华大学出版社，杨志姝

编著。巧学巧用Dreamweaver

8制作网页人民邮电出版社，前沿电脑图像工作室

编著。网页设计与制作教程清华大学出版社，杨选辉

编著。网页设计与制作教程〔第二版〕清华大学出版社，赵祖荫

主编。教学方式与要求讲授、自学与上机结合。讲授30学时上机自行安排加强上机实践。加强上网实践。考核方式考试第一章

网页制作根底知识网页和网页制作工具网站建立流程Dreamweaver界面与根本操作创立与管理站点1.1.1什么是网页通俗的讲，Internet就是指许多不同功能计算机通过线路连接起来组成的一个世

界范围内的计算机集合体。Internet提供的效劳包括：WWW效劳〔也就是网页浏览效劳〕、电子邮件效劳、网上传呼〔ICQ就是最常见的网上传呼效劳〕、文件传输、在线聊天、网上购物、网络炒股、联网游戏、虚拟空间等等。1.1.1什么是网页〔续〕WWW是由遍布在Internet上的称为Web

效劳器的计算机组成，它将不同的信息资源有机的组织在一起，通过一种叫做浏览器的软件进展浏览。网上冲浪的过程。1.1.1什么是网页〔续〕1.1.1什么是网页〔续〕网页实际上就是用HTML语言写成的文档，HTML〔HyperText

MarkupLanguage，超文本标记语言〕语言是显示网页的一种文本表现方式，它可通过标记符来定义网页内容的显示效果。通过超链接连接起来的一系列逻辑上可以视为一个整体的页面，则叫做网站。1.1.2常见的网页制作软件网页编辑工具的作用就是用直观的方式将网页制作的过程实现。现在的网页编辑工具绝大多数都是所见即所得的，即我们实际操作的结果就是最终生成的网页〔HTML文档〕的效果，也就是说，网页编辑工具将HTML代码的生成自动化了。最常用的两种网页编辑工具是Dreamweaver和FrontPage。1.1.2常见的网页制作软件〔续〕1.1.2常见的网页制作软件〔续〕最常用的素材处理工具有：PhotoshopPhotoshop是最著名的图形图像处理软件，由

Adobe公司出品。Photoshop的功能非常强大，是专业图像创作的首选软件。FireworksFireworks是Macromedia公司出品的Web图形工具软件，是用来设计和制作专业化网页图形的终极解决方案。它是第一个可以帮助网页图形设计人员和开发人员解决所面临的特殊问题的制作环境。1.1.2常见的网页制作软件〔续〕FlashFlash是目前最流行的一种Web矢量动画软件，它建立了Web上交互式矢量图形和动画的工业标准。AnfyAnfy是一种常用的Java特效生成工具，它能以简明的方式实现多种复杂的Java效果。1.2.1规划站点目标规划书定义、分析目标用户确立站点的风格信息式表现形式是以文字信息为主。画廊式表现形式是以图像、动画、多媒体等高新网络技术为主。1.2.1规划站点〔续〕考虑网络技术网络上的速度因素〔带宽〕网络带宽是一个要引起设计者注意的首要因素，连接速度将影响到网页的设计。影响网页显示速度的最主要因素就是图像的数量和大小。1.2.1规划站点〔续〕浏览器的分辨率

显示器的屏幕分辨率是网页设计者应该特别关注的因素。显示器屏幕分辨率是指计算机屏幕水平与垂直方向的像素值〔即屏幕的宽度与高度〕，通常可以将国内用户显示器分辨率的设计标准定为：800

*600兼顾1024

*

768。即时交互与插件1.2.2设计站点建立网站目录构造网站中的命名规则〔1〕最好使用小写英文名称，可以用汉语拼音代替。〔2〕可以包含数字或下划线。〔3〕注意正确的文件后缀名〔扩展名〕：网页文件的后缀名为：.htm或.html。〔4〕默认的主页名称。1.2.2设计站点〔续〕–建立站点构造1.2.2设计站点〔续〕设计站点的导航导航的概念网站中的导航系统，实质上就是一组使用了超链接技术的网页对象〔包括文字、按钮、小图片、图形等〕，它们将网站中的内容有机地连接在一起。导航的分类导航的要点导航设计的原则1.2.2设计站点〔续〕设计主要页面的版式设计页面的布局网页中的颜色文字、图像、动画以与多媒体的使用收集和制作素材1.2.3制作网页网站建立的第三步就是具体实施设计的结果，将站点中的网页按照设计方案制作出

来。需要注意的是，在该步骤中有一个经

常被初学者无视的环节，就是测试网页。

因为影响浏览者访问网页的因素很多，网

页设计者永远也无法准确把握网页在不同

的平台、连接速度、访问方法〔调制解调

器、ISDN或是其他方法〕、显示分辨率等

情况下的显示结果。唯一的解决方案就是：测试，不断的测试。1.2.4站点发布和维护站点发布和维护网站的发布和维护发布前的工作〔1〕确保测试正常〔2〕检查页面中的搜索信息1.3.1

Dreamweaver

8的功能与特点Dreamweaver

8是美国Macromedia公司开发的集网页制作和网站管理于一身的所见即所得的网页编辑器，它是第一套针对专业网页设计师特别开发的视觉化网页开发工具，利用它可以轻松地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。1.3.1

Dreamweaver

8的功能与特点〔续〕Dreamweaver

8是构建网站和应用程序的专业选择工具。它提供可视化布局工具、应用程序开发功能以与支持代码编辑的强大组合，使各个技术级别的开发者和设计者都能够快速创立可视化、吸引人的基于标准的站点和应用程序。从基于CSS设计的领先支持功能到手工编写代码功能，Dreamweaver

8都提供了集成、无缝环境中所需的专业工具。开发者可以选择将

Dreamweaver与效劳器技术结合使用，构建强大的

Internet应用程序，该应用程序能够将用户开发的程序连接到数据库、实时数据效劳和原有系统。1.3.2

Dreamweaver的工作界面1.3.3创立网页创立网页的根本步骤如下：〔1〕启动Dreamweaver程序。〔2〕设置网页标题。〔3〕保存网页文件并设置网页名称。〔4〕输入内容并设置内容格式。〔5〕保存网页并测试。1.4.1制作本地站点建立本地站点在翻开的Dreamweaver文档窗口中，选择“站点〞菜单中的“新建站点〞命令，翻开“定义无标题站点〞对话框，在该对话框中进展设置。查看站点中的资源1.4.1制作本地站点〔续〕1.4.2管理本地站点文件的根本操作可以使用站点窗口菜单栏中的命令或右键快捷菜单对选中的文件进展根本操作。设置站点主页站点操作翻开站点编辑站点1.4.3网站上传申请空间设置远程站点上传站点目标规划书制作环境的准备网站目标确实定