当前位置：文档之家 › 网页设计与制作课件第1章 计算机网络概述

网页设计与制作课件第1章 计算机网络概述

  • 格式：ppt
  • 大小：1.45 MB
  • 文档页数：65
网页设计与制作课件第1章 计算机网络概述

合集下载

网页设计与制作课件第1章

网页设计与制作课件第1章

上一页 返回
1.1.2 Web浏览器基本结构原理
知识点评
中文名称：网络浏览器或网页浏览器，简称浏览器 （Web Browser）。 浏览器是显示网页服务器或文件系统内的HTML文件，并让用户与这些文件 互动的一种软件。个人计算机上常见的网页浏览器包括Microsoft Internet Explorer、Opera和Netscape等。浏览器是最常用的客户端程序。 网页浏览器主要通过HTTP协议连接网页服务器而取得网页，HTTP容许网页 浏览器送交数据到网页服务器并且获取网页。网页的位置以URL（统一资源定位 符）指示，此乃网页的地址，以HTTP: //开始的便是通过HTTP协议登录。 网页通常使用HTML（超文本标记语言）文件格式，并在HTTP协议内以 MIME内容形式来定义。大部分浏览器均支持许多HTML以外的文件格式，例如 JPEG、PNG和GIF图像格式。在HTTP协议和URL内容结合下，网页设计者便可 以把图像、动画、视频、声音和多媒体包含在网页中，或让浏览者透过网页而浏 览它们。
上一页 下一页 返回
知识点评
Dreamweaver另外还提供了许多面板、检查器或窗口。若要打开Dreamweaver 面板、检查器或窗口，可以使用【窗口】菜单进行选择，如下图所示。
【窗口】菜 单项所包含 的内容
上一页 返回
1.3.2 创建本地虚拟站点
在本地创建虚拟站点，如下图所示。
目标案例
下一页 返回
步骤7：系统显示刚对网站的设置内容，如果要对设置不满，可以单击“上 一步”按钮更改设置。
上一页 下一页 返回
知识点评
7．“属性”检查器
用于显示网页中各个元素的相关属性，用户可以设置“属性”面板中的 各选项参数，对网页中的各个属性作设置和修改。如下图所示。
《网页设计与制作》电子教案课程课件PPT 第一章

《网页设计与制作》电子教案课程课件PPT 第一章


1.2.1站点的内容规划(2)



制作网页时还要注意一些问题： 第一，合理安排主页内容，主页应该简洁清晰、 一目了然，重点突出，图文有序。 第二，网页上要善用图片，色彩协调，格调一致， 但又要注意图片不可过大，以免影响浏览时的下 载速度。 第三，要易于导航，尽量减少链接级数，尽快通 过链接接触到实际内容，否则会使浏览者失去兴 趣。 第四，即要美观实用，又要有新颖的创意，网页 上要有一些与众不同的闪光点。Leabharlann 1.2.2站点的定义 (1)
如果有了站点文件夹，必须先经过定义，将这 个站点纳入到Dreamweaver的管理范围内。在 Dreamweaver中可以定义多个站点，但只有一 个站点是当前站点。
1.2.2站点的定义 (2)



1．定义站点 定义站点的具体操作步骤如下： （1）打开“站点”菜单，选择“定义站点”命令， 出现“定义网站”对话框。如图1-4所示。 （2）在“定义网站”对话框中，单击“新建”按 钮，出现“站点定义”对话框。如图1-5所示。 图1-5“站点定义”对话框 （3）在“站点定义”对话框中输入站点名称和站 点所在的路径，单击“确定”后返回“定义网站” 对话框。
1.1.2网页制作软件
本书介绍的软件是Macromedia公司的 Dreamweaver MX网页设计制作软件。在 Dreamweaver MX启动时会弹出如下窗口为 了方便读者与老版本衔接学习本书采用 Dreamweaver 4.0的经典样式。
1.2.3 Dreamweaver MX窗口介绍
Dreamweaver MX经过安装并输入正确的序列 号之后，用户就可以在Windows的启动菜单中 找到Dreamweaver MX的启动命令，点击该命 令即可启动Dreamweaver MX。启动后的窗口 界面如图1-1所示。
网页设计与制作基础培训课件

