1 / 12
文档名称:

网页设计与制作2.ppt

格式:ppt   大小:224KB   页数:12页
下载后只包含 1 个 PPT 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

网页设计与制作2.ppt

上传人:xd3225 2019/10/22 文件大小:224 KB

下载得到文件列表

网页设计与制作2.ppt

相关文档

文档介绍

文档介绍:通过本章学****应该掌握以下内容:Dreamweaver的安装和工作界面创建站点的方法管理站点的方法能够为站点添加网页导入文件到当前站点的方法基本文字处理和排版第2章Dreamweaver入门Dreamweaver8入门公司简介:Macromedia公司总部设立在美国加州旧金山,在全球50多个国家设有经营机构。Macromedia公司在全球拥有300万开发和设计用户以及广大的行业合作伙伴网络,其丰富的客户机软件被98%的Web应用开发人员所广泛使用,是企业、政府和教育市场客户的战略性IT提供商。 Macromedia公司的主要软件产品包括:MacromediaAuthorware、MacromediaColdFusion、MacromediaDirector、MacromediaDreamweaver、MacromediaFireworks、MacromediaFlash、MacromediaFlashPlayer、MacromediaFreeHand和MacromediaJRun等。1、Dreamweaver8的安装2、Dreamweaver8的工作界面(1)菜单栏(2)插入工具组(3)标准工具栏(4)工作界面(5)状态栏(6)属性面版(7)面版组(8)日志3、Dreamweaver8的视图作为一种所见即所得(WYSIWYG)的网页编辑软件,Dreamweaver自动在用户创建网页时生成底层的HTML代码,同时提供了很好的HTML代码编辑功能。使用工具栏中的视图切换按钮可以很方便地切换到代码视图,以便查看当前编辑网页的HTML源代码。定义站点1、理解Dreamwerver中的站点 制作网页需要标题图像、背景图像等图形文件以及音乐、文本等素材,在Dreamwerver中把网页制作需要的各种素材保存在同一目录中,把改文件夹指定为本地站点,则管理操作将变得非常方便。2、站点窗口在Dreamweaver8的编辑窗口,选择“站点|管理站点”菜单,可以打开站点窗口。3、定义新站点方法一: 站点|新建站点方法二: 站点|管理站点|,可以在文档窗口或站点窗口中单击“站点”菜单的“管理站点”命令,然后在弹出列表中选择当前已经定义过的站点名称。也可以使用键盘快捷键“F8”,此时将打开最后一次打开的站点窗口。,可以使用文档窗口或站点窗口中“管理站点”菜单的“复制站点”命令,打开“管理站点”对话框。选中要复制的站点名称,单击“复制”按钮即可对当前站点进行复制操作。,比如对站点进行修改站点名称、设置参数选项等编辑操作,可以使用上面的方法打开“管理站点”对话框,选中一个站点后单击“编辑”按钮,即可打开该站点的定义对话框进行站点编辑。,在弹出的“管理站点”对话框中,单击“删除”按钮就可以删除选中的站点。把源文件指定为本地站点下面介绍把特定文件夹指定为本地站点的方法。在Dreamweaver的文件面中可以管理并修改本地站点。并导入源文件。打开网页文档并填充内容1、在网页文档中填充内容 可以直接输入内容,但是如果内容较多那么可以从文字处理软件复制预先保存的内容,下面把记事本当中的保存的内容复制到网页中。2、换行并分开文段 把记事本中预先保存的内容复制到网页中时,不会分行、分段而是所有内容被连接到一起。网页内容较多时,必须换行、分段。这样才能容易阅读。一般情况下分段使用“Enter”键(Html代码为<p>),换行使用“Shift”+“Enter”键(Html代码为<br>)。更改文字大小和字体 如果要在Dreamweaver中更改选项文字的大小,则选择好文字后,在属性面版的大小中输入希望的文字大小即可。一般情况下文字的单位选择用“像素”或者“点”。如果以“点”为单位则根据浏览器的不同,文字大小可能会发生变化,但是以“像素”为单位,则在所有浏览器上都会显示同样大小的字体。使用“样式”来减少重复工作量提高速度。了解“样式”的重命名等知识。 保存并预览网页。确定网页是否按照预想的一样。 在Dreamweaver中添加基本字体Dreamweaver中只有几种基本的字体,因此需要注册一些经常使用的字体。下面把电脑中存在的字体添加到Dreamweaver的字体中。选择属性栏中“字体”下拉菜单中的“编辑字体列表”,在“字体列表”中选择“在以下列表中添加字体”,然后在“可用字体”栏中选择需要添加的字体,并添加到“选择的字体”栏目中,单击“确定”即可把字体添加到Dreamweaver的字体列表当中。使用自己自作的颜色更改文字颜色1、指定文字颜色单击属性面版中的“颜色”按钮,可以改变文本的颜色。弹出Dreamw