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