网页制作项目实训教程项目1网页设计制作入门项目2制作包含图片与超链接的网页项目3使用表格排版网页项目4制作包含表单的网页项目5制作框架网页项目6使用CSS美化网页效果项目7使用Div+CSS制作网页全套可编辑PPT课件本课件是可编辑的正常PPT课件
项目1网页设计制作入门由浅入深简章易懂贴近实际WANGYEZHIZUOXIANGMUSHIXUNJIAOCHENG《网页制作项目实训教程》本课件是可编辑的正常PPT课件
CONTENTS任务1使用DWCS6创建第一个网页任务2制作文本网页任务3制作包含列表的网页本课件是可编辑的正常PPT课件
任务1使用DWCS6创建第一个网页本任务可以分解为2个活动：创建与修改站点；制作第一个网页文档。本课件是可编辑的正常PPT课件
活动1创建与修改站点1-11、创建一个名称为“项目1”的本地站点，站点文件夹为D盘。2、修改“项目1”站点文件夹为桌面上的“Task1-1”文件夹。活动要求本课件是可编辑的正常PPT课件
活动1创建与修改站点1-1启动DreamweaverCS6软件（1）双击桌面上的DreamweaverCS6图标，启动软件，如下图所示。知识窗欢迎界面本课件是可编辑的正常PPT课件
活动1创建与修改站点1-1（2）在“欢迎界面”中单击“新建”栏下的“HTML”按钮，新建一个HTML网页文件，进入新的窗口界面，如下图所示。文档标签菜单栏文档工具栏文档窗口工作区切换器标签选择器属性面板状态栏面板组本课件是可编辑的正常PPT课件
活动1创建与修改站点1-1详细操作步骤请参阅教材。活动实施主要是熟悉DreamweaverCS6的软件界面，通过活动实施过程，熟悉站点的创建与修改操作，并能理解站点的作用。活动评价本课件是可编辑的正常PPT课件
活动2制作第一个网页文档1-2新建一个网页文件，输入两行文字，并将网页文件以“task1-1-2.html”为文件名保存到“项目1”站点根目录下。效果如下图所示。活动要求本课件是可编辑的正常PPT课件
活动2制作第一个网页文档1-21、DreamweaverCS6的三种编辑模式DreamweaverCS6有三种编辑模式，分别是：代码、拆分、设计，如下图所示。知识窗三种编辑模式切换按钮本课件是可编辑的正常PPT课件
活动2制作第一个网页文档1-22、网页的基本结构网页的基本结构由三部分组成：声明、头部、主体，如下图所示。本课件是可编辑的正常PPT课件
活动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：定义网页文档的主体。本课件是可编辑的正常PPT课件
活动2制作第一个网页文档1-2详细操作步骤请参阅教材。活动实施使用DreamweaverCS6制作第一个网页并成功在浏览器中看查运行结果，通过操作掌握DreamweaverCS6网页制作的基本操作，包含网页文件的新建与保存、网页标题修改及内容的添加、如何在浏览器中运行网页结果等。活动评价本课件是可编辑的正常PPT课件
任务2制作文本网页本任务可以分解为2个活动：使用标题、段落等文本网页标签制作诗词赏析页面；使用特殊字符对页面进行简单排版操作。本课件是可编辑的正常PPT课件
活动1制作诗词赏析页面2-1如下图所示，完成诗词赏析页面的制作，完成后以“task1-2.html”为文件名保存。活动要求本课件是可编辑的正常PPT课件
活动1制作诗词赏析页面2-11、标题标签标题标签表示一段文字的标题，共划分六级标题h1…h6，从1级到6级，逐级字体减小。如下图所示。在DreamweaverCS6中，