1-网页基础知识.pptVIP

第一章 网页基础知识 1、 HTML基本知识 2、 Dreamweaver 基础知识 3、其它设计软件 4、网页鉴赏 1.1 HTML基本知识 什么是 HTML 文件？ (HyperText Mark-up Language ) HTML 指超文本标签语言。 HTML 文件是包含一些标签的文本文件。 这些标签告诉 WEB 浏览器如何显示页面。 HTML 文件必须使用 htm 或者 html 作为文件扩展名。 HTML 文件可以通过简单的文本编辑器来创建。 做个实验如何？ 第一步：如果您使用 Windows，请启动记事本。 第二步：键入以下文本： html head title页面的标题/title /head body p这是我的第一个页面。b这是粗体文本。/b/p /body /html 第三步：将这个文件存为 mypage.html。 第四步：启动您的浏览器。 小知识 为什么我们要使用小写的标签？万维网联盟 (W3C) 的标准是：建议在 HTML 4 中使用小写标签，而在 XHTML（下一代 HTML）中，必须使用小写标签。 HTM 还是 HTML 扩展名标准写法是HTML 使用何种HTML 编辑器——纯文本就行 使用何种浏览器——各种浏览器的支持范围不同 浏览器兼容性问题 浏览器的开发遵循W3C标准。不同浏览器的扩展功能，对W3C标准也是个推进。 但是多个浏览器在处理一个相同的页面时，表现有时会有差异。这种差异可能很小，甚至不会被注意到；也可能很大，甚至造成在某个浏览器下无法正常浏览。 我们把引起这些差异的问题统称为“浏览器兼容性问题”。 而正是这些“浏览器兼容性问题”，无形中给我们的开发增加了不少难度。 实际例子 IE 火狐 HTML 元素 HTML 文档是由 HTML 元素构成的文本文件。 HTML 元素是通过使用 HTML 标签进行定义的。 HTML 标签 HTML 标签是用来标记 HTML 元素的。 HTML 标签被 和 符号包围。 HTML 标签是成对出现的。例如 a 和 /a。(也有例外) 位于起始标签和终止标签之间的文本是元素的内容。 HTML 标签对大小写不敏感，b 和 B 的作用的相同的。 小例子 html head title页面的标题/title /head body p这是我的第一个页面。/p b此文本是粗体的。/b /body /html 浏览器是什么 网页浏览器是个显示网页服务器或文件系统内的文件，并让用户与此些文件交互的一种软件。它用来显示在万维网或局域网等内的文字、图像及其他信息。这些文字或图像，可以是连接其他网址的超链接，用户可迅速及轻易地浏览各种信息。网页一般是HTML的格式。 简单的说，浏览器就是一个 解析器。 什么是计算机语言 语言是一套共同采用的沟通符号、表达方式与处理规则。符号会以视觉、声音或者触觉方式来传递。严格来说，语言是指人类沟通所使用的语言－自然语言。 当人类发现了某些动物能够以某种方式沟通，就诞生了动物语言的概念。 到了计算机的诞生，人类需要给予计算机指令。这种「单向沟通」就成了计算机语言。 1.2 Dreamweaver 快速入门 Dreamweaver是由Macromedia公司推出的一款在网页制作方面大众化的软件，它具有可视化编辑界面，用户不必编写复杂的HTML源代码就可以生成跨平台、跨浏览器的网页，不仅适合于专业网页编辑人员的需要，同时也容易被业余网友们所掌握。 Dreamweaver是一种可以满足多层次需求、功能强大的可视化专业级网页设计及制作工具。 能够支持市面上绝大部分的网页开发技术。 （ASP、JSP、PHP、ASP.NET） 相关介绍 安装：有安装版和硬盘版，一般使用需要序列号 与fireworks和flash并称“三剑客” 详细介绍 利用dreamweaver开发一个简单页面,观察和记事本开发的不同 利用dreamweaver开发一个简单网站 课 堂 作 业 利用记事本制作第一个网页 1.3 其它网页设计软件 一、photoshop Photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员