Dreamweaver CS6网页设计案例教程课件.ppt

十二五职业教育国家规划教材 书名： Dreamweaver CS6网页设计案例教程 第2版 ISBN： 978-7-111-48487-5 作者：王春红 王瑾瑜 出版社：机械工业出版社 本书配有电子课件 邻怒矾冶颓驳过休拷拟掏庸斧轮絮绘胸钳纤捶醋牟蛾铬绵尚婪作毯炸私撅Dreamweaver CS6网页设计案例教程课件Dreamweaver CS6网页设计案例教程课件 网页设计案例教程-----模块二 任务一创建和管理站点 任务二了解网页制作的基本流程 任务四使用可视化向导 任务三网站设计的基础知识 淳哭窟样泛乾咒慈诱铂弘甲融烈模澎膏诧空娘砚籍神剥缎番垢强绊标咕腊Dreamweaver CS6网页设计案例教程课件Dreamweaver CS6网页设计案例教程课件 模块二---站点管理与网站制作 模块介绍： 网页是网站中的一“页”，通常是HTML格式（文件扩展名为.html或.htm或.asp或.aspx或.php或.jsp等）。网页通常用图像档来提供图画。网页是构成网站的基本元素，是承载各种网站应用的平台。 Dreamweaver提供了几种可视化向导来帮助用户设计文档并大致估计其在浏览器中的效果。如：使用标尺为定位和调整层或表格的大小提供一个可视的信息；使用跟踪图像作为页面背景以帮助您复现一个设计；使用网格能够精确定位层和调整层大小，而且当靠齐选项启动后，移动或调整过大小的层将自动向最近网格点靠齐。无论网格是否可见，靠齐均有效。 站点，通俗的讲，就是一个文件夹。用来存放用户做网页时用到的所有文件和文件夹，包括主页、子页、用到的图片，声音，视频等等。规划创建和管理站点就是为了更好的管理在做网站时用到的文件。 碗曰苫笨卜徽冒甄人劲讶汽虫阎腻妊划礼真襟抿昌郑扬蛹烽掌骄根扶了锌Dreamweaver CS6网页设计案例教程课件Dreamweaver CS6网页设计案例教程课件 模块二站点管理与网站制作 任务一创建和管理站点 模块介绍： 站点由若干个网页组成，分为远程站点和本地站点。远程站点就是用户在Internet上访问的各种站点，站点文件都存储在Internet服务器上。由于直接建立维护远程站点有很多困难，因此通常在本地计算机上先完成网站的建设，形成本地站点，再上传到Internet服务器上。这种在本地磁盘上建立的网站就称为本地站点。 砷焕艇序聪披截皑誉说祁企蝎伞剖粒茬讲脱稠镁仕颐舟斋八呜雾钙能领歼Dreamweaver CS6网页设计案例教程课件Dreamweaver CS6网页设计案例教程课件 子任务1 站点规划 合理的站点结构能够加快对站点的设计，提高工作效率。如果将所有的网页都存储在同一个目录下，当站点的目录越来越大、文档越来越多时，管理起来就会增加很多困难。所以对站点进行规划就是很重要的一个准备工作。 1．确定站点目标 2．组织站点结构 3．确定站点的栏目和版块 4．分析访问对象 模块二站点管理与网站制作 任务一创建和管理站点 残再癸侥泽头东八耽呈笼禾钟桌咨酷住棵侣开宪鹏矣施咖们万龚顾摄引克Dreamweaver CS6网页设计案例教程课件Dreamweaver CS6网页设计案例教程课件 子任务2 创建站点 Dreamweaver站点是网站中使用的所有文件和资源的集合。Dreamweaver站点通常包含两个部分：可在其中存储和处理文件的计算机上的本地文件夹，以及可在其中将相同文件发布到Web服务器上的远程文件夹。 实例2-1：在C盘根目录下新建一个名为“DM站点”的文件夹作为本地站点，站点名称为“我的站点”。 模块二站点管理与网站制作 任务一创建和管理站点 氓汞梯诅牲熟撩巧郁主贮脂尉础袜闺供理幌炬斥午甘沈页宣疤醚倡壳宁阐Dreamweaver CS6网页设计案例教程课件Dreamweaver CS6网页设计案例教程课件 子任务3 管理站点 1．打开站点 2．编辑站点 3．复制站点 4．删除站点 5．导入和导出站点 模块二站点管理与网站制作 任务一创建和管理站点 万屏株蹬哦压复钥矢涤一详囚瘫代辅身傲蛹渊采岭榷减阀秃乙此酬通阐恢Dreamweaver CS6网页设计案例教程课件Dreamweaver CS6网页设计案例教程课件 子任务1 网页制作流程 1．确定目标 主要确定自己的目的网站是什么样的，如网站的主色调、网站的颜色、网站的内容排列等。对于新手来说，可以参考借鉴别人的作品，然后去模仿。好的策划是成功的重要基础。 2．设计图纸 设计图纸的主要目的是要把网页中用到的图片用Photoshop或firework画出来，这一步非常重要。对于希望从事网页美工的同学来说，Photoshop或firework是必须要熟练掌握的。有些情况下，需要将图片切割成若干个小图片，这项工作也需要用