《网页制作项目实训教程》 课件 项目1 网页设计制作入门；项目2 制作包含图片与超链接的网页.pptx

项目1网页设计制作入门由浅入深简章易懂贴近实际WANGYEZHIZUOXIANGMUSHIXUNJIAOCHENG《网页制作项目实训教程》重庆大学出版社

CONTENTS任务1使用DWCS6创建第一个网页任务2制作文本网页任务3制作包含列表的网页

任务1使用DWCS6创建第一个网页本任务可以分解为2个活动：创建与修改站点；制作第一个网页文档。

活动1创建与修改站点1-11、创建一个名称为“项目1”的本地站点，站点文件夹为D盘。2、修改“项目1”站点文件夹为桌面上的“Task1-1”文件夹。活动要求

活动1创建与修改站点1-1启动DreamweaverCS6软件（1）双击桌面上的DreamweaverCS6图标，启动软件，如下图所示。知识窗欢迎界面

活动1创建与修改站点1-1（2）在“欢迎界面”中单击“新建”栏下的“HTML”按钮，新建一个HTML网页文件，进入新的窗口界面，如下图所示。文档标签菜单栏文档工具栏文档窗口工作区切换器标签选择器属性面板状态栏面板组

活动1创建与修改站点1-1详细操作步骤请参阅教材。活动实施主要是熟悉DreamweaverCS6的软件界面，通过活动实施过程，熟悉站点的创建与修改操作，并能理解站点的作用。活动评价

活动2制作第一个网页文档1-2新建一个网页文件，输入两行文字，并将网页文件以“task1-1-2.html”为文件名保存到“项目1”站点根目录下。效果如下图所示。活动要求

活动2制作第一个网页文档1-21、DreamweaverCS6的三种编辑模式DreamweaverCS6有三种编辑模式，分别是：代码、拆分、设计，如下图所示。知识窗三种编辑模式切换按钮

活动2制作第一个网页文档1-22、网页的基本结构网页的基本结构由三部分组成：声明、头部、主体，如下图所示。

活动2制作第一个网页文档1-2（1）网页文档类型声明使用!doctypehtml来声明网页的文档类型，用来告诉浏览器使用什么样的HTML或XHTML规范来解析网页，它存在于页面的第一行，不区分大小写。（2）网页的头部head/head：定义文档的头部。标签内包含meta、title等标签。meta/：提供有关页面的元信息（针对搜索引擎和更新频度的描述和关键词等），写在head/head标签内。①metacharset=UTF-8/：设置页面的编码格式UTF-8。②metaname=Authorcontent=/：告诉搜索引擎站点制作的作者。③metaname=Keywordscontent=/：告诉搜索引擎网站的关键字。④metaname=Descriptioncontent=/：告诉搜索引擎网站的内容。title/title：该标签用于定义文档的标题。写在head/head标签内。titleHTML笔记/title：网页标题为“HTML笔记”，在浏览器标题栏上显示。（3）网页的主体body/body：定义网页文档的主体。

活动2制作第一个网页文档1-2详细操作步骤请参阅教材。活动实施使用DreamweaverCS6制作第一个网页并成功在浏览器中看查运行结果，通过操作掌握DreamweaverCS6网页制作的基本操作，包含网页文件的新建与保存、网页标题修改及内容的添加、如何在浏览器中运行网页结果等。活动评价

任务2制作文本网页本任务可以分解为2个活动：使用标题、段落等文本网页标签制作诗词赏析页面；使用特殊字符对页面进行简单排版操作。

活动1制作诗词赏析页面2-1如下图所示，完成诗词赏析页面的制作，完成后以“task1-2.html”为文件名保存。活动要求

活动1制作诗词赏析页面2-11、标题标签标题标签表示一段文字的标题，共划分六级标题h1…h6，从1级到6级，逐级字体减小。如下图所示。在DreamweaverCS6中，单击“格式”-“段落格式”菜单命令，在打开的子菜单中选择“标题1”～“标题6”中的一个，或者在“属性”面板的“格式”下拉列表框中选择“标题1”～“标题6”中的一个，都可在网页中插入相对应的标题标签。知识窗

活动1制作诗词赏析页面2-12、段落与换行标签（1）段落标签在设计模式下，按回车键即可自动添加段落标签p/p。（2）换行标签在设计模式下，按Shift+回车键，即可添加换行标签br/。…p花篮的花儿香听我来唱一唱唱一唱/pp来到了南泥湾南泥湾好地方好地方/p……p花篮的花儿香br/听我来唱一唱唱一唱/pp来到了南泥湾br/南泥湾好地方好地方/p…

活动1制作诗词赏析页面2-1详细操作步骤请参阅教材。活动实施通过本次活动，掌握网页中文字的输入操作，并能力正确