1.1网页设计精讲01

《1.1网页设计精讲01》由会员分享，可在线阅读，更多相关《1.1网页设计精讲01（17页珍藏版）》请在金锄头文库上搜索。

1、网站制作、管理及发布网K制作教程成刚贵阳学院宣传部tzche nggang2oo5：i26com13765100793259657丄6课程简介网页是网络中一个重要的信息载体，在网W制作教程I nternet中的大部分信息都是以网页的形式表 现出来。通过网页可以实现网络资源共享和数 据传输的功能。 “工欲善其事，必先利其器”，想要自己制作 出优秀的网页，就要掌握一种合适的工具。常用的网页制作工具有DreamweaverFrontPage等，图像处理工具有Photoshop、 Fireworks、CorelDRAW、FreeHand等。课程简介网贞制作教程其中，网页三剑客属于主流的制作工具。 使用

2、这三个软件可以完成制作网页的所有 任务。它包括三个软件：Dreamweaver Fireworks、Flash。 Dreamweaver是制作网页和网站的工具， Fi reworks是设计和剖作专业化网页图像的 工具，Flash是当前最出色的网页动画制作 软件。目前比较流行的版本是Macromedia Studio 8.O0如何学好这门课端正学习态度网W制作教程掌握理论知识重视上机操作有效利用网络多动手勤思考第丄讲网页制作基础知识“介绍网页制作的相关术语/网页构成的基本要素/网站建设的基本流程/ 中文版Dreamweaver 8操作基础一、网页基本概念什么是网页(Web Page) ?网W:制

3、作教程网页就是一种以超文本和超媒体形式显示 信息的载体文件。其中的重要概念就是超 级链接，它使网页的信息量更大，阅读起 来更加方便。什么是网站(WebSite) ?网站就是由多个信息相关的网页构成，网 页之间通过超级链接互相连接在一起的网 络组织，又称为站点。网页制作的相关术语际互联网因特网（Internet）网W制作教程统一资源定位器（URL） 万维网（WWW）超文本传输协议（HTTP） 浏览器超文本标记语言（HTML） 主页2O13Q222O13Q228Tnt ermet 简介网W制作教程 Internet是遍布全球的各种网络系统（如：局域 网、数据通信网、公用电话交换网等）组织在 一起的

4、世界性计算机网络系统，它是通过统一 的网络协议TCP/IP协议连接在一起所组成的。 Internet 的功能：电子邮件、文件传输（FTP）、远程登录（Telnet）、网上查询（IE、Netscape、Gopher等浏览器）和网上交流（BBS、网络新 闻组USENET、QQ等）。URL地址 URL (Uniform Resource Locater)即统一资源定位器, 俗称“网址” O网5(制作教程-Internet中的各种资源实际上分散在各地的计算机主 机中，定位器(Locater)的作用就是要指出这些资 源的所在位置。URL就是一个可以带领用户到所要资 源的所在位置，并通过适当的方式取得该资

5、源的工具。例如下面的URL地址：http:/www.cctv.eom/news/china/i ndex.htm其含义是该URL地址使用的通讯协议为HTTP协议， 要査找的主机是,在该主机的news文 件夹中的china文件夹里，有一个名为index.htm的文 件。2013*4*22WIaIW简介万维网也就是World Wide Web,又称WWW (3W),它是Internet世界最为重要的成员之网W制作教程O WWW是一个基于超文本(Hypertext)和超媒 体(Hypermedia)方式的信点检索服务工具。超文本：由文本组成，可以与其它文件相关联。超媒体：可以与多种形式的数据文件相关

6、联。2O13Q22#OHTTP协议网贝制作教程为了能够实现网络资源的网上传输和共享，就必 须制定一个客户端与服务器端双方在交流信息时 都能够理解的统一的“共同语言”,这就是网络 传输协议。它要求每个使用者必须遵循相同的标 准，以保证信息和数据的传输畅通无阻。 HTTP协议（HypertextTransfer Protocol,超文本 传输协议）就是实现这一功能的WWW中的主要协 议，允许数据以任意的类型（包括多媒体文件） 在网络中通信，并支持超文本和超媒体的形式。2013*4-22 11网页浏览器网贞制作教程浏览器（Browser）:阅读浏览网页信息的应用 程序。它是一个翻译器，它将各种控制字

7、符翻 译成合适的屏幕显示方式，从而得到人们最后 看到的网页。浏览器有很多种，如：Microsoft Internet Explorer （IE）、Netscape Navigator （网景）、 TencentTraveler （腾讯TT）等。由于各个浏览器对同一控制字符的解释方式不 完全相同，所以即使是同一个网页，在不同浏 览器下的显示也可能有所不同。201)-4-22HTML简介网页制作教程 HTML语 （HyperText Markup Language,超文 本标记语言）是一种用于网页制作的排版语言， 是用來表示网上信息的符号标记语言。 HTML并非是一种编程语言，我们只需要用HTML

