网页设计概述课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Βιβλιοθήκη Baidu
腾讯网站
学院主站
网页由超文本标记语言（HTML）的文件格式来构 造，网页中包含了文本、图像、动画、声音及其 他信息。
使用浏览器可以搜索、查看和下载互联网上的各
种信息。
网页的起源：创始于２０世纪７０年代，设在日 内瓦的欧洲核子研究中心的研究人员为满足信息 需求，开发和设计了网页系统。
网页的基本构成元素
网页由超文本标记语言（HTML）的文件格式来构 造，网页中包含了文本、图像、动画、声音及其 他信息。
使用浏览器可以搜索、查看和下载互联网上的各 种信息。
？ 网页浏览过程
第一章 网页设计与制作基础
网页由超文本标记语言（HTML）的文件格式来构 造，网页中包含了文本、图像、动画、声音及其 他信息。
网页由文本、图像、动画、超链接等基本元素构成。 1．文本 一般网页中最多的内容是文本，可以根据需要对其字 体、大小、颜色、底纹、边框等属性进行设置。 2．图像 丰富多彩的图像是美化网页必不可少的元素，用于网 页上的图像一般为jpg格式和gif格式，即以jpg和gif 为扩展名的图像文件。
网页的基本构成元素
第一章
教学重、难点
网页设计中的若干术语 （web服务器及客 户机、URl、常用协议、IP地址及域名、网 页、网站、主页、超级链接） 网站建设的基本步骤
网站建设的基本步骤
难点
第一章 网页设计概述与优秀网站赏析
提出任务： 浏览者＝＞设计者
第一章 网页设计概述与优秀网站赏析
？ 发布网页的意义
概述: 网络->网站->网页
一个设计精美的网站会让人形成一种好感，也 必然使浏览者形成一定程度的认同。
网站设计人员的设计能力和技巧是网站建设成功 与否至关重要的一环
二、 网页、网页设计、网站和主页
联想网站主页
163免费邮件主页
淘宝主页
搜狐主页
二、 网页、网页设计、网站和主页
1.什么是网页
• 究竟什么是网页？ • 网页使用来干什么？ • 他有什么作用？
目前有多种选择：
一、网页设计相关概念
3.URl、常用协议、IP地址及域名
• 定义 • 一般格式
HTTP
URL
• 定义 • 作用 • 优点
3.URl、常用协议、IP地址及域名
• 定义 • 作用
FTP
IP
域名
• 定义 • 作用 • 组成
URL
用户通过在浏览器的“地址”处键入所谓“网址”，术语 叫“URL”（Uniform Resource Locator,统一资源定位器）。
早期的网页外观是静态的，只有文字与静态的 图片，用户只能被动地阅读网页制作者提供的 信息。其网页的内容也是静态的，若无外来干 预，其内容不会自动改变，也无法通过网页实 现与访问网页者交互信息的功能。
动态网页技术包括网页的动态表现技术与网页 的动态内容技术，前者是网页外观的动态表现 技术，如GIF 动画、FLASH技术、DHTML（动态 HTML）技术、VHTML（虚拟HTML）技术、VRML（ 虚拟实现造型语言）技术等。而网页的动态内 容技术是通过一定的计算机语言编程如CGI、 ASP、JSP等，使得计算机按照网页设计者设置 的网页格式，生成所需要内容的网页并传送给 访问网页者浏览。
典型的web站点有，新闻信息网站、娱乐网站 、教育网站、电子邮件站点、服务站点、照片 共享站点、社区、博客与维基等等
？ 网页浏览过程
一、网页设计相关概念
2.WEB服务器及客户机
用URL发出请求 客户机
送出网页
服务器
第一章 网页设计与制作基础
网页由超文本标记语言（HTML）的文件格式来构 造，网页中包含了文本、图像、动画、声音及其 他信息。
3．超链接 超链接是Web网页的主要特色，是指从一个网页指向另 一个目的端的链接。 4．导航栏 导航栏是一组超链接，用来方便地浏览站点。 5．动画 动画是网页中最活跃的元素，创意出众、制作精致的 动画是吸引浏览者眼球有效方法之一
网页的基本构成元素
6．表格 表格是HTML语言中的一种元素，主要用于网页内容 的布局，组织整个网页的外观。 7．框架 框架是网页的一种组织形式，将相互关联的多个网页 的内容组织在一个浏览器窗口中显示。 8．表单 表单是用来收集访问者信息或实现一些交互作用的网 页，访问者填写表单的方式是输入文本、单击单选按 钮或复选框、从下拉菜单中选择选项等。
使用浏览器可以搜索、查看和下载互联网上的各 种信息。
？ 网页浏览过程
第一章 网页设计与制作基础
网页由超文本标记语言（HTML）的文件格式来构 造，网页中包含了文本、图像、动画、声音及其 他信息。
使用浏览器可以搜索、查看和下载互联网上的各 种信息。
？ 网页浏览过程
第一章 网页设计与制作基础
网络：将不同地理位置的、具有独立功能的多个 计算机系统通过通信设备和线路连接起来，并能 以功能完善的软件实现网络内资源共享的系统。
因特网：全球范围的计算机互联网。
一、网页设计相关概念
1.WEB简介
WWW
World Wide Web （世界
宽边网络）的缩写，也 可以简称为Web，中文 名字为“万维网”。
URL看起来可能很长很复杂，但它一般是由四个部分构成 的，即协议、主机名、文件夹名（目录）和文件名。
网址有两种形式：IP地址与域名。 新浪网网址：
域名： :80/intro/form.html IP地址： 61.157.243.4
主机名或 网站名
网络名
机构名
最高域名
IP地址为4个字节长，每个为一个小于256的十进制整数，用点号分隔，形如：xxx.xxx.xxx.xxx
网络协议
http：用于从WWW服务器传输超文本到本地浏览器 Telent：使用远端登录的服务 ftp：文件传输协议，通过互联网传输文件 File：存取硬盘文件的服务
网站：
网页的集合
随着互联网的飞速发展，网站越来越多地承担着 树立企业形象、提高公众对企业的认知度的作用 ，从而促进企业的发展。
使用浏览器可以搜索、查看和下载互联网上的各 种信息。
？ 网页浏览过程
Web服务器： 存储和管理供给全球各地用户浏览网页的服务器 可以指一台高性能的计算机 也可以指这台计算机上安装的服务器软件，
如：IIS、 JAVA服务器、.NET服务器
一、网页设计相关概念
客户端浏览器：通过在地址栏中输入Web服务器地 址从而访问Web服务器的软件；
腾讯网站
学院主站
网页由超文本标记语言（HTML）的文件格式来构 造，网页中包含了文本、图像、动画、声音及其 他信息。
使用浏览器可以搜索、查看和下载互联网上的各
种信息。
网页的起源：创始于２０世纪７０年代，设在日 内瓦的欧洲核子研究中心的研究人员为满足信息 需求，开发和设计了网页系统。
网页的基本构成元素
网页由超文本标记语言（HTML）的文件格式来构 造，网页中包含了文本、图像、动画、声音及其 他信息。
使用浏览器可以搜索、查看和下载互联网上的各 种信息。
？ 网页浏览过程
第一章 网页设计与制作基础
网页由超文本标记语言（HTML）的文件格式来构 造，网页中包含了文本、图像、动画、声音及其 他信息。
网页由文本、图像、动画、超链接等基本元素构成。 1．文本 一般网页中最多的内容是文本，可以根据需要对其字 体、大小、颜色、底纹、边框等属性进行设置。 2．图像 丰富多彩的图像是美化网页必不可少的元素，用于网 页上的图像一般为jpg格式和gif格式，即以jpg和gif 为扩展名的图像文件。
网页的基本构成元素
第一章
教学重、难点
网页设计中的若干术语 （web服务器及客 户机、URl、常用协议、IP地址及域名、网 页、网站、主页、超级链接） 网站建设的基本步骤
网站建设的基本步骤
难点
第一章 网页设计概述与优秀网站赏析
提出任务： 浏览者＝＞设计者
第一章 网页设计概述与优秀网站赏析
？ 发布网页的意义
概述: 网络->网站->网页
一个设计精美的网站会让人形成一种好感，也 必然使浏览者形成一定程度的认同。
网站设计人员的设计能力和技巧是网站建设成功 与否至关重要的一环
二、 网页、网页设计、网站和主页
联想网站主页
163免费邮件主页
淘宝主页
搜狐主页
二、 网页、网页设计、网站和主页
1.什么是网页
• 究竟什么是网页？ • 网页使用来干什么？ • 他有什么作用？
目前有多种选择：
一、网页设计相关概念
3.URl、常用协议、IP地址及域名
• 定义 • 一般格式
HTTP
URL
• 定义 • 作用 • 优点
3.URl、常用协议、IP地址及域名
• 定义 • 作用
FTP
IP
域名
• 定义 • 作用 • 组成
URL
用户通过在浏览器的“地址”处键入所谓“网址”，术语 叫“URL”（Uniform Resource Locator,统一资源定位器）。
早期的网页外观是静态的，只有文字与静态的 图片，用户只能被动地阅读网页制作者提供的 信息。其网页的内容也是静态的，若无外来干 预，其内容不会自动改变，也无法通过网页实 现与访问网页者交互信息的功能。
动态网页技术包括网页的动态表现技术与网页 的动态内容技术，前者是网页外观的动态表现 技术，如GIF 动画、FLASH技术、DHTML（动态 HTML）技术、VHTML（虚拟HTML）技术、VRML（ 虚拟实现造型语言）技术等。而网页的动态内 容技术是通过一定的计算机语言编程如CGI、 ASP、JSP等，使得计算机按照网页设计者设置 的网页格式，生成所需要内容的网页并传送给 访问网页者浏览。
典型的web站点有，新闻信息网站、娱乐网站 、教育网站、电子邮件站点、服务站点、照片 共享站点、社区、博客与维基等等
？ 网页浏览过程
一、网页设计相关概念
2.WEB服务器及客户机
用URL发出请求 客户机
送出网页
服务器
第一章 网页设计与制作基础
网页由超文本标记语言（HTML）的文件格式来构 造，网页中包含了文本、图像、动画、声音及其 他信息。
3．超链接 超链接是Web网页的主要特色，是指从一个网页指向另 一个目的端的链接。 4．导航栏 导航栏是一组超链接，用来方便地浏览站点。 5．动画 动画是网页中最活跃的元素，创意出众、制作精致的 动画是吸引浏览者眼球有效方法之一
网页的基本构成元素
6．表格 表格是HTML语言中的一种元素，主要用于网页内容 的布局，组织整个网页的外观。 7．框架 框架是网页的一种组织形式，将相互关联的多个网页 的内容组织在一个浏览器窗口中显示。 8．表单 表单是用来收集访问者信息或实现一些交互作用的网 页，访问者填写表单的方式是输入文本、单击单选按 钮或复选框、从下拉菜单中选择选项等。
使用浏览器可以搜索、查看和下载互联网上的各 种信息。
？ 网页浏览过程
第一章 网页设计与制作基础
网页由超文本标记语言（HTML）的文件格式来构 造，网页中包含了文本、图像、动画、声音及其 他信息。
使用浏览器可以搜索、查看和下载互联网上的各 种信息。
？ 网页浏览过程
第一章 网页设计与制作基础
网络：将不同地理位置的、具有独立功能的多个 计算机系统通过通信设备和线路连接起来，并能 以功能完善的软件实现网络内资源共享的系统。
因特网：全球范围的计算机互联网。
一、网页设计相关概念
1.WEB简介
WWW
World Wide Web （世界
宽边网络）的缩写，也 可以简称为Web，中文 名字为“万维网”。
URL看起来可能很长很复杂，但它一般是由四个部分构成 的，即协议、主机名、文件夹名（目录）和文件名。
网址有两种形式：IP地址与域名。 新浪网网址：
域名： :80/intro/form.html IP地址： 61.157.243.4
主机名或 网站名
网络名
机构名
最高域名
IP地址为4个字节长，每个为一个小于256的十进制整数，用点号分隔，形如：xxx.xxx.xxx.xxx
网络协议
http：用于从WWW服务器传输超文本到本地浏览器 Telent：使用远端登录的服务 ftp：文件传输协议，通过互联网传输文件 File：存取硬盘文件的服务
网站：
网页的集合
随着互联网的飞速发展，网站越来越多地承担着 树立企业形象、提高公众对企业的认知度的作用 ，从而促进企业的发展。
使用浏览器可以搜索、查看和下载互联网上的各 种信息。
？ 网页浏览过程
Web服务器： 存储和管理供给全球各地用户浏览网页的服务器 可以指一台高性能的计算机 也可以指这台计算机上安装的服务器软件，
如：IIS、 JAVA服务器、.NET服务器
一、网页设计相关概念
客户端浏览器：通过在地址栏中输入Web服务器地 址从而访问Web服务器的软件；