文档介绍：整理课件
1
整理课件
2
Web前端开发

网页设计师、Web前端设计师与交互设计师、网站开发工程师等的区别：
网页设计师是指精通Photoshop、CorelDRAW、Flash、Illustrator、Dreamweaver等多项网页设计工具的网页设计人员
Web前端开发设计？？
整理课件
3
Web前端开发是从网页制作演变而来的，，包括三个要素：HTML、CSS和JavaScript
Web前端开发
Web前端开发设计？？
整理课件
4
Web前端开发
网页设计师、Web前端设计师与网站开发工程师、交互设计师等区别：
交互设计师：秉承以用户为中心的设计理念，应用“以目标为导向的设计”方法，进行互联网产品的设计。
Web前端开发设计？？
整理课件
5
Web前端开发
网页设计师、Web前端设计师与网站开发工程师、交互设计师等区别：
网站开发工程师：掌握ASP、PHP、.NET、JSP等开发语言，熟悉运用Access、SQL语言、SQL数据库等；对IIS、Apache等服务器有一定的理解等
Web前端开发设计？？
整理课件
6
XHTML 是更严谨更纯净的 HTML 版本。XHTML 与 HTML 标准没有太多的不同。（目前最新为HTML 5）
XHTML 是 HTML 与 XML（扩展标记语言）的结合物。
XHTML 。（其标准应用为CSS+DIV）
Web前端开发
Web标准？Xhtml？
例如：
所有标签都必须小写
在XHTML中，所有的标签都必须小写，不能大小写穿插其中，也不能全部都是大写。看一个例子。
错误：<Head></Head><Body></Body>
正确：<head></head><body></body>
标签必须成双成对
像是<p>...</p>、<a>...</a>、<div>...</div>标签等，当出现一个标签时，必须要有对应的结束标签，缺一不可，就像在任何程序语言中的括号一样。
错误：大家好<p>我是muki
正确：<p>大家好</p><p>我是muki</p>
标签顺序必须正确
标签由外到内，一层层包覆着，所以假设你先写div后写h1，结尾就要先写h1后写div。只要记住一个原则“先进后出”，先弹出的标签要后结尾。
错误：<div><h1>大家好</div></h1>
正确：<div><h1>大家好</h1></div>
整理课件
7
如何验证Xhtml？
-validator/
/
学****网站推荐：

/
Web前端开发
Web标准？Xhtml？
整理课件
8
@请叫我周某人 @武夷学院广播台

如何新建Xhtml文件？（初期建议用记事本书写代码！）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN" "-">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
</body>
</html>
Web前端开发
Web标准？Xhtml？
：transitional是过渡版（默认选择）
strict是严格版、frameset为框架版
整理课件
9
@请叫我周某人 @武夷学院广播台

Xhtml（html）语法规则：
元素必须被正确地嵌套
元素必须被关闭（如<p></p>）、非空标签