网站设计与制作ch剖析.ppt

网站设计与制作 第一课 杨晓亮 2016年2月 本节大纲 网站概述 什么是网站 网络中一个站点内所有网页的集合。 是一种借助于网络的通信工具。 人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。 人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。 网站开发 就是使用网页设计软件，经过平面设计、网页排版、网页编程等步骤，设计出多个网页。这些网页通过一定逻辑关系的超链接，构成一个网站。网页设计完成以后，再上传到网站服务器上以供用户访问浏览。 网站设计可分为：页面内容、美工设计、网站编程。 网站的构成 网站域名 访问网站所用的网址。 网站程序 包括用户浏览网站所看到的页面和网站后台管理程序，现在一般都是用成熟的网站管理系统。 网站空间 可以是虚拟主机或服务器，用于存储网站程序及资料，并提供网站程序运行所需要的环境。 网站域名 网站主要分类 根据网站所用编程语言分类：例如asp网站、php网站、jsp网站、Asp. net网站等； 根据网站的用途分类：例如门户网站（综合网站）、行业网站、娱乐网站等； 根据网站的功能分类：例如单一网站（企业站点）、多功能网站（网络商城）等。 根据网站的持有者分类：例如个人网站、商业网站、政府网站、教育网站等。 根据网站的商业目的分类：营利型网站（行业网站、论坛）、非营利性型网站（企业网站、政府网站、教育网站）。 网站的类型 静态网站 静态网站是指全部由HTML页面组成的网站，所有的内容包含在网页文件中。网页上也可以出现各种视觉动态效果，如GIF动画、FLASH动画、滚动字幕等，而网站主要是静态化的页面和代码组成，一般文件名均以htm、html、shtml等为后缀。 只有看的份，不能产生互动。 静态网站主要用到一下三个技术： HTML标记语言 CSS样式表 JavaScript脚本语言 动态网站 动态网是相对静态网来说的，是能产生互动的。 目前，用于动态网站开发的主要语言有4种:ASP、ASP .NET、PHP、JSP。 网站建设的基本流程 网站的定位 网站的定位-续 网站建设考虑的因素 网站设计工具 HTML语言概述 超文本置标语言HTML（HyperText　Markup Language）是SGML（Standard Generalized Markup Language）语言的一个应用，是WWW“世界”的通用“语言”。 WWW“世界”诸服务器与浏览器之间通过它互相沟通。 WWW“世界”中的信息可以通过它来“表现”。没有HTML就没有WWW“世界” 。 HTML 不是程序设计语言，而是一种结构语言。 HTML 与平台无关，只要是相同的浏览器。 HTML有许多元素，文档通过元素置标就形成了所谓的HTML文档。 HTML 也是文本文件，所以可以用纯文本编辑器来编辑（如Windows 的记事本、写字板) 其后缀名必须是 .html 或 .htm 只有通过浏览器才可以对HTML文档进行相应的解释。 HTML的发展历程 什么是HTML5 HTML5不是一种编程语言，而是一种描述性的标记语言，用于描述超文本中的内容和结构。 HTML5的优势： 1.提高可用性和改进用户的友好体验; 2.有几个新的标签，这将有主助开发人员定义重要的内容; 3.可以给站点带来更多的多媒体元素(视频和音频); 4.可以很好的替代FLASH和Silverlight; 5.当涉及到网站的抓取和索引的时候，对于SEO很友好; 6.将被大量应用于移动应用程序和游戏。 HTML5文件的基本结构 !DOCTYPE html 文件申明 html 文件开始的标记 head 文件头部开始的标记 … 文件头部的内容 /head 文件头部结束的标记 body 文件主体开始的标记 … 文件主体的内容 /body 文件主体结束的标记 /html 文件结束的标记 动手完成第一个 动手完成第一个-续 本课小结 推荐资料 * * * * 1 网站基本知识 2 网站建设知识 3 HTML基础知识 域名是域名管理系统(Domain Name System,DNS)进行全球统一管理的，用来映射主机IP地址的一种主机命名方式。 百度 域名是 IP地址为 国内域名与国际域名 国内域名：以.cn作为域名后缀。由中国互