北邮Web课程：HTML基础与网页设计要点

需积分: 10 149 浏览量更新于2024-07-18 收藏 6.98MB PDF 举报

“北京邮电大学web第2章ppt”是一份关于Web基础的教育资料，重点介绍了HTML的基本概念和网页设计原则。在Web开发中，HTML（HyperText Markup Language）是构建网页的基础语言，它定义了网页的结构和内容。这份课件由北京邮电大学软件工程学院的李晶老师提供，旨在帮助学生掌握网页设计的基本知识。第二章的内容主要分为以下几个方面： 1. **网站设计原则**：首先，强调了理解受众的重要性。用户通常不会完整阅读网页，因此应遵循“少即是多”的原则，保持句子简短，方便快速理解。此外，良好的导航结构是必要的，确保用户能轻松在网站中穿梭。考虑到下载速度，网页应设计得加载快速，以提高用户体验。同时，提供让用户发表意见的渠道，可以收集反馈并改进网站。 2. **用户环境因素**：网页设计还应考虑用户使用的显示器、浏览器和插件。不同的显示器分辨率会影响显示效果，而不同浏览器对HTML的支持程度也有所差异，可能会影响网页的显示。某些网页元素可能需要特定插件支持，因此需考虑兼容性问题，尤其是对残疾人士的辅助功能支持。 3. **参考资料**：课件推荐了一些实用的学习资源，如W3School的标签查询手册和在线测试工具，以及DreamWeaver、记事本和FrontPage等代码编辑工具，这些工具可以帮助初学者实践和理解HTML。 4. **HTML主要内容**：课件详细介绍了HTML的各种标签，包括： - **网页结构类标签**：如`<html>`、`<head>`和`<body>`，它们定义了网页的整体结构。 - **段落类标签**：如`<p>`，用于创建段落。 - **列表类标签**：包括无序列表`<ul>`、有序列表`<ol>`和定义列表`<dl>`。 - **格式化类标签**：如`<b>`、`<i>`、`<u>`等，用于加粗、斜体和下划线等。 - **超链接类标签**：`<a>`用于创建链接。 - **图像类标签**：`<img>`用于插入图片。 - **表格类标签**：`<table>`、`<tr>`、`<td>`等，用于创建表格。 - **表单类标签**：如`<form>`、`<input>`、`<textarea>`等，用于创建交互式表单。 - **插入滚动内容标签**：如`<marquee>`。 - **设置背景音乐的标签**：`<audio>`。 - **插入多媒体标签**：支持音频、视频等多媒体内容。 - **框架类标签**：`<frameset>`和`<frame>`，用于创建多窗口布局。 5. **HTML实例**：通过一个简单的HTML实例`<html><body><h1>MyFirstHeading</h1><p>My first paragraph.</p></body></html>`，讲解了如何创建一个基本的HTML文件，并提示学生将其保存为`firstHtml.html`，用浏览器打开以查看效果。这份资料对于初学者来说是一份非常有价值的教育资源，涵盖了HTML的基础知识和网页设计的核心理念，有助于快速入门Web开发。通过实践和学习这些内容，学生可以逐步构建自己的网页并掌握网页设计的基本技巧。