HTML与CSS网页设计概述.pptVIP

CSS简介 CSS语言的发展历程： 1996年12月W3C发布了第一个有关样式的标准CSS1。 1998年5月发布了CSS2。 目前最新的版本是CSS3，但是各个浏览器对它的支持不统一，所以流行的版本仍然是CSS2，即本书所讲解的版本。 网页制作入门 CSS简介 CSS非常灵活，既可以嵌入在HTML文档中，也可以是一个单独的外部文件，如果是独立的文件，则必须以.css为后缀名。 网页制作入门 CSS采用的是内嵌方式，虽然与HTML在同一个文件中，但CSS集中写在HTML文档的头部，也是符合结构与表现相分离的。 如今大多数网页都是遵循Web标准开发的，即用HTML编写网页结构和内容，而相关版面布局、文本或图片的显示样式都使用CSS控制。 常见浏览器介绍 浏览器是网页运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。 网页制作入门 常见浏览器介绍 不同的浏览器对同一个CSS样式有不同的解析，这样，同样的页面在不同浏览器下的显示效果可能不同。 网页制作入门 常见浏览器介绍 IE浏览器由微软公司推出。IE有6、7、8、9、10、11等版本，最新的是Edge。在制作网页时，低版本一般也是需要兼容的。 Mozilla Firefox，中文通常称为“火狐”，Firebug是火狐浏览器下的一款开发插件，是开发HTML、CSS、JavaScript等的得力助手。在实际网页制作过程中火狐浏览器是最常用的浏览器。 Google Chrome，又称谷歌浏览器，是由Google（谷歌）公司开发的开放原始码网页浏览器。 网页制作入门 Web基本概念 网页制作入门 网页制作工具 教学内容 常见网页制作工具 记事本 Editplus Notepad++ Sublime Dreamweaver Eclipse MyEclipse 网页制作工具 熟练地使用网页制作工具 Web标准，HTML与CSS语言的特征及发展历程 常用网页制作工具。 本讲总结 HTML与CSS网页设计概述 HTML与CSS(第一讲 ) 课程定位 网页设计的核心和基础 软件技术专业的必修基础课 课程目标 熟练掌握HTML语言标记、CSS（层叠样式表）、盒子模型、浮动与定位； 能够灵活应用滑动门、CSS精灵等高级技巧； 具备独立设计、制作网页的能力； 为后续课程打下坚实的基础。 课程介绍 自主学习（CSS控制文本样式为例） 熟练掌握字体样式属性和文本外观属性 text-align的属性值center和center标记的区别 后代选择器与交集选择器的优缺点 制作样式表中文手册说明页面 学习能力提高要素 提前预习(问题)、高效听讲(解惑)、复习总结(收获) 笔记(成绩比例：10%) 平时实践过程(练习中要思考、思考过再练习) 课上平时实验+自主学习实践(成绩比例：30%) 代码书写规范严谨，学习要有韧性、要讲效率 培养审美能力(合理的页面布局、舒适的色彩搭配等) 提问、实验表现 提交Word文档 提交HTML文档 Web基本概念 网页制作入门 网页制作工具 教学内容 重点 Web基本概念 网页制作入门 难点 Web基本概念 网页制作入门 重点、难点 Web基本概念 网页制作入门 网页制作工具 教学内容 认识网页 Web基本概念 网页究竟是什么？ 说到网页，其实大家并不陌生 浏览新闻 查询信息 网上购物 认识网页 Web基本概念 网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。 认识网页 Web基本概念 动画 图像 文本 认识网页 Web基本概念 LOGO 按钮 Banner 导航 认识网页 Web基本概念 链接 版权信息 Banner 认识网页 Web基本概念 网页是如何形成的呢？ 认识网页 除了首页之外，一个网站通常还包含多个子页面。网页与网页之间通过超链接互相访问。 网站由网页构成，网页有静态和动态之分。 静态网页是指用户无论何时何地访问，网页都会显示固定的信息，除非网页源代码被重新修改上传。 动态网页显示的内容则会随着用户操作和时间的不同而变化。 大部分网站都由静态网页和动态网页混合组成，两者各有千秋，用户在开发网站时可根据需求酌情采用。 Web基本概念 名词解释 Web基本概念 与互联网相关的一些专业术语 名词 名词释义 Internet 就是通常所说的因特网、互联网，是由一些使用公用语言互相通信的计算机连接而成的网络。 WWW WWW（英文World Wide Web的缩写）中文译为“万维网”，是Intertnet提供的一种网页浏览服务。 URL URL（英文Uniform Resource Locator的缩写）中文译为“统一资源