网页设计与制作项目教程（微课版）全套PPT课件.pptx

单元1网页赏析、创建站点与浏览网页单元1网页赏析、创建站点与浏览网页.pptx单元2网站项目开发环境搭建.pptx单元3图文混排网页的制作.pptx单元4表格与表格布局网页的制作.pptx单元5包含flash元素和超级链接的网页制作.pptx单元6表单网页的制作.pptx单元7CSS布局与网页美化.pptx单元8网站首页的设计与制作.pptx单元9网站列表页的设计与制作.pptx单元10网站详情页的设计与制作.pptx

【任务1.1】创建北京大学网站站点并浏览网页【任务1.1.1】分析北京大学站点的目录结构〖任务描述〗1.利用提供的资源，分析北京大学站点的目录结构和组成元素。2.了解网站与网页的相关概念。

〖任务实施〗图1-28分析北京大学站点的目录结构网页设计与制作项目教程第一单元

【任务1.1】创建北京大学网站站点并浏览网页【任务1.1.2】赏析北京大学网站的首页、列表页和详情页〖任务描述〗1.利用百度网站搜索“北京大学”及有关学校的网站，通过赏析这些页站的首页（index.html）、列表页（list.html）_二级页面和详情页（content.html）_三级页面认识浏览器窗口的基本组成、认识网页的基本组成元素、认识网页的布局结构。2.通过经典页面的赏析，对网页的构成形成初步印象。3.通过分析网页了解网页的相关概念和术语。4.从所浏览的网站中筛选出两个优秀的网站，书写网页赏析报告。网页设计与制作项目教程第一单元

【任务1.1】创建北京大学网站站点并浏览网页【任务1.1.2】赏析北京大学网站的首页、列表页和详情页〖任务实施〗图1-29北京大学网站首页（index.html）图1-30北京大学网站列表页（list.html）图1-31北京大学网站详情页（content.html）网页设计与制作项目教程第一单元

【任务1.1】创建北京大学网站站点并浏览网页【任务1.1.3】创建北京大学网站的本地站点〖任务实施〗〖任务描述〗创建一个名为“北京大学”的本地站点。如图1-32所示。图1-32北京大学本地站点包含的文件及内容任务实施步骤参见本单元【预备知识】中“使用Dreamweaver的向导创建本地站点”方法。建议使用“记事本”、手写代码的方法书写网页和创建站点。注意：在实际工作中站点、文件夹和网页文件名称不能以中文命名。网页设计与制作项目教程第一单元

【任务1.1】创建北京大学网站站点并浏览网页【任务1.1.4】认识Dreamweaver的工作界面〖任务实施〗〖任务描述〗1.认识Dreamweaver的标题栏2.认识Dreamweaver的菜单栏3.认识Dreamweaver的【文档】工具栏4.认识Dreamweaver的【标准】工具栏5.认识Dreamweaver的“文档”窗口6.认识Dreamweaver的“插入”面板1.了解Dreamweaver工作界面的基本组成。2.了解【文件】面板的组成。3.了解Dreamweaver工作界面各个组成部分的主要功能。图1-33Dreamweaver的工作界面7.认识Dreamweaver的【属性】面板8.认识Dreamweaver的面板组9.认识Dreamweaver的【文件】面板10.认识Dreamweaver的标签选择器网页设计与制作项目教程第一单元

【任务1.1】创建北京大学网站站点并浏览网页【任务1.1.5】打开与保存网页文档index.html〖任务实施〗〖任务描述〗1.打开网页文档index.html2.浏览网页3.保存网页文档4.关闭网页文档1.启动Dreamweaver，打开一个网页文档index.html2.浏览网页index.html3.保存对网页index.html的修改4.关闭网页index.html网页设计与制作项目教程第一单元

【任务1.1】创建北京大学网站站点并浏览网页【任务1.1.6】在浏览器中浏览网页index.html〖任务实施〗〖任务描述〗1.认识浏览器窗口的基本组成。2.认识网页的基本组成元素。（1）文本（2）图像（3）动画（4）超级链接（5）导航栏（6）表单（7）网站的Logo（8）视频（9）其它元素3.认识网页的布局结构。1.认识浏览器窗口的基本组成。2.认识网页的基本组成元素。3.认识网页的布局结构。网页设计与制作项目教程第一单元

谢谢!

单元2网站项目开发环境搭建

【任务2.1】北京大学网站项目开发环境搭建网页设计与制作项目教程第二单元【任务2.1.1】认识手册（HTML手册-W3CSchool线下教程.chm）的使用界面〖任务描述〗