Dreamweaver教程:网页制作与HTML基础

需积分: 0 5 下载量 4 浏览量 更新于2024-08-14 收藏 1.74MB PPT 举报
本资源主要介绍了网页制作的基础知识,包括网页元素、网站结构、相关软件、网站开发流程以及HTML的基本概念和语法。 1. 网页制作基础 - WWW(World Wide Web)万维网是Internet的一种服务,让人们能够获取网络上的信息。 - 网站是由多个通过超链接相互连接的页面组成的一个整体。 - 网页是在浏览器上显示的单个页面,通常以HTML(HyperText Markup Language)文件格式呈现。 - 浏览器如IE(Internet Explorer)用于查看和交互这些网页。 2. 网页文件与相关软件 - 网页文件通常有.htm或.html扩展名。 - 图像文件如.jpg和.gif,动画文件如.swf,以及视频文件如.mpeg和.avi是网站中常见的媒体类型。 - 网页布局软件如Dreamweaver和FrontPage,图像处理软件如Fireworks和Photoshop,以及动画制作软件如Flash都是网页制作的重要工具。 3. 网站开发流程 - 开发流程包括规划、设计、开发、发布和维护等阶段。 4. HTML基础知识 - HTML是一种标记式语言,用于告诉浏览器如何显示内容,其标签通常是固定的。 - HTML语法规则包括:<标记>内容</标记>,以及带有属性的标记如<标记属性="属性值">内容</标记>。 - HTML文件以纯文本形式存储,扩展名通常是.htm或.html。 - 标记不区分大小写,可以嵌套但不能交叉,一行可写多个标记,但单词不能跨行。 - 换行、回车和多个空格在HTML中无效,换行通常使用<br>,换段使用<p>。 - 注释使用<!注释内容>进行添加。 5. HTML常用标记 - `<b>`用于创建粗体文本。 - `<font>`用于设置字体样式。 - `<p>`用于创建段落。 在这个任务中,学生将在前三个任务的基础上,学习如何添加水平线、日期以及首行缩进的空格等特殊网页元素。这涉及到对HTML的更深入理解,例如使用`<hr>`标签创建水平线,使用CSS(Cascading Style Sheets)添加日期和首行缩进等效果。在Dreamweaver这样的工具中,这些操作可以通过直观的界面进行,同时理解HTML代码有助于提升网页制作的灵活性和控制力。