原创力文档- 1、本文档共28页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：19108035856(电话支持时间：9:00-19:00)。
第11章网页设计技术
制作人：
科技大学
计算机公共基础教研室
11.1 超文本标识语言HTML
11.2 Macromedia Dreamweaver
11.3 样式表CSS
11.4 网站发布
1. 超文本标识语言HTML是编辑Web 页面的语言。标记语
言是一种描述文件格式的语言，将标记置于文件中，
由浏览器解释和显示。
2. 使用HTML语言编写的文档中，加入关于文档、图像、
声音和 等对象的标记，就是超文本文档。
3. 可以用文本编辑器创建HTML 文件，或者使用专门的
HTML设计工具，如 FrontPage、Macromedea
Dreamweaver等。
1. HTML 文件中的标记
<标记>指定内容</标记>
(1) “<标记>”和“</标记>” 分别是一个标记元素的开始和结束
(2) 标记本身不区分大小写。
1. 记事本（Notepad.exe）编辑HTML 文档，文件的扩展名
是.htm 或.html
<html>
<head>
<title >文档的标题</title>
</head>
<body>
<H2>第一个网页</H2>
<hr>
<p><font face="楷体
_GB2312" size=6 color="red">第一个例子
</font ></p>
<p>第二句话</p>
<p>第二句话</p>
</body>
</html>
<table border="1" width="100%">
<tr>
<td> </td>
<td>内容</td>
</tr>
<tr>
<td>文字</td>
<td><a href="eg_12_1.htm">超级
举例</a></td>
</tr>
<tr>
<td> </td>
<td><img border="0" src="cache.gif"
width="84" height="84"></td>
</tr>
</table>
1. 表单提供交互操作界面，用户输入数据，传送到服务
器
<form method="Post" action="login.asp">
<p> ：<input type="text" name="myname" size="20"><br>
：<input type="text" name="mypassword" size="20"><br>
<input type="submit" value="提交" name="B1">
<input type="reset" value="全部重写" name="B2"></p>
</form >\
1. Macromedia公司的Dreamweaver8是一个可视化、功能
强大的专业级网页设计和 管理工具。
2. 打开起始页面 :
插入
面板
属性
面板
1. 文字编辑和排版
输入文字，选中文字在下方的属性面板中设置字体、
大小、项目符号等属性
1. 外观：
2.
文档评论（0）