项目实战第一天dreamweaver课件

主讲：李静

邮箱：轻松学习dreamweaverDreamweaver概述Dreamweaver是集网页设计和网站管理于一体的所见所得的网页编辑器Dreamweaver有友好的工作界面Dreamweaver增强了其原有的模板功能支持ASP、PHP、JSP程序网页设计基础什么是网页？（文字+图片+超链接）什么是网站？（所有网页的综合）网站开发流程定义站点：明确建站目的建立网站的结构：绘制流程图首页的设计和制作其他页面的设计制作测试发布和维护课程安排第一天：常用面板和链接的应用、模板的制作第二、三天：网站案例项目一(企业型网站)第四、五、六课：网站案例项目二(电商型网站)第七、八天：网站案例项目三(炫酷型网站)，域名申请、网站上传与维护学习要求上课认真听讲下课及时练习有什么问题积极提问上网浏览好的作品站点形式上的几种错误太多的修饰(动画、音乐、字幕…)使下载时间过长。各种图片、背景混乱，颜色不协调，使网页难以阅读。导航控制混乱，访问不方便第一天常用面板和链接的应用、模板的制作学习要点熟悉三块常用面板创建本地站点表格的使用及各种设置链接的应用使用div+css制作单页常用面板三块常用面板：插入对象面板属性面板源代码编辑器创建本地站点创建本地站点在开始使用DW之前，应该先在本地计算机磁盘根目录下创建站点文件夹，然后告诉DW该文件夹所在的位置。表格的使用及各种设置在插入面板中选择表格,填上行、列的参数。属性面板：用来修改和编辑你所插入的表格。编辑单元格的属性：宽度、高度、对齐方式背景：背景图片：单元格背景图片和表格背景图片背景色：单元格背景和表格背景给表格添加/合并横栏或纵列删除横栏或纵列表格的嵌套在表格中插入图片和文字选择插入|常用|中图片的图标。浏览、选择要插入的图片如果该图片不在站点内，则在弹出的提示框中选择：将图片复制到站点。图片的格式JPG：颜色丰富，适用于颜色细腻、色彩变化多的图片，如风景及人物照片。GIF：可做背景透明，有动画效果。在表格中插入文字页面中光标闪动的地方，即可输入文字。在属性面板中，选择字体、大小等设置。绝对路径与相对路径绝对路径：绝对路径提供链接文档的完整URL，包括使用的协议（对于网页通常是http://）。例如，就是一个绝对路径。文档相对路径：在当前文档与链接的文档在同一文件夹中且很可能长久保留在一起时，应使用文档相对链接。链接普通文本链接翻转图片链接图片的热点链接锚点链接创建锚点：要链接到文档的哪个位置，就把锚插到哪个位置。给锚命名（同一页面中不可重名）链接到锚点模板和库的应用学习要点模板的应用库的应用模板的概念在Dreamweaver中创建的（.dwt）文档可以将模板用作创建其它文档的基础。使用模板可以批量化生产大量网页。创建模板将现有文档存为模板选择文件|另存为模板设置完成后，点按保存。此时，查看站点，可在站点树层结构中看到自动生成的模板文件夹，及里面的.dwt

模板文件。定义模板的可编辑区选择可编辑区的文字、图片、表格或div点击插入|模板|可编辑区域在弹出对话框中输入名字。调用模板，生成新的文档可用两种方法调用模板选择文件|新建|模板打开资源里的模板面板，将要调用的模板拖放到新建的文档中。此时，正在应用模板的文件除可编辑区域外，任何地方都不能被修改。完成该文件的编辑后，保存到当前站点。编辑模板修改模板，并更新所有应用过模板的页面在站点内打开模板，修改后保存在弹出对话框中选择更新。这样，凡是应用过该模板的页面就自动完成了更新将应用了模板的文件与模板分离选择修改>模板>从模板中分离库文件库部件的作用同一站点内的网页需要有统一的头部和脚注，为了提高工作效率，避免不必要的重复劳动，可以使用库部件来存储头部和脚注。修改某个库部件，所有使用过该部件的网页可以自动更新。课下练习利用模板创建一个站点，做首页和几个二级页面，里面包含库文件。第二、三天网站案例项目一(企业型网站)学习要点将现有效果图用DIV+CSS切成页面,并用模板做成一个完整的站点。第四、五、六天网站案例项目二(电商型网站)学习要点将现有效果图用DIV+CSS切成页面,并用模板做成一个完整的站点。