网页设计与制作基础培训课件

2010年8月
网页设计与制作基础
安徽师范大学
WWW服务采用了客户／服务器工作模式
۞ 在该模式中，信息资源以页面（也称网页或Web页） 的形式存储在Web服务器中；用户查询信息时执行 一个客户端的应用程序，简称客户程序（Cient） 或称为浏览器（Browser）程序。
超文本（Hypertext）数据结构
计算机网络分为以下3类：
۞ 局域网（Local Area Network，LAN） ۞ 城域网（Metropolitan Area Network，MAN） ۞ 广域网（Wide Area Network，WAN）
计算机网络的应用
۞ (1)信息的获取与发布 ۞ (3)网上交际 ۞ (5)网络电话 ۞ (7)远程登录 ۞ (9)电子公告板
IE 浏览器
۞ 是客户端的浏览器软件具有Internet地址(Web地址) 和文件路径导航能力，它向Web服务器发出请求， 从Web 服务器上搜索需要的信息、浏览Web 网页、 查看源文件、收发电子邮件，上传网页等。
2010年8月
网页设计与制作基础
安徽师范大学
1.1.2 计算机网络分类、功能和应用
۞ 静 态 网 页 是 一 个 html 或 htm 文 件 ， 服 务 器 传 送 HTML代码的文件，不加处理直接下载到客户端的 浏览器，再由浏览器解释为可见的对象呈现给浏览 者。运行在客户端的页面是已经事先做好并存放在 服务器中的网页。
۞ 静态网页的缺点：呆板、缺乏交互性等
2010年8月
网页设计与制作基础
۞ 是一种用计算机来实现连接相关文档的结构，该连 接以高亮单词或图象形式嵌入在文档的文字之中。 当被激活时，便立即检索连接的文档并显示出来， 在被连接的文档中又可以嵌套别的连接，如此多重 嵌套，以至无穷。
网页设计与制作- 第01章_网页设计概述

网页设计与制作- 第01章_网页设计概述

14
网页设计与制作
1.1 网页基本概念
– 7．导航栏：导航栏的作用是引导浏览者准确、 方便地查看当前网站的不同内容并在相关页面之 间自由跳转。实际上，导航栏就是一组相对固定 的超链接，链接的目标就是站点中的主要网页。
– 8．表单：网页中的表单类似于Windows程序的 窗体，主要用来将浏览者输入的信息提交给服务 器端程序进行处理。表单是提供交互功能的基本 元素，例如问卷调查、信息查询、用户注册、网 上订购等，都需要通过表单进行客户端信息的收 集工作。
7
网页设计与制作
1.1 网页基本概念
• 例1.1 打开记事本（notepad.exe），输入如
下内容，将文件保存为ep1_1.html，然后双击
ep1_1.html在浏览器中打开并预览。效果如图
所示。
<html> </html>
<head> </head> <body>
</body>
<title>我的HTML网页</title>
– 9．其他常见元素：网页中除了以上几种最基本 的元素之外，还有一些其他的常见元素，包括悬 停按钮、Java特效和ActiveX特效等。这些元素 使网页更加丰富多彩和生动有趣。
15
网页设计与制作
1.2 网页浏览的基本原理
• 1.2.1 WWW服务器工作模式 • 1．客户机和服务器
– Web服务是建立在客户机/应用服务器/数据 库服务器（Client/ Server/ Database Server，C/S/DS）三层结构模型之上的， 在网络环境中，客户机向服务器发出服务请 求，服务器接收并处理客户的请求，最后将 结果返回到客户机。