1 / 84

专题一：网页设计与制作概述

专题一：网页设计与制作概述. —— 卢 强. 学习目标：. 了解有关网络的基本概念 了解网页、网站的基本的知识 理解并掌握网站设计与制作的基本流程 了解现有的网页开发工具和技术. 什么是计算机网络 ？. 一、什么是计算机网络 ？. 计算机网络 是将地理位置不同、具有独立功能的多个计算机系统通过 通信设备和线路 （ 或其它无线介质）连接起来、以 功能完善的网络软件 （网络协议、信令、信息交换方式以及网络操作系统和网络管理软件）实现网络资源共享的系统。. 计算机网络的产生背景. 是 20 世纪 60 年代美苏冷战时期的产物。

sereno
Download Presentation

专题一：网页设计与制作概述

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 专题一：网页设计与制作概述 —— 卢 强

  2. 学习目标： • 了解有关网络的基本概念 • 了解网页、网站的基本的知识 • 理解并掌握网站设计与制作的基本流程 • 了解现有的网页开发工具和技术

  3. 什么是计算机网络？

  4. 一、什么是计算机网络？ 计算机网络是将地理位置不同、具有独立功能的多个计算机系统通过通信设备和线路（或其它无线介质）连接起来、以功能完善的网络软件（网络协议、信令、信息交换方式以及网络操作系统和网络管理软件）实现网络资源共享的系统。

  5. 计算机网络的产生背景 • 是 20 世纪 60 年代美苏冷战时期的产物。 • 60 年代初，美国国防部领导的远景研究规划局ARPA (Advanced Research Project Agency) 提出要研制一种生存性(survivability)很强的网络。 • 国内，1994年5月15日，中科院高能物理研究所设立了国内第一个Web服务器，标志着国内Internet的正式出现。 • 近年来随着计算机技术、网络技术的不断发展，网络已经逐渐深入每一个人的日常生活，并逐渐改变着我们的生活方式。

  6. 按网络的作用范围分类 • 局域网：LAN 指在某一区域内多台计算机互联成的计算机组。 • 城域网（MAN）一般分布在一个城区，一般使用广域网的技术，可以看成是一个较小的广域网。 • 广域网：WAN 跨越地域的计算机网络的集合。 • INTERNET 是最大的广域网。

  7. 互联网 结点交换机 局域网 局域网 路由器 由局域网和广域网组成互联网 广域网 相距较远的局域网通过路由器与广域网相连 组成了一个覆盖范围很广的互联网

  8. 按网络的使用者进行分类 • 公用网 (public network) • 专用网 (private network)

  9. TCP/IP协议 • TCP/IP：传输控制协议/网际协议，是互联网络信息交换的规则、规范的集合体，包含了100多种协议。 • TCP的主要功能：对网络中计算机和通信设备的管理，规定了信息包应该怎样分层、分组，又怎样在收到信息包以后充组数据，以何种方式在线路上传输信号。

  10. IP地址 • 为什么要用IP？ 指定计算机到互联网的一个连接 与互联网有多个物理连接的计算机具有多个IP地址（路由器、多宿主主机等） 多个IP地址可以绑定到一条物理连接上

  11. IP地址 • 在TCP/IP网络中，每台主机都有唯一的地址，即IP地址，共32位，用4字节表示，每个字节的数字用十进制表示。 IP地址的长度为32位二进制数 网络号netid 标识互联网中一个特定网络 主机号hostid 标示网络中主机的一个特定连接

  12. IP地址的分类

  13. IP编址方式携带了位置信息 1.优点 给出IP地址就能知道它位于哪个网络 路由简单 2.缺点 主机在网络间移动，IP地址必须跟随变化

  14. 主机在网络间移动

  15. 域名 • 为了便于记忆，给每台主机取名，即域名。由英文字母或数字组成。 • 顶级域名分地理和机构两类。 • 地理的顶级域名通常分配给国家。CN、JP、UK • 机构性质划分为7类：COM、EDU、GOV、MIL、NET、ORG、INT • 域名管理权限是逐级授权。

  16. 域名 • 域名www.baidu.com • 二部分组成 • “baidu”是这个域名的主体，也是主机名 • 而最后的“com”则是该域名的后缀，代表的这是一个com国际域名。 • 而前面的www.是网络名，baidu.com 为www的域名。

  17. URL 统一资源定位 • URL（uniform resource locator）主要用来指明通信协议和地址的方式，以取得网络上的各种服务。它包括以下几个部分： • 通信协议：HTTP 、FTP…… • 主机名：指服务器在网络中的IP地址或域名 • 所要访问文件的路径和文件名：主机名与文件夹及文件夹之间用“/”分隔。 • 书写格式： • 协议://主机名或IP地址：端口号/路径名/文件名 • protocal：//host domain/path/filename

  18. 带宽 • “带宽”(bandwidth)本来是指信号具有的频带宽度，单位是赫（或千赫、兆赫、吉赫等）。 • 现在“带宽”是数字信道所能传送的“最高数据率”的同义语，单位是“比特每秒”，或 b/s (bit/s)。

  19. 宽带线路 A B 窄带线路 A B 宽带线路：每秒有更多比特从计算机 注入到线路。 注：宽带线路和窄带线路上比特的传播速率是一样的。

  20. 窄带线路 好比汽车运货 宽带线路 宽带和窄带线路：车速一样 宽 带 线 路：车距缩短

  21. 常用的带宽单位 • 更常用的带宽单位是 • 千比每秒，即 kb/s （103 b/s） • 兆比每秒，即 Mb/s（106 b/s） • 吉比每秒，即 Gb/s（109 b/s） • 太比每秒，即 Tb/s（1012 b/s） • 请注意：在计算机界，K = 210 = 1024 M = 220, G = 230, T = 240。

  22. 浏览器 • 浏览器是指安装在客户端，用来查看WWW网的超级文本的一种工具。

  23. Web服务器 • 一种具有高性能的计算机。网站所包含的文件就是存储在里面。通过Web服务器软件，能有效地管理网站，并接受用户在客户端通过浏览器发出的浏览请求，然后发送请求浏览的网页到用户浏览器。

  24. 大型WEB服务器 （软件） • Microsoft IIS • Microsoft的Web服务器产品为Internet Information Server (IIS)， IIS 是允许在公共Intranet或Internet上发布信息的Web服务器。IIS是目前最流行的Web服务器产品之一，很多著名的网站都是建立在IIS的平台上。 • IIS提供了一个图形界面的管理工具，称为 Internet服务管理器，可用于监视配置和控制Internet服务。

  25. 大型WEB服务器 （软件）

  26. 安装IIS的方法 • 用具体实例展示 • 所用文件在该文件夹下 iis5.1xp.rar

  27. 大型WEB服务器 （软件） • IBM WebSphere • WebSphere Application Server 是 一 种功能完善、开放的Web应用程序服务器，是IBM电子商务计划的核心部分，它是基于 Java 的应用环境，用于建立、部署和管理 Internet 和 Intranet Web 应用程序。 这一整套产品进行了扩展，以适应 Web 应用程序服务器的需要，范围从简单到高级直到企业级。

  28. 大型WEB服务器 （软件） • Apache • Apache仍然是世界上用的最多的Web服务器，市场占有率达60%左右。 • Apache源于A patchy server的读音，意思是充满补丁的服务器。如今Apache慢慢地成为Internet上最流行的Web服务器软件了。

  29. 大型WEB服务器 （软件） • Tomcat • Tomcat是一个开放源代码、运行servlet和JSP Web应用软件的基于Java的Web应用软件容器。Tomcat Server是根据servlet和JSP规范进行执行的，因此我们就可以说Tomcat Server也实行了Apache-Jakarta规范且比绝大多数商业应用软件服务器要好。

  30. 超文本传输协议 • HTTP全称Hypertext Transfer Protocol（超文本传输协议）。它是用于访问WWW上信息的客户机/服务器协议。其实现过程是： • 连接：客户端与指定的服务器建立连接。 • 请求：由客户端提出请求并发送到服务器。 • 响应：服务器收到客户端的请求之后，取得相关对象并发送到客户端。 • 关闭：在客户端接受完对象之后，关闭连接。

  31. 会话建立与断开的过程 建立连接 断开 响应 服务器 请求 个人主机

  32. ftp • Ftp是一种文件传输协议，是基于TCP/IP的客户/服务器的应用。 • 由于FTP是一个交互式的会议系统，因此FTP的客户/服务器之间建立双重连接，一逐步形成用于控制，一个用于数据传输。

  33. ftp 网站的内部

  34. 小的ftp服务的建立

  35. 二、网页及网站 • 网页：是WWW的基本文档，是用HTML或其他语言编写，包括文本、图像、表格、按钮、动画等。 • 网站：是将许多相关的网页按照一定的方式组织起来的网页集合。把网站存放在一台与Internet相连的服务器上就可以让别人访问你的站点。

  36. 普通网页 • 静态网页：服务器发送到浏览器不再修改的网页，其最终内容由设计人员事先确定。 请求 静态 网页 浏览器 服务器 响应

  37. 动态网页 • 除普通网页中的元素外，还包括一些应用程序，这些应用程序的执行需要应用程序服务器才能完成。 请求 动页 IE 应用程序 服务器 静页 响应

  38. 查询 请求 数据库驱动程序 动页 IE 应用程序 服务器 数据库 静页 记录集 响应 包含数据库的动态 服务器

  39. 三、网站设计与制作的基本流程 • 网站的设计与制作过程 • 需求分析 • 初步需求分析获取技术 • 访谈与会议 • 观察用户的工作流程 • 用户和开发人员共同组成联合小组

  40. 远程教育原理与技术 • 学生注册功能 • 有一些学习指导 • 课程学习 • 有一些课程内容的案例 • 为学生的学习提供一些支持，如提供学习资源、网上日记等

  41. 三、网站设计与制作的基本流程 • 网站的设计与制作过程 • 概念开发 • 设计师根据收集的信息，开始构思，通常，设计师要把这些构思用草图的形式呈现给顾客，这个草图要有整个网站的结构、不同的布局、设计及导航;

  42. 三、网站设计与制作的基本流程 • 网站的总体规划 • 网站主要功能模块 • 应用主要技术 • 最终实现的主要形态等 • 针对：远程教育原理与技术 • 功能模块 • 学员注册 • 学习风格测试 • 课程学习指南 • 课程内容学习 • 综合案例学习 • 学习支持服务

  43. 三、网站设计与制作的基本流程 • 针对：远程教育原理与技术 • 主要技术 • SQL server 2005+C#+ .net

  44. 三、网站设计与制作的基本流程 • 针对：远程教育原理与技术 • 最终实现的形态

  45. 三、网站设计与制作的基本流程 • 网站的具体设计 • 网站功能及其具体功能的进一步详细设计 • 有针对性的考虑主要使用的实现技术 • 网站实现效果进行进一步的细化

  46. 三、网站设计与制作的基本流程 • 例子：学习支持服务的细化

More Related