网站建立之HTML与CSS.pptVIP

Page ? * 本作品采用知识共享署名-非商业性使用 2.5 中国大陆许可协议进行许可。 专业交流 模板超市 设计服务 本作品的提供是以适用知识共享组织的公共许可（ 简称“CCPL” 或 “许可”） 条款为前提的。本作品受著作权法以及其他相关法律的保护。对本作品的使用不得超越本许可授权的范围。 如您行使本许可授予的使用本作品的权利，就表明您接受并同意遵守本许可的条款。在您接受这些条款和规定的前提下，许可人授予您本许可所包括的权利。 查看全部… NordriDesign?中国专业PowerPoint媒体设计与开发 网站设计之HTML与CSS主讲人：李浩深 基本常识 网站与网页的区别 网站分类——动态网站、静态网站 ASP, ASP.NET, PHP, JSP, python 网站与网页 1．网页是网站的组成部分之一，网站还有系统程序和数据库等组成部分。 2．网站以动态化管理为基本特征。 3．更新方式不同。 4．网站能方便地实现管理功能和信息查询。 5．网站以数据库为核心。 6．网站需要服务器驱动。 7．网站支持邮件服务器。 网站的基本构成 1. 网站前台 网站前台是指普通访问者或普通用户访问的网站页面。一般由HTML网站页面与CSS样式构成。 2. 网站后台 网站后台是指供管理人员使用的、普通用户一般无法访问的 网站页面。可以由Asp或Jsp等其他动态网站设计程序与网站数据库组成。 现在的网站系统，一般都是由后台生成前台，可以方便、高效、系统地管理网站中的任何信息和内容。 几乎所有网站的应用功能的开发都将使用到后台数据库。因此，网络数据库技术与网页前台设计的完全结合，是一个网站设计成功的前提。 静态网页和动态网页 运行于客户端的程序、网页、插件、组件，属于静态网页，例如html页、Flash、JavaScript、VBScript等等，它们是永远不变的。 在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页，例如ASP、PHP、JSP、ASP.net、CGI等。 常用数据库 网页的基本组成元素： 文本 图片 超级链接 动画 表单 音/视频 HTML、XHTML、DHTML HTML（HyperText Markup Language）：超文本标记语言。 XHTML（Extended HyperText Markup Language）：扩展超文本标记语言。替代HTML的标准，兼容HTML，可向XML过渡，它比HTML更严密。 DHTML只是一种制作网页的概念，实际上没有一个组织或机构推出过所谓的DHTML标准或技术规范之类的。 它只是一种将目前已有的网页技术、语言标准整和运用，制作出能 在下载后仍然能实时变换页面元素效果的网页的设计概念。 HTML HTML【Hypertext MarkupLanguage，超文本标记语言】 是WWW的描述语言。 设计HTML语言的目的是为了能把存放在一台电脑中的文 本或图形与另一台电脑中的文本或图形方便地联系在一 起，形成有机的整体。 HTML文本是由HTML命令组成的描述性文本，HTML命令 可以说明文字、图形、动画、声音、表格、链接等。HTML的 结构包括头部（Head）、主体（Body）两大部分，其中头部 描述浏览器所需的信息，而主体则包含所要说明的具体内 容。 浏览器兼容性问题：注意尽量使每个浏览器的效果都一样，特别是firefox和IE这两者 基本概念 CSS（Cascading Style Sheet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间。/view/15916.htm Javascript是一种用于网页设计的脚本语言，可以为网页添加各种动态效果。/view/16168.htm WEB服务器 /view/460250.htm 客户端 /view/930.htm 设计网站的常用软件 1．FrontPage Microsoft出品的网页制作软件，有典型的微软办公软件界面，简 单易学，它是网页制作的入门软件。 2．Photoshop Adobe公司出品，是功能强大的专业图形软件，可以制作任何平