1. 网站开发的基本流程:
前期策划,
页面细化及实施:页面美工设计,静态页面制作,程序开发
后期维护
2. 网页的组成:结构(Structure),表现(Presentation),行为(Behavior) 与之对应的标准:
结构化标准语言:XHTML和XML
表现标准语言:CSS
行为标准主要包括对象模型(如W
内容是基础,然后附加结构和表现最后添加行为。
3 . XHTML
标签必须为小写
XTHML的出现主要作用是为了HTML 过度到 XML 的一个桥梁
3. HTML的固定格式
4. HTML 标签:
(1.) 标题(Headings): <h1>到<h6>
(2.) 段落 (Paragraphs):XTHML不允许无结束标签,HTML允许但不推荐。
(3.) 换行标签:<br>或<br/> 最好使用后者,为了XHTML过度
(4.) 链接(Links):<a href=””> 需要链接的内容 </a>
Target (目标) 先设置锚点(需要跳转到的那个位置)
<a name=”buttom”>页面底部</a>
设置链接 <a href=”#button”>页面底层</a> 链接中加“#”
href=”#button” 就指向了name=”buttom”这个位置 也就可以
链接到该处。
(5.)列表(Lists):
无序列表(Unordered Lists) 标签是
<ul>
<li></li>
<li></li>
<li></li>
…..
</ul>
有序列表(Ordered Lists) 标签是
<ol>
<li></li>
<li></li>
<li></li>
…
</ol>
释义列表(Definition Lists)
<dl>
<dt></dt>
<dt></dt>
<dt></dt>
…
</dl>
(6.)图片(Images):<img src=”图片路径” alt=”提示文字”></img>
(7.)表格(Tables):<table> <tr><th>(单元格的表格头)<td>
(8.)层(div 定位标记):<div></div>
(9.)范围(span):<span></span> 一般应用在行内
(10.)框架(Frames):
<frameset row=”80,*”>
<frame src=”指向在此窗口打开的HTML页面” name=”框架的名称”><frame>
</frameset>
<noframes>
<body>抱歉,你使用的浏览器不支持框架功能!</body>
</noframes>
(11.)表单
<form method=”post/get” name=”form
</form>
(12.)注释
<!-- 这是注释的内容 -->
5. 升级到XHTML
(1.) XHTML 是基于 HTML的,它是更加严密和代码更加整洁的HTML。
(2.) 定义DTD文档类型:
(3.) XHTML 注意事项:
元素一定要被正确的嵌套
一定要有正确的组织结构(比如html基本结构、有序和无序)
标签和属性一定要小写
元素一定要有关闭
属性不允许简写(如:html允许cheched,HHTML 只能使用 checked=”checked”)
使用id替代name属性
Lang属性 指定内容的语言