HTML基础：网页版面布局与图文混排实战

版权申诉

145 浏览量更新于2024-07-01 收藏 3.65MB PDF 举报

在网页设计与制作的第1期单元2中，主要内容聚焦于HTML静态网页版面设置。这个单元的教学目标明确，旨在帮助学习者掌握HTML的基本知识和技能，以便创建专业且具有吸引力的网页。首先，知识目标涵盖了以下几个关键点： 1. **HTML文档结构**：学习者需要理解HTML文档的基本结构，包括`<!DOCTYPE>`声明、`<html>`标签等，这是构建任何网页的基础。 2. **基本标签与特殊字符**：理解常用标签如`<p>`（段落）、`<img>`（图像）、`<br>`（换行）等，并学会正确使用特殊字符，确保文本格式的正确显示。 3. **列表标签**：掌握无序列表`<ul>`和有序列表`<ol>`的使用，以及项目符号或编号的设置。 4. **表格定义与属性**：了解`<table>`、`<tr>`（行）、`<td>`（单元格）等标签的用法，以及如何设置表格边框、间距等属性。 5. **超级链接标签**：理解`<a>`标签的使用，区分相对路径和绝对路径，学会设置内部链接和外部链接。技能目标方面，学习者需具备以下能力： 1. **图文混排**：能运用HTML和CSS结合，实现文本和图片的协调布局，使网页更具吸引力。 2. **页面布局**：利用表格和列表进行网页布局，确保内容清晰、层次分明。 3. **超级链接设置**：熟练地为网页内容添加链接，实现导航功能。具体到实践任务，学习者将通过完成以下步骤来实现书法家庄辉先生的个人简介网页： 1. **文字段落与图片设定**：学习如何插入和格式化文字和图片，形成有吸引力的图文组合。 2. **网页布局**：使用HTML和表格/列表进行页面布局，保证各部分井然有序。 3. **超级链接设置**：给各个页面设置合适的链接，实现页面间的跳转。通过学习，学生不仅能够创建庄辉先生的个人简介页面，还能扩展至展示楷书、行书、行草、篆书和国画作品的专门页面。在整个过程中，重点是理解HTML的核心作用，以及如何通过代码实现网页设计中的视觉呈现和功能性需求。

努力搬砖的小王

粉丝: 46
资源: 7705

HTML基础：网页版面布局与图文混排实战

网页设计与制作-1期 单元2网页版面设置单元设计.pdf

静态网页设计说明书.pdf

购书静态网页设计与实现，原生HTML+CSS+Javascript实现！

网页设计 制作静态网页

静态网页设计-----杨柳青木版年画

网页设计 制作静态网页代码

集成电路静态时序分析与建模.pdf

html和css静态网页制作

静态网页设计html+css

简单制作html静态网页

最新资源

网页设计与制作-1期单元2网页版面设置单元设计.pdf

网页设计制作静态网页

网页设计制作静态网页代码