站设计与开发案例教程-电子教案-雷运发第2章节使用Dreamweaver制作个人网站.pptVIP

2.4 拓展知识 2.4.1 HTML的相关知识 1.文件结构 2.4 拓展知识 2.4.1 HTML的相关知识 1.文件结构 （1）HTML标签以标志 （2）HTML标签通常是成对出现的，例如文档的主体body/body。“/”就是打开标签和关闭标签的区别。个别标签是不需要结束标志的，例如换行br。 （3）HTML代码编写时要有层次感，head/head和body/body标签包括在html/html里，在书写时往内推进一个tab键，依次类推。这样书写的目地是使代码更加清晰。 （4）HTML不区分大小写 2.4 拓展知识 2.4.1 HTML的相关知识 1.HTML的其他标签 （1）HTML 标题:h1Hheading/h1 （2）HTML段落：pParagraph./p （3）HTML水平线：hr/ （4）HTML注释：!-- This is a comment -- （5）meta标签：meta http-equiv=Content-Type content=text/html; charset=utf-8 / （6）文字标签：font/font 2.4 拓展知识 2.4.2 使用DIV元素 1.插入DIV标签 2.AP DIV的插入 2.4 拓展知识 2.4.3 模板与库 1.模板 （1）直接创建模板 （2）将网页转存为模板 （3）从新建文件中创建模板 2.库 模板用来制作不同网页的相同部分，库则是面向网页局部相同部分的。 本章小结 Dreamweaver工作界面部分要求掌握一些常用的菜单、工具以及界面的构成。 站点建立部分旨在要求读者掌握管理个人网站的网页、素材等，为制作网站服务。 网页文档的基本操作部分主要掌握新建、保存、打开、关闭网页文档的方法。 在网页基本元素的插入中，需要重点掌握如何插入布局，包括表格布局、框架布局以及CSS布局。对于文本、图像以及其他媒体的插入是网页制作的基本常识，并要求重点掌握超级链接的创建方法，包括文本超级链接、图像超级链接、电子邮件超级链接等。 习题 思考题 1．网站制作的基本流程怎样的？ 2．网页布局有哪几种形式，并阐述其优劣？ 3．用Dreamweaver CS4创建站点的流程如何？ 4．超级链接有哪几种类型？ 5．创建层的方法有哪些？ 习题 操作题： 1. 创建一个个人网站站点，存放在E盘或F盘，文件夹名为自己的学号。 2. 制作个人网站，要求有主页和内页，内页不少于3个。 尚辅网 / 第2章 使用 Dreamweaver 制作个人网站 学习目标： 1) 了解Dreamweaver的工作界面，掌握创建及管理一个站点的方法。 2) 掌握网页文档的创建、保存、关闭等基本操作。 3) 掌握插入普通文本、特殊文本、图像、表格等网页基本元素的方法，能创建文本、图像、锚点等超级链接。 4) 理解CSS规则，能创建简单的CSS样式表。 5) 了解常用的增添网页特效的行为、DIV的基础常识。 2.1 需求分析 个人网站的栏目因个人兴趣爱好所致各有不同，可根据主题需要，确定网站栏目和主色调。 本实例需要实现的功能模块包括个人简介（用以介绍个人基本信息）、个人相册（用以呈现家庭、朋友及个人的温馨照片）、摄影作品（用以呈现个人感兴趣的摄影作品）、其他作品（包括网站作品、平面作品、DV作品等）、请您留言（可以让浏览者在此提出一些建议或意见等）和在线聊天（提供给用户交流的一个平台） 2.2 任务分解 2.2.1网站制作工具Dreamweaver CS4的熟练操作 2.2.2站点的规划与创建 2.2.3网页文档的基本操作 2.2.4网页基本元素的插入 2.2.5创建网页超链接 2.2.6使用CSS美化网页 2.2.7使用行为增添网页特效 2.2.1 任务一：Dreamweaver CS4简介 菜单栏 工具栏 文档编辑区 属性面板 状态栏 插入面板 2.2.2 任务二：站点的规划与创建 1. 站点规划 2.2.2 任务二：站点的规划与创建 2. 站点创建 2.2.2 任务二：站点的规划与创建 2. 站点创建 2.2.2 任务二：站点的规划与创建 2. 站点创建 2.2.3任务三：网页文档的基本操作 1.新建个人网站网页文档 （1）在“页面类型”一栏的选项里，静态网页选择“HTML”，动态网页则选择相应的页面类型。 （2）如果希望网页文档不包含任务CSS布局，选择“无”；否则，从“布局”列表中选择预设的CSS布局。 （3）如果在“布局”列表中选择了一个布局，则在“布局CSS位置”中需要为其选择一个位置。 （4）“首选参数”项可以设置文档的默认首选参数，例如文档类型、编码类型和文件扩展名等。 2.2.3任务三：网页文档的基本操作