内容发布更新时间 : 2024/5/24 20:40:33星期一 下面是文章的全部内容请认真阅读。

课程目标：

? 使用CSS美化网页元素 ? 使用DIV+CSS布局网页 ? 制作各种流行的网页组件 ? 制作语义化的表单

? 掌握一些常用的网页制作技巧

第一次课：

1、 DW5工作界面的认识。 2、 新建站点（为什么要站点）、网页文件（注意“页面属性”---“标题/编码”的设

置和重要性）、样式文件（外部） 3、 网页基本结构：

DOCTYPE(文档类型) html

…各种标记写成的网页内容代码…

4、 html与xhtml的区别

相关规则 标签名称 属性名称 标签嵌套 标签封闭 空元素 属性值 属性值形式 标签类型

5、html常用内容标签

标签

-

说 明 定义各级标题 定义段落 定义链接 插入一幅图片 定义无序列表 定义无序列表 定义自定义列表 加粗强调内容 XHTML 必须小写 必须小写 必须严格嵌套 标签必须封闭 标签必须封闭，如

---

用双引号括起来 必须使用完整形式 区分“内容标签”与“结构标签” HTML 大小写均可 大小写均可 没有严格规定 封闭与不封闭均可 封闭与不封闭均可，如

---

与

---

均可 可以不必使用双引号 经常使用简写方式设定属性值 没有严格规定

做网页实例。。。。first.html

6、结构标签

标签：定义HTML文档中的分区或节(简单说：就是用于布局！) 标签：行内元素

区别“表格布局”和“div布局”。

７、ＣＳＳ简介：

级联样式表(Cascading Style Sheet) ，简称风格样式表(Style Sheet) ；用来进行网页风格设计 ＣＳＳ作用：

有效地控制网页外观 精确定位网页元素 改善用户体验 CSS的优点

内容与表现分离 表现统一，易控制 布局页面更灵活 减少页面代码量 利于搜索引擎收录

CSS语法规则(演示) 选择器{属性：值；}

标签、类、ID三种 P { color: red; }

. top { width: 600px; } # nav ( font-size: 12px;) CSS样式引入网页文件(演示)

行内式、嵌入式、链接式、导入式

• 1
• 2

Word文档下载：DW基础知识一.doc

搜索更多:DW基础知识一





最新浏览

• 多项选择题 -
• 外建史人物背诵表 - 图文
• 多肉研究报告
• 二年级上册数学期末复习题
• 夏季黑龙江三日游攻略 - 图文 -
• 外墙保温施工方案(含n多节点图)
• 责任制整体护理实施方案9
• 组胚简答和论述题 (2)
• 外研版英语3下2013优质课M4U1教案3
• 三角函数与双曲函数基本公式对照表