[计算机软件及应用]第一讲 网页制作基础.pptVIP

按内核分类： Trident：又称为MSHTML，代表Internet Explorer 其他：Maxthon遨游、世界之窗、腾讯TT、Netcapter、Avant等等，但Trident只能应用于Windows平台，且是不开源的 Gecko：代表作品Mozilla Firefox Netscape6至9 能在Microsoft Windows、Linux和MacOS X等主要操作系统上运行 WebKit：代表作品Safari、Chrome Presto：代表作品Opera * 网页制作基础 主讲：臧顺娟 * 第一讲 本讲目标 了解网页的基本知识 初步了解静态网页编程语言（HTML） 初步了解并使用网页制作工具（Dreamweaver） * 本讲内容 网页的基础知识 网页制作中的基本概念 网页设计与开发的过程 HTML简介 HTML网页开发工具简介 DeamweaverCS4的使用 * 一、网页的基础知识 （一）网页中的元素 文字 图片 动画 声音 视频 * （二）网页的分类 静态网页 网页的内容是固定的，采用HTML语言进行编写。 动态网页 动态网页是指网页的内容是否可根据某种条件的改变而自动改变，采用ASP，JSP，PHP等语言编写的网页。并且后台一般都有数据库，更新网页无需修改源代码。 * 一、网页的基础知识 二、网页制作中的基本概念 （一）服务器与浏览器 * 二、网页制作中的基本概念 （二）超链接 超链接的本质是一种可以指向其他文件的文字或图片。 * 二、网页制作中的基本概念 （三）URL URL为“Uniform Resource Locator”的缩写，通常翻译为“统一资源定位器”，也就是人们通常说的“网址”。它用于指定Internet上的资源位置。 * 二、网页制作中的基本概念 （四）HTML 网页文件是用一种标签语言书写的，这种语言称为HTML（Hyper Text Markup Language，超文本标签语言）。有两种方式来产生HTML文件 一种是自己写HTML文件，事实上这并不非常困难，也不需要特别的技巧。 另一种是使用HTML编辑器，它可以辅助使用者来做编写的工作。 * （五）上传与下载 如果条件许可，也可以把自己的计算机设置成服务器。大多数情况下，只需要花一点钱租用一个服务器，把制作好的网站传送到服务器上，这个过程就称为“上传”。而其他计算机通过浏览器访问网页的时候，所经历的过程就是“下载”的过程，这样计算机中才能看到它。 * 二、网页制作中的基本概念 （六）域名 “域名”是在网络上的重要标识，起着识别作用，域名可分为不同级别，包括顶级域名、二级域名等。顶级域名又分为两类。一是国家、地区顶级域名。二是国际顶级域名。 常用的域名有：应用于公司的com域名，应用与组织的org域名，以及我们国家的cn域名等（随着互联网的发展，现在出现了大批的特别用途的域名，详细请看） * 二、网页制作中的基本概念 * 根 DNS cn DNS com DNS org DNS …… DNS DNS www服务器 mp3服务器 IP和域名是什么关系？ IP在那里？ 二、网页制作中的基本概念 （七）网站 “网站”就是在Internet上一块固定的面向全世界发布消息的地方。它由域名（也就是网站地址）和网站空间构成，网站空间里存放的就是各种网页。有时候，网站也被称做站点。 衡量一个网站的性能通常从网站空间大小、网站位置、网站连接速度、网站服务内容等几方面考虑。 * 二、网页制作中的基本概念 （八）IP地址 “IP”的全拼是“Internet Protocol”，也就是“Internet协议”，它是Internet能够运行的基础。 计算机之间是通过IP地址来寻址的，在使用二进制表示的时候，IP地址的长度为32位，分为4段，每段8位。用十进制数字表示的时候，每段数字范围为1～255，段与段之间用英文句点隔开，如。 现在使用的IP地址是32位的（二进制），也即32个0/1代码 为了方便记忆，通常每8位0/1为一个单位，使用十进制来表示,中间用点隔开 如：0 * 二、网页制作中的基本概念 * 二、网页制作中的基本概念 （九）与设计相关的技术要素 屏幕显示分辨率 屏幕分辨率是显示器在显示图像时的分辨率。屏幕的分辨率越高，越清晰。屏幕分辨率影响网页设计时所采用的尺寸。 浏览器类型 由于浏览器对CSS标准支持的差异远远大于对HTML标准的支持，所以在不同的浏览器上的效果可能会有很大差异。 * 三、网页设计与开发的过程 网页开发的全过程大致分为策划与定义、设计、开发、测试和发布5个阶段。 基本任务和角色 策划与定义 设计 开发 测试 发布 客户 设计师 设计 设计师 程序员 客户 设计师 程序员 设计师