《Dreamweaver CC网页设计与制作》课件全套 项目1--9网页制作基础知识---网页制作综合实训.pptxVIP

项目一

网页制作基础知识

目录

CONTENTS

①认识网页和DreamweaverCC

②管理及应用站点和文件

③制作每日鉴赏的文本网页

2

任务1

创认识网页和

DreamweaverCC

3

1.了解网页、网站的相关概念及DreamweaverCC的特点。

2.掌握网页元素、HTML文档的结构、HTML文档的实质和相关标签。

3.能启动DreamweaverCC,设置DreamweaverCC的工作界面。

4.能用DreamweaverCC新建并保存HTML文档，并用浏览器预览网页。

项目一网页制作基础知识

4

本任务是入门篇，通过本任务的学习，可以认识网页的实质、组成元

素及HTML文档的结构，熟悉DreamweaverCC的工作界面，掌握HTML文档的新建、编辑、保存和预览方法，熟悉HTML文档的相关标签。

项目一网页制作基础知识

5

一、网页制作的相关概念

1.网页

从形式上看，网页是在浏览器中看到的页面；从本质上说，网页是用

网页编辑器制作的HTML文档。

主页也称首页、默认页，是用浏览器访问网站时看到的第一个页面。

静态网页和动态网页是网页的两种基本类型，主要区别在于内容及交互性。

项目一网页制作基础知识

6

(1)静态网页

静态网页的内容是固定的，通常以HTML文件的形式存在，不包含后

台数据库和程序，因此，网页的交互性较差。

(2)动态网页

动态网页的内容可以根据用户的需求动态生成，通常通过服务器上的

应用程序来实现，具有更强的交互性，能支持用户登录、数据检索等功能。

其优点是交互性强，可以实时更新内容，提供更加丰富和个性化的用户体验。

项目一网页制作基础知识

7

2.网站

网站是为了方便用户浏览需要，按照相互关系把一个个网页链接起来

形成的有组织的网页的集合。

项目一网页制作基础知识

8

二、DreamweaverCC简介

Dreamweaver简称DW,其最新版本为DreamweaverCC2024,是由

Adobe公司推出的集网页制作和网站管理于一身的“所见即所得”的专业软件，是网页制作“三剑客”之一。它支持用代码视图、拆分视图、设计视图、实时视图等多种视图方式创建和修改网页，用户无须编写任何代码就能快速创建网页。

项目一网页制作基础知识

9

三、HTML文档的结构

HTML的英文全称为hypertextmarkuplanguage,即超文本标记语言，

是一种用于创建网页的标记语言。用HTML创建的文档的扩展名一般为.html、.htm或.shtml。

新建的空白HTML文档，其基本结构包括HTML文档的声明、HTML

文档的开始、HTML文档的头部、HTML文档的主体、HTML文档的结束

共5个部分，如图所示。

项目一网页制作基础知识

HTML文档的基本结构

10

任务2

管理及应用站点和文件

11

1.了解网站的目录结构，掌握网页文件和站点目录的命名规则。

2.能用DreamweaverCC新建和管理站点。

3.能用DreamweaverCC的“文件”面板管理文件和文件夹。

项目一网页制作基础知识

12

本任务主要学习网页文件和文件夹的命名规则，使用DreamweaverCC

的菜单新建和管理站点，使用“文件”面板管理和应用站点、文件、文件夹的方法。

项目一网页制作基础知识

13

一、网页文件和文件夹的命名规则

1.文件命名规则

(1)文件名最好用英文字母、数字和下划线的组合构成，不包含汉字、空格和特殊字符，不以数字开头，应以英文、汉语拼音为主，并尽量用大家都能看懂的词汇。

项目一网页制作基础知识

14

(2)文件的命名要以最少的字母实现顾名知义的效果，在文件夹中按文件名对文件排序时，同类文件能排在一起，以便于快速选取文件。

(3)静态的首页文件一般命名为“index.html”,包含程序代码的动态首页文件名一般为“index.asp”“index.jsp”或“index.php”。总之，扩展名与网页本身所使用的技术是一一对应的。

(4)比较长的文件名可以使用下划线隔开多个单词或关键字。

项目一网页制作基础知识

15

2.文件夹命名规则

(1)最好不要使用汉字命名文件夹，因为在使用UNIX或Linux作为操作系统的主机上，使用汉字命名时运行会出错。

(2)在大型网站中，分支页面的文件应存放在单独的文件夹中，每个分支中的图像也应存放在单独的文件夹中，存放网页图像的文件夹一般命名为