8、 给文档添加标记，并保存成扩展名为Html或Htm 的文件（即网页的源文件），发布到网上即可。浏览器可以识别用HTML编写的文件，并将这些HTML符号标记翻译成人们可以识别的信息，就是网页。2O13Q22HTML的编辑环境 HTML是一种纯文本文件，我们可以用任何文本编辑器（包括记事本、网W制作教程WPS）来编辑和创建它,改成,htm或html。写字板、Word、 保存时文件扩展名要在网页上点击鼠标右键，选择菜单中的“查 看源文件”，就可以通过记事本看到网页的 HTML内容。2O13Q22#HTML的常用标记HTML文件开始和结束的标记网W制作教程我的个人主页v /Title HTML文件头标

9、记，可以省略 网页的标题，显示在浏览器 窗口的标题栏，可以单独出现*你好！欢迎光临本站* HTML文件主体标记，定义 了网页上显示的主要内容与显示 格式18表示一条水平的分割线，vP表示一大多数标记是成对出现的，名称多数是其英文 缩写。个段落(Paragraph) , 表示一个图片(Image) , 表示设标记的格式标记的基本格式为：V标记 属性“属性值 属性H属性值受标记影响的内容V/标记网Jf制作教程其中：（1）标记必须用“”围住，否则认为是普通文本， 表示结束标记。标记字母不区分大小写。（2）对一段内容可以用多个标记来共同作用，产生一定的 效果。此时，各个标记间的顺序也是任意的，但是不能

10、 交叉使用。（3）根据需要可以只用该标记的几个属性，也可以不用属 性，在使用时属性之间没有顺序。不是所有的标记都有 属性和结束标记，如单标记vBr表示换行。2013*4*2217标记的使用例如:网Jf制作教程 这是6号 字，隶书，红色 :这个标记是用来插入图片的， 其中的代表的是图片的URL地址。例女h 该标记的意思是在网页中插入图片pic.gif,该 图片存放的位置在站点文件夹根目录下的 images目录下。四、Dreamweaver 8简介网贞制作教程 Dreamweaver是一种较好的所见即所得的网页 编辑工具，它对网页有很强的控制能力，可以 直观方便的设计网页。主要优点：使用方便，易学

11、易用，既可以使用可视化的编辑器 又可以使用HTML编辑器设计网页。提供了强大的设计工具和模板，不用编写代码就可 以快速的创建各种极具动态HTML特性的网页，如 动画和分层等。兼容性好，适用于各种平台和浏览器。 产生的HTML代码精简高效。201）*4*22 19Dreamweaver 8内 容简介Dreamweaver 8的工作界面站点的创建和管理网W制作教程文档的基本操作基本网页制作（插入对象、设置格式等） 网页的布局技术（表格、层、框架） 表单、模板和库项目的使用行为和时间轴（动态网页技术）2O1342220Dreamweaver 8的工作界面网51制作教程基本组成：由标题栏、菜单栏、工具

12、栏、编辑区、状态栏、 插入面板、属性面板和面板组等组成。插入面板组标准工具栏0孩G C |JoihtAl*乂代码国抗分勻谀计 ：用啲日子k斧比8L U文档工具栏第用 状态栏分帅*|534八心1 X / I 砂201)*4*22 21201)*4*22 #站点的创建和管理站点：一个网站所有文档的集合。网贞制作教程 一个设计良好的网站通常具有科学的结构，用不同 的文件夹分门别类的保存不同类型的文件，便于管 理和更新。-Internet服务器：它只是一个逻辑名称，就是用于 提供Internet服务（包括WWW、FTP、E-MAIL等） 的计算机。主要用于存储我们所浏览的Web站点的 文件。远程站点：

13、指存储于Internet服务器上的站点文件。本地站点：在本地计算机的磁盘上构建的站点文件。创建本地站点网51制作教程1. 在某个驱动器的根目录下新建一个文件夹， 用英文命名，作为站点文件夹，用来存放本 地站点的相关文件。2. 执行“站点一新建站点”,在“站点定义” 对话框中进行选择。3. 执行“窗口一站点”或“文件一站点”,或 按F8快捷键，打开“文件”面板，在面板中 管理站点文件。201)*4*22 23创建站点內容创建站点时，首页文件（主页）必不可少。 首页文件的名称通常为index.htm网W制作教程index.html default.htmcdefault.html, 这个名称不能随便起，由你所申请空间的 远程服务器决定。如果要给文件插入图片或多媒体文件，需 要在站点文祚夹下再建立一个images文件 夹，便于对图片的管理。201)*4*22#2O13Q22管理站点网M制作教程在站点面板中，单击下拉列表中的“编辑站 点”，或“站点一编辑站点”，可以进行以下 操作：打开站点网贞制作教程234567编辑站点 删除站点复制站点创建文件和文件夹删除文件和文件夹：从磁盘上真正删除移动和复制文件和文件夹文档的基本操作1.新建文档2保存文档3关闭、