Web程序设计(第三版)第1章web基础知识
网页设计与制作实用教程(第3版) 第1章-网站开发基础
![网页设计与制作实用教程(第3版) 第1章-网站开发基础](https://img.taocdn.com/s3/m/d959b9df0722192e4436f642.png)
1.1.2 网站的类型及定位
2.电子商务网站 电子商务网站是目前最具发展潜力的网站类型。电 子商务网站提供网上交易和管理等全过程的服务, 因为它具有广告宣传、咨询洽谈、网上订购、网上 支付、电子账户、服务传递、意见征询、交易管理 等各种功能。
1.1.2 网站的类型及定位
3.视频分享网站 视频分享网站为用户提供视频播客、视频分享、视 频搜索及所有数字视频内容的存储和传输服务。可 供用户在线观看最新、最热的电视、电影和视频资 讯等。
1.1.3 认识网页
表单:访问者要查找一些信息或申请一些服务时需 要向网页提交一些信息,这些信息就是通过表单的 方式输入到Web服务器,并根据所设置的表单处 理程序进行加工处理的。表单中包括输入文本、单 选按钮、复选框和下拉菜单等。 超链接:超链接是实现网页按照一定逻辑关系进行 跳转的元素。 动态元素:动态元素包括GIF动画、Flash动画、 滚动字幕、悬停按钮、广告横幅、网站计数器等。
网页设计与制作实用教程(Dreamweaver+Flash+Photoshop(第3版))
第1章 网站开发基础
本章主要内容:
网站开发概述 网站开发流程 常用网页设计软件 HTML入门
1.1 网站开发概述
网站开发就是使用网页设计软件, 经过平面设计、网络动画设计、网页排 版等步骤,设计出多个页面。这些网页 通过一定逻辑关系的超链接,构成一个 网站。
1.1.2 网站的类型及定位
网站是一种新型媒体,在日常生活、商业活动、娱 乐游戏、新闻资讯等方面有着广泛的应用。在网站 开发之前,需要认识各种网站的主要功能和特点, 对网站进行定位。下面介绍几种常见的网站类型。
1.1.2 网站的类型及定位
1.综合门户网站 综合门户网站具有受众群体范围广泛,访问量高、信 息容量大等特点,包含时尚生活、时事新闻、运动娱 乐等众多栏目。综合门户网站定位明确,以文字链接 为主要内容、版式和色彩较为直观、简洁。
第1章 Web基础知识
![第1章 Web基础知识](https://img.taocdn.com/s3/m/5b8cee4c2b160b4e767fcfd0.png)
1.1 Internet基础 1.2 Web简介 1.3 软件编程体系结构 1.4 利用 2.0开发简单的小程序
1.1 Internet基础 Internet基础
1.1.1 Internet概况
为了全面了解Internet,可以从网络互连、网络通信、网络提供信息资源以及网络管理等 不同角度来考察它所提供的功能。 1.从网络互连的角度来看 Internet利用成千上万个具有特殊功能的计算机(称为路由器或网关),通过各种通信线 路,把分散在各地的网络在物理上连接起来。在广大用户看来,它是一个覆盖全球的单一网 络,而它实际的内部结构是十分复杂的,且对用户不可见。 2.从网络通信的角度来看 Internet是依靠TCP/IP协议把各个国家、各个部门、各个机构的内部网络连接起来的超级 数据通信网。 3.从网络提供信息资源的角度来看 Internet是一个集各个部门、各个领域内信息资源为一体的超级资源网。凡是加入Internet 的用户,都可以通过工具访问所有的信息资源,查询各种数据库、信息库,获取自己所需的 各种信息资料。 4.从网络管理的角度来看 Internet是一个不受政府或某个组织管理和控制的,包括成千上万个相互协作的组织和网 络的集合体。连入Internet的每一个网络成员都自愿地承担对网络的管理并支付费用,友好地 与相邻网络协作进行Internet数据传输,共享网络资源,并共同遵守TCP/IP协议的一切规定。
1.1.4 IP地址、域名和URL IP地址、域名和URL
3.统一资源定位器URL WWW的信息分布在全球,要找到所需信息就必须有一种说明该信息存放在哪台计算机 的哪个路径下的定位信息。统一资源定位器URL(Uniform Resource Locator)就是用来确定 某信息位置的方法。其格式如下:
第1章 Web基础 网页制作PPT课件(PHP)
![第1章 Web基础 网页制作PPT课件(PHP)](https://img.taocdn.com/s3/m/6d97beb1de80d4d8d05a4f7f.png)
1.3 基于数据库的动态Web工作模式
1.3.1 静态网页和动态网页 1.3.2 动态Web的工作模式
1.3.1 静态网页和动态网页
静态网页就是其内容由一些HTML代码 组成的的网页。这些HTML代码可以直 接通过文本编辑器输入,并保存为.htm 或.html文件。
统一资源定位器(Uniform Resource Locator, URL)是为Internet的信息资源位置而设的一 种编址方式,它指定Internet资源位于哪台计 算机的哪个文件夹以及文件名。
URL的格式如下: 传输协议://主机IP地址或域名[:端口]/文件夹 路径/文件名 例如URL:
解决上述限制问题的一种方法就是把数据翻译成兼 容各种应用程序的标准格式,即用XML(Extensible Markup Language,可扩展标记语言)描述数据。
1.4 基于XML的Web工作模式
图1.9 基于XML的Web体系结构
Байду номын сангаас
动态网页就是网页中加入程序或脚本, 采 用 ASP 、 PHP 、 CGI 、 、 JSP 等技术动态生成的页面。
1.3.1 静态网页和动态网页
图1.4 静态网页示例
1.3.1 静态网页和动态网页
图1.6 动态网页示例
1.3.2 动态Web的工作模式
1.客户端动态Web的工作模式
1.2.5 IP地址
IP地址由4个字节组成,共32个二进制位。由4个用“.”分 隔的十进制数组成,每个数不大于255,如210.36.139.6
IP协议规定了A~E五类IP地址
1.2.6 域名服务器DNS
域名服务系统(DNS)是一个自动地将 域名转换为与之对应的IP地址的软件。
第1章Web程序设计基础
![第1章Web程序设计基础](https://img.taocdn.com/s3/m/eea57c0e7e21af45b207a84d.png)
说明:#RRGGBB是指色彩红—绿—蓝(red—green—blue,RGB)的值,
用16进制数码表示:0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f ,
根据规范前面需加“#”。
1.3.1 HTML的基本语法(2)
5.〈Hn〉标记(标注文档正文的各级标题 )
语法规则:〈Hn〉……〈/Hn〉
7.〈BR〉标记(强制换行标记)
语法规则:〈BR〉
属性:CLEAR=left | all | right | none
说明:
• <BR〉仅是换行,并不像〈P〉那样还要在随后的文本前插入一个空行。
• CLEAR是可选属性:
– Left:标记后的文本换行至浏览器窗口左边界不被图像占用的地方显示。 – Right:标记后的文本换行至浏览器窗口右边界不被图像占用的地方显示。 – All:标记后的文本在浏览器窗口的左右边界均不被图像占用的地方显示。 – None:缺省值,仅换行而已。
1.2.6 统一资源定位器URL
• 统一资源定位器URL(Unif Nhomakorabearm Resource Locator)是用来确定用 户所需信息的确切位置。包括信息资源的名称及地址。
• URL用来指定Internet资源要说明它位于哪台计算机的哪个目录中。 URL通过定义资源位置的抽像标识来定位网络资源,格式如下:
标记是HTML语言的标签符号和用标签标符号构成的各种元素的统称,用来界
定各种单元,用一对〈 〉中间包含若干字符命令表示,前一个“< >”为起始标
记,后一个“</>”为结束标记,单元的名称和属性由起始标记给出。
1.〈HTML〉标记(最外层的标记)
语法规则: 〈HTML〉……〈/HTML〉
Web程序设计ASP.NET实用网站开发第三版教学设计 (3)
![Web程序设计ASP.NET实用网站开发第三版教学设计 (3)](https://img.taocdn.com/s3/m/72acc6e3b04e852458fb770bf78a6529647d35e7.png)
Web程序设计实用网站开发第三版教学设计一、教学目标本教学设计旨在使学生掌握平台的基本原理及相关技术,能够独立完成网站的开发和部署。
二、教学内容第一部分 平台基础简介开发环境搭建 MVC基础 WebForm基础第二部分数据库设计1.数据库基础知识2.SQL Server数据库基础3.数据库设计规范和范式第三部分网站开发实例1.制作一个博客网站2.制作一个在线商城网站3.制作一个素材下载网站三、教学方法本教学设计采用“理论教学与实践结合”的教学方法,即在讲解相关理论知识的同时,引导学生亲自实践,提高学生的动手能力和实际操作能力。
四、教学评价本教学设计采用多种形式进行教学评价,包括课堂作业、实验报告、小组项目设计和演示等形式。
评价将综合考虑学生对平台的理解和应用能力。
五、参考教材1.《 MVC5实战》2.《中文版教程》3.《 Web程序设计》以上教材均可作为本课程的参考教材,学生可以根据自己的需求选择学习。
同时,教师也可以根据教学需要进行课外阅读推荐,在教材后期对相关知识进行深入讲解。
六、教学资源本课程需要使用到相关的开发软件和服务器资源,教师应提前准备好相应的教学资源,并在课程前向学生进行讲解和指导。
同时,学生也应自行下载并安装相关的软件和开发工具。
七、教学进度安排1.第一周:平台简介,开发环境搭建2.第二周: MVC基础,实例演示3.第三周: WebForm基础,实例演示4.第四周:数据库基础知识,SQL Server数据库基础5.第五周:数据库设计规范和范式,实例演示6.第六周:制作一个博客网站,实例演示7.第七周:制作一个在线商城网站,实例演示8.第八周:制作一个素材下载网站,实例演示9.第九周:小组项目设计和演示10.第十周:课程总结和学习体会分享。
Web程序设计(第三版)_第1章
![Web程序设计(第三版)_第1章](https://img.taocdn.com/s3/m/8ceb171ec281e53a5802ffbb.png)
• HTTP (HyperText Transfer Protocol)协议实现 协议实现 浏览器和Web服务器的信息交换 浏览器和 服务器的信息交换
程序设计》 《Web程序设计》(第3版),电子工业出版社,2011,ISBN:9787121131509 程序设计 第 版 ,电子工业出版社, ,
Web服务器 服务器
• 常见的客户端编程技术
– VBScript – JavaScript – Java applet等。 等
程序设计》 《Web程序设计》(第3版),电子工业出版社,2011,ISBN:9787121131509 程序设计 第 版 ,电子工业出版社, ,
Web服务器端编程 服务器端编程
•服务器端编程 服务器端编程
程序设计》 《Web程序设计》(第3版),电子工业出版社,2011,ISBN:9787121131509 程序设计 第 版 ,电子工业出版社, ,
1.3 Internet网络协议 网络协议
1.3.4 文件传输协议 文件传输协议FTP • FTP既是一种文件传输协议,也是一种服务。 既是一种文件传输协议, 既是一种文件传输协议 也是一种服务。 • 提供这种服务的设施叫做 提供这种服务的设施叫做FTP服务器。 服务器。 服务器 • 匿名 匿名FTP服务器 服务器 −用户无须拥有口令和用户名就能与匿名 用户无须拥有口令和用户名就能与匿名 FTP服务器实现连接并复制文件。 服务器实现连接并复制文件。 服务器实现连接并复制文件
程序设计》 《Web程序设计》(第3版),电子工业出版社,2011,ISBN:9787121131509 程序设计 第 版 ,电子工业出版社, ,
1.2 Web的工作原理 的工作原理
• 浏览器 服务器 浏览器/服务器 服务器(Browser/Server,B/S)体系结构 , 体系结构
第1章 web基础知识
![第1章 web基础知识](https://img.taocdn.com/s3/m/adaa6522aaea998fcc220e73.png)
5,WWW服务器 当前几乎所有的操作系统平台都有自己的WWW服务器,最流行的有Unix,Windows NT, Windows 98 等等,它们各有特色,第一个WWW服务器就是基于Unix系统的. (1)NCSA HTTPD CSA HTTPD是一个基于Unix平台的最早的HTTP服务器之一,它支持多种验证方案,性能良 好,易于操作,而且可以通过www.ncsa 网址下载免费使用. (2)Internet Information Serer(IIS) Microsoft公司的IIS是一种基于Window NT的WWW服务器,它包括WWW,Gopher和FTP服 务程序,一个Internet服务程序管理器,一个Internet数据库连接器和安全套接字层 (SSL),其与Microsoft Back Office套件产品之间紧密结合,具有很高的执行效率,出色 的安全保密性和易于管理等特点. (3)Netscape Enterprise Server(NES) Netscape 的NES可以在Windows NT及Unix上运行,其主要功能有带有客户端授权的SSL,出 色的数据库联接功能,支持MIME及网站管理等等. (4)Web Site O'Relly公司的Web site是一个出色的基于Windows NT和95的很流行的商业软件,其功能强大, 支持多种应用程序的访问,但管理不太直观. (5)Personal Web Server(PWS) PWS是专门为使用Windows 95/98设计的HTTP服务器,它对于脱机开发WWW站点是理想的 服务器,它支持IIS中的许多特性,使用和管理非常直接,简单. (6) Apache 服务器
1.5 Web标准的概念
1,结构化标准语言
HTML
HTML是网络的通用语言,一种简单,通用的全置标记语言.它允许网页制作人建立文本与 图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类 型的电脑或浏览器.
第1章Web基础知识
![第1章Web基础知识](https://img.taocdn.com/s3/m/bee1f3c1482fb4daa48d4b98.png)
1.1.3 分组交换思想
❖分组交换技术是在传输线路质量不高、网 络技术手段还比较单一的情况下,产生的 一种信息交换技术。分组交换将传送的数 据划分为分组,然后通过在计算机和终端 之间发送分组实现计算机与计算机之间的 通信。
❖进行分组交换的通信网称为分组交换网。 从交换技术的发展历史看,数据交换经历 了电路交换、报文交换、分组交换和综合 业务数字交换的发展过程。
➢URL主要由三部分组成:协议类型、存放资源
的域名或主机IP地址和资源文件名
➢URL的基本结构为:协议类型://主机域名或
IP地址(:端口号)/路径/文件名
26
URL
➢URL完整的语法格式为: ➢协议类型://主机域名或IP地址(:端口号)/路径
/[;参数][?查询]#字符串
➢参数为可选项,可以指定特殊参数 ➢查询为可选项,可以用于给动态网页传递参数 ➢字符串用于指定网络资源中的片段
万维网
❖ 1989年Web诞生于欧洲原子能研究中心 (CERN,European Organization for Nuclear Research),CERN的物理学家Tim BernersLee提出了一个新的因特网协议,命名为Web, 其目的是为了使科学家们可以利用网络共享文 档。
❖1994年,著名的Netscape Navigator浏览器问世。 ❖ 2019年,由Mosaic衍生而来的IE浏览器诞生。
OSI/RM和TCP/IP
1.1.6 IP地址
❖IP 地址就是给每个连接在因特网上的主机 (或路由器)分配一个在全世界范围是唯 一的 32 位的标识符。 IP 地址现在由因特 网名字与号码指派公司ICANN (Internet Corporation for Assigned Names and Numbers)进行分配。
第1章Web基础知识(WEB程序设计)
![第1章Web基础知识(WEB程序设计)](https://img.taocdn.com/s3/m/792c5ea6d0d233d4b14e69e3.png)
1.1 应用程序架构及其发展
1.1.4 浏览器/服务器架构
为解决客户机/服务器架构的应用局限,浏览器/服务器 (browser/server,B/S)架构的应用程序成为更多人的选 择。浏览器/服务器架构是对客户机/服务器架构的改进。它 使用Internet上的标准协议(TCP/IP)作为客户机和服务器 的通信协议,可以使位于Internet上的任意位置的人都可以 访问服务器(例如移动办公)。服务器完成数据处理和数据 的存储,并将处理结果以网页的形式提供给客户端。客户端 的浏览器实现对数据的显示,客户端不需要单独编写应用程 序,应用程序系统的升级只需在服务器上进行。
二进制数表示的IP地址: 11001010 01110000 00000000 00100100 用“点分十进制”表示为: 202.112.0.36
ቤተ መጻሕፍቲ ባይዱ
1.2 Internet基础
3. 域名
由于数字描述的IP地址没有规律,难于记忆,所以,人 们用具有一定含义的字符来描述每台主机的地址,称为域名 (Domain name)。在Internet上由域名服务系统(DNS)负 责IP地址和域名之间的转换,用户可以等价使用IP地址和域 名。
Web简介
1.3.4 Web应用程序部署环境
⑸ 启动服务并测试
1.3
⑴ 基于网络的编程模式 ⑵ 以界面表现为主导 ⑶ 可以跨平台实现 ⑷ 容易入门和掌握 ⑸ 难以实现复杂的系统
Web简介
1.3.5 Web应用程序的特点
⑹ 性能受网络带宽的影响
1.4
WEB应用程序开发工具简介
Web应用程序设计可以使用文本编辑软件和 专门的开发工具。 1. 文本编辑软件
1.1 应用程序架构及其发展
1 Web基础
![1 Web基础](https://img.taocdn.com/s3/m/0abaf475ddccda38376bafaa.png)
第1单元 Web基础《web程序设计》课程主要内容Internet简史WWW万维⽹HTTP协议TCP/IP协议B/S结构MIME类型Web标准1 Internet简史第1单元 Web基础Internet Internet,又可以称为因特⽹,或者国际互联⽹,是使⽤公⽤语⾔互相通信的计算机连接⽽成的全球⽹络。
⼀旦计算机连接到Internet的任何⼀个节点上,就意味着已经连⼊Internet⽹上了。
Internet⽬前的⽤户已经遍及全球,有超过⼏亿⼈在使⽤Internet,并且它的⽤户数还在以等⽐级数上升。
接收 -mail 如电影票、门票、-票等 网上购物因特网与我们的生活密不可分 并且!我们的生活带来了极大的便利!但因特网现在的辉煌也不是一蹴而就的,它也需要很多阶段的成长。
我们把它的发展过程大致分成 大阶段,即雏形阶段、发展阶段和商业化阶段。
雏形阶段1957前苏联发射了⼈类第⼀颗⼈造地球卫星。
作为响应,美国国防部组建了⾼级研究计划局(ARPA),开始将科学技术应⽤于军事领域。
1961年,美国⿇省理⼯学院⼀名博⼠发表了分组交换技术的论⽂,该技术演变为互联⽹络的标准通信⽅式。
ARPANET时间:1969年名称: ARPANET⽬的:在战争中保障通信联络经费来源:美国国防部⾼级研究计划局(Advance Research ProjectsAgency,ARPA)特点:当⽹络中的⼀部分被破坏时,其余⽹络部分会很快建⽴起新的联系。
缺点:访问范围狭窄时间:1985年命名: NSFNET⽬的:使⽤访问范围更⼴创始⼈:美国国家科学基⾦会(NSF)技术背景:TCP/IP的研制成功特点:连接美国的若⼲个超级计算中⼼、主要⼤学和研究机构,世界上第⼀个互联⽹产⽣,是⾛向Internet的真正起点。
计算机⽹络蓬勃发展,各种各样的计算机⽹络应运⽽⽣。
1989年,MILNET与NSFNET连接后,就开始采⽤Internet这个名称。
第一章 Web程序设计基础
![第一章 Web程序设计基础](https://img.taocdn.com/s3/m/9a07d0fb941ea76e59fa0404.png)
3.5系统要求 1).net 框架 2)visual web developer( 2008) 3) sql server 2005
1 网站的运行
静态网站执行过程
请求数据服务
返回请求的数据
客户机
服务器
1 网站的运行
动态网站执行过程( 为例) 动态网站执行过程(以为例) 为例 1.申请网页 2.服务器接到申请,发现寻找aspx文件,在系统中寻找 3.将网页加载,处理 4.生成html形式,网页回传
解释工 作
请求服务 请求数据
数据管 理工作
返回服务
返回数据
客户机
Web服务器
数据库服务器B/S示意图具Fra bibliotek逻 辑处理 工作
1 网站的运行
交互技术简介 -CGI:Common Gateway Interface的简称,CGI是一种通用的网关接口, 是外部程序和WEB服务器之间的标准编程接口。 -ASP:可以认为ASP是一种类似HTML、Script与CGI的结合体,但是 其运行效率却要比CGI高。 -PHP:PHP(Hypertext Preprocessor,超文本预处理器)是一种 HTML内嵌式的语言(类似于ASP)。 -JSP:JSP(Java Server Pages)是Sun公司推出的网站开发技术, 是将纯Java代码嵌入HTML中实现动态功能的一项技术。JSP代码被编 译成 Servlet并由Java虚拟机解释执行,这种编译操作仅在对JSP页 面的第一次请求时发生。(与ASP比较) :微软在ASP之后推出的技术。与ASP有完全不同的架构,将前 台页面与后台程序页面完全分开。 -AJAX:最新的技术,可以实现页面无刷新更新,将在以后做详细介 绍。目前的G-mail、126、163邮箱、google map等都用到了此技术, 新的微软主页也大量使用了此技术。
Web基础知识
![Web基础知识](https://img.taocdn.com/s3/m/11c2624a69eae009581becd9.png)
1.2.2 B/S结构简介
B/S结构(Browser/Server结构)即浏 览器/服务器结构。在这种结构下,用户工 作界面通过WWW浏览器来实现,极少部 分事务逻辑在前端(Browser)实现,但 是主要事务逻辑在服务器端(Server)实 现,形成所谓三层结构。 B/S结构最大的优点就是可以在任何 地方进行操作而不用安装任何专门的软件。 (其客户端就是浏览器,所有电脑里都有)
1.2.3 C/S结构简介
C/S结构(Client/Server结构即客户/ 服务器)结构。其中,服务器通常采用高 性能的PC、工作站或小型机,并采用大型 数据库系统(如Oracle、Sybase、 Informix或SQL Server),客户端需要安 装专用的客户端软件。
C/S结构的优点是能充分发挥客户端PC 的处理能力,很多工作可以在客户端处理后 再提交给服务器。对应的优点就是客户端响 应速度快。缺点主要有以下几个。
1.3
1.1 Internet基础
1.1.1 Internet的起源
Internet是在美国较早的军用计算机 网ARPAnet的基础上经过不断发展变化而 形成的。
Internet主要可分为以下几个阶段。
1.Internet的雏形形成阶段 2.Internet的发展阶段 3.Internet的商业化阶段
(1)只适用于局域网。( 广域网通过VPN等 也可以使用) (2)客户端需要安装专用的客户端软件。 (3) 对客户端的操作系统一般也会有限制。 安装和部署非常麻烦,代价太大
1.2.4 Web系统的三层结构
(1)数据访问层(数据层):实现 对数据的访问功能,如增加、删除、 修改、查询数据。 (2)业务逻辑层(业务层):实现 业务的具体逻辑功能,如学生入学、 退学、成绩管理等。 (3)页面显示层(表示层):将业 务功能在浏览器上显示出来,如分页 显示学生信息等。
第1章 Web编程基础知识
![第1章 Web编程基础知识](https://img.taocdn.com/s3/m/edcc893431126edb6f1a10ce.png)
例如:/default.shtml
4 Web访问工作原理
浏览器结构
从鼠标和键盘输入 输出至显示器
控制程序
HTML解释程序 … 可选解释程序
驱 动 程 序
缓存
HTTP 客户程序 …
网 络
可选客户程序
接
口
与远地 服务器通信
5、网页与网站
Internet上各种超文本文件称为网页(Page)。 超文本(Hypertext)是一种文本格式,是一种对信息的描述方 法,这种描述方法不受系统平台的限制,可以在不同的平台上 使用,用户也可以在各种操作系统上浏览这些超文本文件。 每个超文本文件中可以包含文字、图片、表格、表单等多种组 件。在每一个页面上,可以有一些词、语句或图片等作为“链 接点(Link)”,通过这些链接点可以快速地跳转到本网站的 其它页面或其它网站上的页面。这种“链接点”方式称为超链 接。正是因为这些超链接的存在才使得Internet上的无数页面能 够关联到了一起。 网站是一个包含多个由超链接连在一起的网页的集合,它包含 的网页可以是一个也可以是多个,甚至上千个。 Internet上的网站是通过地址进行定位的,就像网络中的一个节 点,通常也称之为站点。
常用动态技术
2
PHP(Hypertext Preprocessor,超文本预处理器)
1. 利用服务器端脚本创建动态网站的技术,包括 一个完整的编程语言、支持Internet的各种 协议、提供与多种数据库直接互联的能力。 2. PHP是一种跨平台技术,可在多种平台运行。 3. 适用于开发中小型企业网站,网站运行效率佳 ,安全性高、可靠性及稳定性都很好。 4. PHP脚本可在Tomcat,Apache,Jboss等 Web服务器上运行。 5. 开发工具: Zend Studio 、 EditPlus
网页设计与制作基础教程 第3版 配套课件
![网页设计与制作基础教程 第3版 配套课件](https://img.taocdn.com/s3/m/3b065c821711cc7930b7160e.png)
:::::
1.3.1 切换“文档”视图
Dreamweaver CC文档窗口显示栏当前文档,选择“查看”命令,在文 档视图下拉菜单中,用户可以“设计”、“代码”、“拆分”、“实时视图 ”等视图模式,其各自的功能如下。
设计视图 代码视图 代码视图 实时视图 实时代码模式 检查模式
::::::::::
3.2.1 选择表格元素
在表格中输入文本 在表格中插入图像
::::::::::
3.1.4 设置表格属性
表格由单元格组成,即使是一个最简单的表格,也由一个单元格。而表 格与单元格的属性完全不同,选择不同的对象(表格或单元格),“属性” 检查器将会显示相应的选项参数。
表格属性 单元格属性
::::::::::
3.2 编辑表格
第一章
网页设计基础知识
学习目标
随着因特网(Internet)的不断发展,越来越多的人都想要 学习设计与制作网页,但是要实现较好的网页效果,设计者首 先要了解网页的相关基础知识,例如网页与网站的关系,网页 设计的构思与布局方式,常用的网页制作工具,以及与网页相 关的概念等。
本章重点
网页制作的基础知识 网页设计构思与布局 常见的网页制作工具 与网页相关的概念
Dreamweaver CC的工作界面 Dreamweaver CC的基本操作
:::::
2.1.1 Dreamweaver CC的工作界面
Dreamweaver CC的工作界面效果秉承栏Dreamweaver系列软件产品一 贯简洁、高效和易用的特点,软件的多数功能都能在功能界面中非常方便地 找到,如图2-1所示。
表格是用于在HTML页面上显示表格式数据以及对文本和图形进行布局 的工具。表格由一行或多行组成,每行又由一个或多个单元格组成。
网页设计与制作 第3版 第1章 网页制作与HTML5基础知识
![网页设计与制作 第3版 第1章 网页制作与HTML5基础知识](https://img.taocdn.com/s3/m/a22572eaaff8941ea76e58fafab069dc50224767.png)
第1章 网页制作与HTML5基础知识
1.2 Dreamweaver CS6概述
1.2.1 启动与退出Dreamweaver CS6
第1章 网页制作与HTML5基础知识
1.1 网页制作的基础知识
1.1.4 网页制作工具
“开始”菜 单中的“记 事本”程序
1.“记事本”程序 HTML代码可以使用Windows操作 系统自带的“记事本”(Notepad) 进行编写。使用时只需选择“开 始”→“程序”→“附件”命令 即可找到“记事本”程序
第1章 网页制作与HTML5基础知识
1.1 网页制作的基础知识
1.1.3 网页的基本组成元素
4.内容栏 内容栏是网页的主体,通常由一个或多个子栏组成,包含网页提供的 绝大部分信息和服务项目。 5.文本 文本容量小,传输速度快,用户可以快速地浏览和下载,是网页主要 的信息载体。网页中文本的样式多变,风格不一,能吸引用户的网页 通常都具有美观的文本样式。 6.图像 图像比文本更具生动性和直观性,它可以传递一些文本不能传递的信 息,Logo、背景等一般都是图像。
第1章 网页制作与HTML5基础知识
1.1 网页制作的基础知识
1.1.4 网页制作工具
2.EditPlus编辑器 EditPlus是一款非常好用的HTML 编辑器,除了支持颜色标记、 HTML标记,同时还支持C语言、 C++、Java等编程语言。另外, 它还有完整的CSS指令功能,编 写网页1.1 网页制作的基础知识
1.1.4 网页制作工具
2.EditPlus编辑器 EditPlus是一款非常好用的 HTML编辑器,除了支持颜 色标记、HTML标记,同时 还支持C语言、C++、Java 等编程语言。另外,它还有 完整的CSS指令功能,编写 网页代码可达到事半功倍的 效果
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
1.4 IP地址、域名和URL
1.4.1 IP地址 • IP地址是识别Internet中主机及网络设备的 唯一标识。 • 每个IP地址长度为4 B(字节),共32位 • 由两部分组成:
− 网络地址 − 主机地址
Internet的名称与定义
Internet的中文译名为因特网,也被称为国际互联网。 Internet的简单定义为:Internet就是由多个不同结构的网络, 通过统一的协议和网络设备(即TCP/IP协议和路由器等)互相连 接而成的、跨越国界的、世界范围的大型计算机互联网络。 Internet可以在全球范围内,提供电子邮件、WWW信息浏览与 查询、文件传输、电子新闻、多媒体通信等服务功能。 思考:计算机网络的定义? 计算机网络就是将地理位臵不同的多台计算机,通过通信设备和 线路将其进行物理上的连接,并按照协议进行通信,实现网络资源 共享的系统。
浏览器/服务器结构(Browser/Server, B/S)
尝试分析这两种模式的优缺点?
图示C/S结构
客户端和服务器都是指通 信中所涉及的两个应用进 程(软件) 这里,服务器程序是运行 中的数据库管理系统
这里,客户端程序是实现 用户登录、浏览、查询特 定数据、连接数据库的程 序
互连网的域名管理机构将顶级域的管理权分派给指定的 管理机构,各管理机构对其管理的域继续进行划分,即划分 成二级域,并将二级域的管理权授予其下属的管理机构,依 此类推,便形成了树型域名结构。
1.4 IP地址、域名和URL
1.4.3 统一资源定位器URL
• 统一资源定位器URL(Uniform Resource Locator)是 用来确定某种信息位臵的方法. •其格式如下: <信息服务类型>://<信息资源地址>/<文件路径>
Web的特点
(1)Web是一种超文本信息系统。
(2)Web是图形化的和易于导航的。
(3) Web与平台无关。
(4)Web是分布式的。
(5)Web具有新闻性。
(6)Web是动态的、交互的。
1.2 Web的工作原理
客户端/服务器结构(Client/Server, C/S)
即时通信系统,如QQ、阿里旺旺 网络电视、网络游戏 银行柜台的现金出纳系统 往往通过客户机的应用程序连接到后台的数据库服 务器 BBS(电子公告板) 电子商务网站 网上银行 往往通过客户机的浏览器连接到后台数据库
1.3 Internet网络协议
1.3.2 HTTP协议
• HTTP(HyperText Transfer Protocol) – 专门为Web设计的协议 – 应用层协议 – 以TCP/IP协议集中的其他协议为基础 用户在进行网页浏览时,用户主机是 – Web浏览器和服务器用HTTP协议来传输Web文档 否还和服务器保持连接? – HTTP基于客户端请求、服务器响应的工作模式
• 点分十进制记法:
− 由4个用“.”分隔的十进制数组成 − 每个数不大于255 − 如202.119.106.253
1.4 IP地址、域名和URL
1.4.1 IP地址
• IP地址可分成5类,其中常用的是如下三类。
• A类:用于规模很大、主机数目非常多的网络。A类地址 的最高位为0,接下来的7位为网络地址,其余24位为主 机地址。A类地址允许组成126个网络,每个网络可包含 1 700万台主机。 • B类:用于中型和大型网络。B类地址最高两位为10,接 下来14位为网络地址,其余16位为主机地址。B类地址 允许组成16 384个网络,每个网络可包含65 000台主机。
(3)如果URL指向的是普通的HTML(Hypertext Markup Language,超文本标记语言)文档,Web服务器将直接把 它传送给浏览器。HTML文档中可能包含用Java、 JavaScript、ActiveX、VBScript等编写的程序,服务器也 将它们随HTML文档一道传送到浏览器,在浏览器所在的机 器上执行。 (4)如果HTML文档中嵌有ASP程序,那么Web服务器就运 行该程序,并将结果传送至浏览器。(ASP程序在客户端执 行)
内容安排(1)
基础知识
第1章 WEB编程基础知识 第 2 章 WEB应用程序开发环境
客户端技术
第 3 章 HTML与XML 第 4 章 脚本语言 第 5 章 页面设计
内容安排(2)
服务器端技术
第6章 第7章 第8章 第9章
ASP程序设计 程序设计 WEB数据库程序设计 综合应用实例
1.3 Internet网络协议
1.3.1 TCP/IP协议
• TCP/IP协议是一个协议集,其中最重要的是TCP协议和IP协议
• TCP/IP参考模型与OSI参考模型的对照
作为最高层,向用户提供一些常用的 应用程序 处理来自传输层的分组发送请求; 处理接收的数据包; 负责应用进程之间的端到端通信 处理互联的路径; 接收IP层的IP数据报,通过网络向外 发送,接收并处理从网络传来的物理 帧,抽出IP数据报,向IP层发送
动态网页实现的方法一:Web客户端编程
• 客户端编程
– 程序员把客户端代码编写到HTML文件中。 – 当用户提出对某个网页的请求时,这些客户端代 码和HTML文件代码一起以响应方式返回提出请求 的浏览器。
• 常见的客户端编程技术
– VBScript – JavaScript – Java applet等。
动态网页实现的方法二: Web服务器端编程
•服务器端编程
– 程序员将编写的代码保存在服务器上。
– 当用户提出对某个网页的请求时,这个请求所要访 问的页面代码都在服务器端执行,并把执行结果以 HTML文件代码的形式传回浏览器,这样浏览器接 收的只是程序执行的结果。
•常见的服务器端编程技术
– – – – PHP JSP ASP
一般客户端和服务器端程
序都需要安装
图示B/S结构
是对C/S结构的一种改进
仅仅通过浏览器完成用户登录和数据请求等少量业务逻 辑,绝大部分业务逻辑在web服务器完成
该模式不需安装专门的软件,只要打开浏览器完成www 浏览即可 是瘦客户端,便于维护和升级
B/S与C/S的区别
构成
• • •
1.2 Web的工作原理
客户端Web浏览器 Web服务器 数据库服务器
三层结构(B/S)
互联网
优点
具有良好的开放性,利用单一的访问点,用户可以在任何地点使用系统;
用户可以跨平台以相同的浏览器界面访问系统;
因为在客户端只需要安装浏览器,基本上取消了客户端的维护工作,有效 的减少了整个系统的运行和维护成本。 跨越了局域网的限制,将应用分步到互联网
教学目标
学会做网页 学会做网站
课程学习方法
理论学习
掌握基本概念,理解基本的知识 注重方法,不断更新知识 重视动态网页设计能力的培养
实践学习
勤思考,多动手 坚持自学,重视上机实验环境 协同互助,更上一层楼
课程考试
必要条件
出勤率达到学校要求
教考分离、统一命题暂 定) 平时成绩包括考勤、作业成绩、实验成绩、课 堂表现等方面。
• C类:用于小型本地网络(LAN)。C类地址最高3位为 110,接下来21位为网络地址,其余8位为主机地址。
• 主机地址全0为本网络的网络地址、全1为本地广播 地址(保留地址)
1.4.2 域名
•IP地址是联网计算机的地址标识 •DNS:域名服务系统,允许为主机分配字符名称,即域 名。并且可以在网络通信时由DNS自动实现域名与IP地 址的转换。 • 例如,南京师范大学Web服务器的域名为 • Internet中的域名采用分级命名,其基本结构如下: 计算机名.三级域名.二级域名.顶级域名
Web动态网页设计
授课老师:李静毅 邮箱:lijingyi1988@
内容与要求
课程类型:必修课 课程学时:48学时(32理论学时,16实验学时) 适用专业:计算机相关专业 先修课程:C语言程序设计、网页制作
教材及主要参考书
Web程序设计(第三版)。吉根林,电子工业出版 社。 程序设计教程。郑阿奇、顾韵华,机械工 业出版社,2006年。 动态网站开发基础教程。韩颖等,清华 大学出版社,2010年。
域名的结构在于:DNS将整个Internet划分成多个域,称之为 顶级域。顶级域名划分采用了两种划分模式,即组织模式 和地理模式。有7个域对应于组织模式,其余的域对应于 地理模式,如cn代表中国,us代表美国,jp代表日本等。 顶级域名分配如下: com 商业组织 edu 教育机构 gov 政府部门 mil 军事部门 net 网络中心 org 上述以外的组织 int 国际组织
– Web是Internet提供的一种服务。 – Web是存储在全世界Internet计算机中、数量巨大的文档 的集合(电子信息仓库、资源共享)。 – Web上的海量信息是由彼此关联的页面(Page)组成的 (超文本信息系统)。 – Web的内容保存在Web站点(Web服务器)中,用户可通 过浏览器访问Web站点(B/S模式)。 – Web以一些简单的操作方式连接全球范围的超媒体信息 (普及度高)。
第1章 WEB编程基础知识
1.1 1.3 1.5 1.6 什么是Web Internet网络协议 动态网页设计技术简介 .NET框架简介
本章介绍开发 Web应用程序必 备的基础知识, 为学习Web程序 设计方法和开发 技术做好准备。
1.2 Web的工作原理 1.4 IP地址、域名和URL
什么是Internet
1.3 Internet网络协议