第七章 动态网页设计1.pptVIP

Part 1 静态网页制作 CSS的种类 页内调用 在HTML代码的head和/head标记之间以style开始，以/style结束 在BODY内使用CSS样式 如：td height=“24” colspan=“2” style=“BORDER-bottom:#999999 1px dotted” 不能大量使用 外部调用 单独建立一个文件，再引入到页面当中 如：link href=“style.css” rel=“stylesheet” type=“text/css” * Part 1 静态网页制作 CSS的种类 双表调用 如： link href=“style.css” rel=“stylesheet” type=“text/css” style type=“text/css” @import url(style1.css); /style 同时使用内部调用和外部调用，适用于单个不同于其他样式的网页，可以在应用整个站点CSS样式表的基础上，对当前文档实现独立控制 * Part 1 静态网页制作 CSS样式冲突 如同时调用多个CSS样式，多个CSS样式均对其进行样式改变，这样几个样式之间产生了冲突，显示CSS样式一般依照下面的规则来进行优先级的分配： 相加原则：当页面中不同样式应用于同一文本对象时，若样式之间没有重叠，浏览器将显示该文本对象的所有属性 就近原则：当两个样式有冲突时，浏览器将依照就近的原则，即离文本关系的远近，来决定显示的属性 @import优先级最高 * Part 1 静态网页制作 CSS的特点 通用兼容 几乎在所有浏览器上都可以使用 网页提速 可以轻松实现一些以前只能用图片转换才可以实现的功能，使网页体积变小 美化界面 让页面变得整齐、美观 方便页面布局 批量更新 只要更新CSS样式表的某个样式，所有应用了该样式的网页，就实现了自动更新 * Part 1 静态网页制作 使用CSS样式 【窗口】—【CSS样式】，调出CSS面板 Id和Class的区别 使用方法如： style !-- .img{background-color:#FFFFFF;border:1px solid #333333} #name{font-family:”宋体”;font-size:9pt;line-height:150%} -- /style Class的使用方法：class=“img”；id的使用方法：id=“name” Id在整个文档中只可使用一次，为父级；Class可以重复使用，为子级 * * 动态网页设计 * 什么是动态网页 这里说的动态网页，与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系，动态网页也可以是纯文字内容的，也可以是包含各种动画的内容，这些只是网页具体内容的表现形式，无论网页是否具有动态效果，采用动态网站技术生成的网页都称为动态网页。 * 什么是动态网页 动态网页是与静态网页相对应的，也就是说，网页URL的后缀不是.htm、.html、.shtml、.xml等静态网页的常见形式，而是以.asp、.jsp、.php、.perl、.cgi等形式为后缀，并且在动态网页网址中有一个标志性的符号—“？”，如 /product_detail/product_detail.asp?product_id=8915738 * 动态网页的特点 以数据库技术为基础，可以大大降低网站维护的工作量 可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等； 并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页 * 课程组成 Part 1：静态网页介绍与制作 （HTML主要元素、行为、CSS等） Part 2：安装配置Apache和PHP Part 3：PHP基础 Part 4：数据库基本知识和MySQL数据库 Part 5：动态网页开发实例 * Part 1 静态网页制作 常用的网页设计工具： Dreamweaver： 由Macromedia公司推出. 可与该公司另外两款设计工具Fireworks和Flash配合使用,使网页制作更便捷,效果更丰富. FrontPage: 是Microsoft公司推出的Web站点创建和管理工具,是微软Office成员之一. * Part 1 静态网页制作 网页文件的含义 网页在英语中称为Homepage，也称为 WWW网页，是由图像、文本、声音组成的多媒体页面。 网页文件的文件名可由我们随意规定，就像我们规定其他类型的文件名称一样，其扩展名则是“htm”或“html”。 * Part 1 静态网页制