dreamweaver板书

《dreamweaver板书》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第一课：网页设计基础一、网站的概述1、网页与网站浏览网页时在浏览器中看到的一个个页面就是网页，而多个相关的网页的集合就构成了一个网站。举例：www.sohu.com(搜狐网)www.baidu.com(百度网)www.youku.com(优酷网)等等。2、浏览网页的工具-浏览器浏览器：用于打开显示网页的软件。最常见的是Windows系统自带的IE浏览器。还有火狐Firefox、360安全浏览器、遨游、腾讯TT等等。1）网址：用于定位某个网站某个页面的一串字符，通常是这种格式http://sports.sohu.com/nba.shtml2）主页：访问网站时

2、，默认打开的第一个页面就是主页也叫首页。3、认识网页的组成元素文本视频网页标题LOGO导航栏超级链接表单图片二、初识Dreamweaver1、制作网站的流程规划网站类型及主题à搜集资料素材à使用软件进行网页制作à测试及发布2、认识Dreamweaver是当前最流行、最方便的网页设计和网站开发工具软件。Dreamweaver：梦想编辑者。通过这个工具，实现编辑网页的梦。Dream：梦想-86-weaver：织布者，织工早期是Macromedia公司推出的“网页三剑客”之一。“网页三剑客”指的是Dreamweaver、Flash、Fireworks这三个软件，

3、它们这三个集合起来，就像江湖中最厉害的剑客一样，成为了网站开发中的专用利器。它集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别开发的可视化网页开发工具，前两年Macromedia公司被Adobe公司收购，DMCS5是最新推出的版本。【操作演示】启动Dreamweaver实例：制作一个简单页面(两种方法对照)三、Dreamweaver的用户界面状态栏浮动面板文档工具栏文档编辑窗口属性面板插入面板菜单栏提高：工作窗口的设置、保存、恢复【操作演示】关闭Dreamweaver四、网页文件的基本操作基本网页的文件类型为HTML文档，

4、保存的文件扩展名为“.html”1.创建网页文档（HTML文档）•文件→新建→新建文档→常规→类别→基本页2.保存指定文件（编辑中的文件如果文件名后面带有“*”号，表示未保存）•文件→保存（或Ctrl+S)•文件→另存为•文件→保存全部注意：1、网页文件要用英文或数字进行命名，莫用中文。2、基本网页的扩展名为.html3.打开已建的HTML文档•文件→打开-86-•右击文件，选择Dreamweaver打开。•拖动到Dreamweaver1.关闭文件•文件→关闭还未保存的网页（*），关闭时会提示你是否保存。其他操作：1）多个编辑文件的切换选择2）预览编辑中的

5、网页(快捷键F12)命名时一般用英文或者数字五、设置网页外观属性网页标题、页面默认字体、默认字体大小、背景颜色、背景图片、边距。5.外观属性设置六、创建站点1、什么是站点Dreamweaver的站点是一种管理网站中所有相关联文件的工具。通过站点可以对网站的相关页面及各类素材进行统一管理，还可以以使用站点管理实现将文件上传到网页服务器，测试网站。站点-86-简单的说就是一个文件夹。在这个文件夹里包含了网站中所有用到的文件。我们通过这个文件夹（站点），对我们的网站进行管理，有次序，一目了然。2、创建站点《我的足球网》站点根目录为D：//jcwww七、设置默认图

6、像文件夹（7.一定不能用中文如：images）八、管理站点（8.在窗口文件中双击可以打开文件进行编辑）1、在“文件”面板中实现以下操作§选择编辑网页文件§创建文件或文件夹§剪切、粘贴、复制、删除、重命名文件或文件夹2、站点管理§编辑站点§复制站点§删除站点第二课：制作网页的基本操作一、在网页中添加文本1）添加普通文本方法：A、直接输入（1）用鼠标单击网页编辑窗口中的空白区域，窗口中随即出现闪动的光标，标识输入文字的起始位置。（2）选择适当的输入法输入文字B、复制和粘贴C、从其他文件导入2）添加空格输入法切换到半角状态，按空格键只能输入一个空格。如果需要输入

7、多个连续的空格可以通过以下几种方法来实现：（1）菜单“插入记录”->HTML->特殊字符->不换行空格　（2）直接按“Ctrl+Shift+Space”组合键（3）设置软件首选参数-允许连续空格3）添加日期时间在文档的最后一行插入形式如“Friday,2006-07-149:47AM”所示的日期，且要求每次保存网页时自动更新日期。具体操作过程如下：　　（1）切换到“常用”插入工具栏。-86-　　（2）按Enter键，添加一空行，将光标放置在空行与正文对齐的最左端。（3）单击菜单【插入】→【日期】，或者单击“常用”插入栏的【日期】按钮，将弹出“插入日期”对话

8、框。（4）在“插入日期”对话框中，“星期格式”下拉表框中选取“Th