《网页制作 第1课》由会员分享,可在线阅读,更多相关《网页制作 第1课(72页珍藏版)》请在金锄头文库上搜索。
1、电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社第1章 网页制作基础本章导读 学习目标 本章要点 上机练习 习 题电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社本章导读了解网页制作基础知识 熟悉网页制作的一般步骤及原则 掌握Dreamweaver MX 2004启动与退出 课时安排:2学时电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社学习目标网络以其独特的优势渗入到人们的生活 中,它已成为人们生活的一个重要组成 部分。若想要学习网页制作,需先了解 网页的一些基本知识,如网页的定义、 分类,
2、制作网页的软件以及网页制作的 基本步骤和规则等。本章将讲解网页制 作的基础知识,为以后学习网页制作做 好铺垫。电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社本章要点 网页制作基础知识 网页制作的一般步骤 网页的制作原则 启动与退出Dreamweaver MX 2004 Dreamweaver MX 2004的工作界面电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社1.1 网页制作基础知识学习网页制作应先了解网页的基本概念 ,学好这些知识是制作出漂亮、美观的 网页的前提,千万不能忽视。电脑基础实例上机系列丛 书Dreamwea
3、ver中文版网页制作教程 清华大学出版社1.1 网页制作基础知识1.1.1 网页的定义和分类 1.1.2 网页制作中的基本概念 1.1.3 页面的基本组成元素 1.1.4 认识网站电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社1.1.1 网页的定义和分类在上网时浏览到的一个个页面就是网页 ,网页又称为Web页,网页中的图像、 文字、超级链接等是构成网页的元素。 网页可按其在网站中的位置分类,也可 按其表现形式分类。电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社1.1.1 网页的定义和分类1按位置分类 2按表现形式分类电脑基
4、础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社1按位置分类按网页在网站中的位置可将其分为主页 和内页,主页是指进入网站时看到的第 一个页面,故也称为首页;内页是指与 主页相链接的页面,也就是网站的内部 页面。电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社2按表现形式分类按网页的表现形式可将网页分为静态网 页和动态网页。其含义如下: 静态网页 动态网页电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社1.1.2 网页制作中的基本概念在网页制作过程中常常会遇到一些专业 名词,如URL、域名、站点、发布
5、、浏 览器、超级链接、导航条和表单等,用 户需掌握其含义才能在制作网页时灵活 应用。下面将一一讲解这些专业名词。电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社1.1.2 网页制作中的基本概念1. URL 2. 域名 3. 站点 4. 发布 5. 浏览器 6. 超级链接 7. 导航条 8. 表单电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社1. URLURL是指全球资源定位器,用来指明通 信协议和地址的方式,如 http:/就是一个URL。 “Http:/”形式的URL用于表示网页的 Internet位置,它是提供一种在In
6、ternet上 查找任何信息的标准方法。电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社2. 域名域名就如同是网站的名字,任何网站的 域名都是全世界惟一的。也可以说域名 就是网站的网址,如就 是搜狐网站的域名。域名是由固定的网 络域名管理组织在全球进行统一管理的 ,用户需到各地的网络管理机构进行申 请才能获取域名,申请成功后便可将网 页发布到网上。电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社3. 站点站点是一个管理网页文档的场所,简单 地讲,一个个网页文档连接起来就构成 了站点。站点可以小到一个网页,也可 大到一个网站。电
7、脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社4.发布顾名思义,发布就是指把制作好的网页 上传到网络上的过程。电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社5. 浏览器浏览器是一种把在互联网上的文本文档 和其他类型的文件翻译成网页的软件。 通过浏览器,可以快捷地连接Internet。 目前使用较广泛的浏览器主要有 Microsoft公司的IE浏览器和腾讯公司的 TT浏览器等。电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社6. 超级链接超级链接能起到将不同页面链接起来的 功能,可以是同一站点
8、页面之间的链接 ,也可以是与其他网站页面之间的链接 。超级链接有文字链接和图像链接等。 在浏览网页时单击超级链接就能跳转到 与之相关的页面。电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社7.导航条导航条就如同一个网站的路标,有了它 就不会在浏览网站时“迷路”。导航条链 接着各个页面,只要单击导航条中的超 级链接就能进入相应的页面。电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社8.表单表单是具有交互性的动态网页,用于在 申请会员和邮箱时提交用户信息。在腾 讯网站上申请QQ号的表单页面。电脑基础实例上机系列丛 书Dreamwe
9、aver中文版网页制作教程 清华大学出版社1.1.3 页面的基本组成元素网页是由多种元素组成的。文本和图像 是网页中最基本的元素,是网页信息的 主要载体,它们在网页中起着非常重要 的作用。其余的元素如超级链接等都是 基于这两种基本元素而创建的。电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社1.1.3 页面的基本组成元素1文本 2图像电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社1文本文本在网络上传输速度较快,用户可以很方 便地浏览和下载文本信息,故其成为网页主 要的信息载体。 网页中文本的样式多变,风格不一,吸引人 的网页
10、通常都具有美观的文本样式。文本的 样式可通过对网页文本的属性进行设置而改 变,在后面的章节将详细讲解这方面的知识 。电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社2图像图像比文本更具有生动性和直观性,它 可以传递一些文本不能传载的信息。网 站标识Logo、背景等都是图像。电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社1.1.4 认识网站网站是多个网页的集合,如搜狐、网易 等。按网站内容可将网站分为4种类型 :门户网站、个人网站、专业网站和职 能网站。电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大
11、学出版社1.1.4 认识网站1.门户网站 2.个人网站 3.专业网站 4.职能网站电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社1.门户网站这类网站是一种综合性网站,涉及领域 非常广泛,包含文学、音乐、影视、体 育、新闻和娱乐等方方面面的内容,具 有论坛、搜索和短信等功能。现在国内 较著名的门户网站有搜狐( )、网易( )等。电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社2.个人网站个人网站具有较强个性化,是以个人名 义开发创建的网站,其内容、样式、风 格等都是非常有个性的。电脑基础实例上机系列丛 书Dreamweaver
12、中文版网页制作教程 清华大学出版社3.专业网站这类网站具有很强的专业性,通常只涉 及某一个领域,内容专业。如榕树下网 站()即是一个专 业文学网站。电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社4.职能网站职能网站具有专门的功能,如政府职能 网站等。目前逐渐兴起的电子商务网站 也属于这类网站,较有名的电子商务网 站有阿里巴巴()、 卓越网()和当当网上书 店()等。电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社1.2 网页制作的一般步骤制作网页是有一定顺序和步骤的,用户 不可能一开始就直接编辑网页,应先做 一些准备工作。电
13、脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社1.2 网页制作的一般步骤1.2.1 收集、整理资料 1.2.2 规划、创建站点 1.2.3 制作网页 1.2.4 站点测试 1.2.5 网页发布 1.2.6 站点的更新与维护电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社1.2.1 收集、整理资料在确定了制作哪方面的网页后,需收集 和整理与网页内容相关的文字资料、图 像、动画素材等。如想要制作影视网站 就需收集大量中外电影的信息以及演员 资料;要制作公司网站就需收集公司的 介绍、产品信息和企业文化等。电脑基础实例上机系列丛 书D
14、reamweaver中文版网页制作教程 清华大学出版社1.2.2 规划、创建站点收集好资料后还需对资料进行有效地管理, 站点就是管理资料、素材的场所。在创建站 点之前需对站点进行规划,站点的形式有并 列、层次和网状等,用户需根据实际情况选 择。规划站点时应按素材的不同种类分为几 个站点,再将收集好的素材分类放置在相应 站点中,然后在不同站点中将不同的素材进 行细分。站点规划好后即可对其进行创建了 。电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社1.2.3 制作网页网站是由多个页面链接而成的。在制作 网页时需注意以下几方面的问题,以便 浏览者轻松浏览网站。电脑
15、基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社1.2.3 制作网页1.页面框架的构建 2.导航条 3.返回首页链接 4. 添加网页元素电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社1.页面框架的构建页面框架的构建是指对网页的整体布局 ,针对网页中的内容应将网页有条理地 划分为几部分。电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社2.导航条导航条应出现在网站的各个页面中,提 供各个站点的相关主题,引领浏览者有 条理地浏览网站。导航条通常放置在页 面的上部或左侧。电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教程 清华大学出版社3.返回首页链接在分页面中放置返回首页链接,以便浏 览者在访问分页面后快速回到首页,以 重新选择其他页面进行浏览。电脑基础实例上机系列丛 书Dreamweaver中文版网页制作教