网页制作 第1课

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