课程目标：

? 使用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基础知识一





最新浏览

• 安徽重点项目-安庆智慧产业园项目可行性研
• 《数据结构》习题汇编03第三章栈和队列试题
• 中国春砂仁养胃膏行业市场前景分析预测年度报告(
• ARM嵌入式系期末考试练习题 - 1
• 2016-2022年中国城市燃气行业分析与发展
• 卓顶精文2019“中金所杯”全国大学生金融知识
• 2018年“实施乡村振兴战略”专题测试参
• 转变工作作风提升工作效能大讨论活动学习心
• 【最新推荐】学习《中国共产党党内法规制定条例》
• 2011MATLAB模拟题