网页制作基础 CNIC 王桦
网站 网站是将许多相关的网页按照一定的方式组织起来的网页集合。把网站存放在一台与Internet相连的服务器上就可以让别人访问你的站点。
动态与静态网站的区别 动态网站 静态网站 由服务器动态的生成HTML文档，与数据库相连时，可实现个性化网页。 网页的代码在制作网页时就已经完成。
站点的管理 页面设计工具 创建目录 创建文件 网站的组织结构 记事本 (HTML语言制作) FrontPage Dreamweaver (可视化设计) 创建目录 创建文件 网站的组织结构
网页制作的一般流程 站点管理 表格排版 插入文本、图像、Flash动画等 超级链接 制作表单 定义css样式—美化文字和表单 创建目录、创建文件、删除、移动、重命名 表格排版 插入文本、图像、Flash动画等 超级链接 制作表单 定义css样式—美化文字和表单 层的使用、动画制作及行为的添加
HTML超文本标记语言（1） HTML（Hypertext Markup Language）即超文本标记语言，它是一种用于编写超文本文档的标记语言。 HTML并不是一种程序语言而是一种结构语言，它具有平台无关性。
HTML超文本标记语言（2） html基本标记 头部标记 <head>……</head> <title>……</title> <style>……</style> <meta>……</meta>
HTML超文本标记语言（3） <title>……</title>
HTML超文本标记语言（3） <title>……</title>
HTML超文本标记语言（4） <meta>……</meta>
HTML超文本标记语言（4） <meta>……</meta>
HTML超文本标记语言（5） html基本标记 体部标记 <body>……</body> 属性名 取值 含义 默认值 bgcolor 颜色值 页面背景颜色 #FFFFFF background 图象文件名 页面背景图象 #000000 topmargin 整数 页面显示区距窗口上边框的距离 leftmargin 页面显示区距窗口左边框的距离
HTML超文本标记语言（6） bgcolor
HTML超文本标记语言（7） topmargin
HTML超文本标记语言（8） 表格的定义 <table> <tr> <td>表格内容</td> {<td>表格内容</td>} </tr> </table>
HTML超文本标记语言（8）
表格排版（1） 设计图的切割 图片的处理 表格的排版及嵌套
表格排版（2）
网页中元素的添加 文本 图片 FLASH 各元素属性的设置
插入超链接（1） 页面间的链接 外部链接 页面内的链接（锚点） E-mail链接 图片链接
连接 连接到站点外部的文件，叫做外部连接。 连接到网站内部的文件，叫做内部连接 正确：http://www.uisp.org.cn 不正确：www.uisp.org.cn http:\\www.uisp.org.cn 连接到网站内部的文件，叫做内部连接
网页特效 用HTML实现网页特效 通过javascript实现特效 插件
遵循的规范 1.网站建设目录规范 2.网站文件命名规范 3.网站首页head区代码规范