かのじょblog

制作flash

　　舞台与工作区
　　舞台：创作影片中各个帧的内容的区域，可以在其中绘制图像或安排导入的图像。
　　工作区：舞台外面的灰色区域，可以放置对象，最终作品中不显示工作区内的对象。
　　时间轴窗口
　　是组织动画不同图层和不同帧的窗口，移动时间轴上的播放头，动画中的内容就随着所在帧的不同而发生相应的变化，连续播放就产生了动画。
　　　　　　
　　库面板
　　用于存储和组织动画中的各种元件。包括：按钮、图形、影片剪辑、声音和从外部导入的位图等。
　　　　　　　　　　　　　　　　　

制作Flash动画的基本过程
　　创建一个电影>绘制或直接导入图形图像>使用时间线创建动画效果

　　1.在Flash中作图
　　直接使用软件提供的工具进行作图，并可随时编辑；也可以使用其他软件制作的图形图像

　　2.制作Flash动画
　　Flash制作的动画：传统的逐帧动画；补间动画

　　3.制作交互式Flash电影
　　交互性就是让浏览者能够参与到电影的执行过程去。
　
　　4.导出Flash
　　导出为Flash电影
　　制作电影>选择“文件”>“导出影片”命令或者按【Ctrl＋Alt＋Shift＋S】>“导出影片”对话框>选择保存路径>文件类型选择.swf格式>输入文件名>“保存”
　　制作可执行文件
　　可执行文件是在没有安装Flash播放器的情况下，浏览者也可以观看。
　　（1）选择“开始”菜单>“程序”菜单>选择安装Flash程序文件夹>子菜单选择“Macromedia Flash Player”文件夹>打开“Players”文件夹>双击“SAFlashPlayer.exe”文件
　　（2）选择“文件”菜单>“打开”命令>“Open”对话框单击“浏览”按钮>定位到目标文件>“打开”>“确定”>选择“文件”菜单>“创建播放器”命令>打开“另存为”对话框>输入文件名>“保存”。

 绘制图形工具介绍
　　 直线工具：选择后，在舞台上鼠标形状变为一个“＋”时，按鼠标左键拖动可以绘制任意角度和长度的直线，可以设置直线的颜色和粗细，当按住Shift键可绘制45度或45度整数倍的直线。
　　 椭圆工具：直接拖动绘制，按Shift键画正圆，可修改填充色和边框颜色。
　　 矩形工具：绘制矩形和圆角矩形，单击“圆角矩形半径”按钮，设置其值。
　　 钢笔工具：在舞台上单击创建第一个节点，其他位置单击创建第二个节点，单击后不放鼠标任意方向拖动鼠标，出现控制柄，调节控制柄的长度改变曲线的弯曲程度，释放鼠标曲线绘制完成。鼠标回到第一个节点单击鼠标左键路径被封闭。
　　 箭头工具：单击选择任意对象，按Shift键可以选取多个对象，也可以直接拖动出一个方框，被包围的区域即可选中对象。当箭头变为时拖动鼠标可以改变对象的曲率，当变为时拖动鼠标改变对象边角的位置。
　　 墨水瓶工具：改变绘制好图像的边框颜色。
　　 颜料桶工具：改变绘制好图像的填充颜色，有无、纯色、线性、放射状、位图填充几种方式。
　　 自由转换工具：选中对象后，出现8个控制柄，鼠标在不同的控制柄上分别出现双向箭头、圆弧箭头、左右相反箭头。双向箭头调节大小；圆弧箭头调节旋转角度；左右相反箭头调节倾斜方向。
　　精确调节使用“窗口”菜单种的“变形”命令，输入数值。
创建逐帧动画
　　逐帧动画就是通过更改每一帧中的舞台内存内容而获得动画效果，最适合于每一帧的图像都在改变的复杂动画。其缺点是耗费时间和精力，生成的文件偏大。
　　图层的概念
　　图层就像一摞透明的纸，每层都保持独立，其内容互不影响，可进行独立的操作，又可以合成一个完整的电影。对层可以进行新建、选定、删除、复制、锁定、显示或隐藏、重命名、调整层位置、位置层属性、层中的对象用轮廓显示等操作。　　
　　帧的概念
　　帧是不同时间点上显示的内容。
　　逐帧动画实例
　　单击“图层1”>选择第1帧>创建图像>单击同层中的下一帧>按【F6】插入关键帧>在舞台中改变帧的内容>重复插入关键帧并修改帧的内容>单击时间轴上的“插入图层”按钮新建层>绘制一个“花盆”>保存文件>测试动画

创建补间动画
　　补间动画就是在两个关键帧间建立渐变的一种动画。
　　原理：在第一个关键帧中设置元件实例、群组体或文字的属性，在第二个关键帧中修改对象的属性，从而在两帧间产生动画效果，可以修改的属性包括大小、颜色、旋转和倾斜、位置、透明度以及各种属性的组合。
　　补间动画实例（碰撞小球）
　　打开Flash>新建文件>属性检查器>尺寸300×200，背景“黑色”>选择图层1的第1帧>使用椭圆工具绘制一个正圆>去掉边框>选择颜料桶工具>选择“放射性”渐变>调色板上设置左滑块为“红色”，右滑块为“黑色”>舞台区按住【Shift】键的同时拖动鼠标绘制圆>单击“填充转换”>单击圆对象>调整使其成为立体球>适当调整小球在舞台中的位置>选择小球>右键菜单选择复制或【Ctrl＋C】>新建图层2>选择图层2的第1帧>右键菜单选择粘贴或按【Ctrl＋V】>“填充转换”调整颜色为“绿色”>选中绿色小球>“插入”菜单的“转换为元件”或按【F8】>输入名称>选择“图形”>在第10、20帧处插入关键帧>在第20帧改变小球的位置>红色小球同样操作但在第10帧改变小球的位置到绿色小球的旁边>在图层1的1到10帧间任意帧单击>“属性检查器”的“中间”选择移动或直接右键菜单的“创建动画”>图层2的10到20帧间创建动画>保存文件>测试动画
　　沿路径补间
　　打开上例文件>选择图层1>添加引导图层>锁定层1和层2>单击第1帧>绘制一条曲线>选择图层1的第1帧>把小球置于曲线的一端>选择第10帧，小球置于曲线的另一端>保存修改>测试动画
创建形状补间
　　形状补间就是在两个或两个以上的关键帧间对对象的属性进行渐变。
　　要求：生成补间形状动画的对象必须是“形状”，即直接用绘图工具绘制出来的对象，或将文字或元件实例选择“修改”菜单中的“分离”命令（【Ctrl＋B】）打散后分离成的形状。
　　形状补间实例（碰撞小球）
　　打开Flash>新建文件>属性检查器>尺寸300×200，背景“白色”>选择图层1的第1帧>使用椭圆工具绘制一个正圆>去掉边框>选择颜料桶工具>选择“放射性”渐变>调色板上设置左滑块为“红色”，右滑块为“黑色”>舞台区按住【Shift】键的同时拖动鼠标绘制圆>在第10帧处插入关键帧>在第10帧处删除小球>使用矩形工具绘制方形>在1到10帧间任意帧单击>“属性检查器”的“中间”选择“形状”>保存文件>测试动画
　　控制形状补间
　　打开上例文件>选择圆>选择“修改”菜单>“形状”的“添加形状提示”>调整形状提示点到适当位置>继续添加3个并调整位置>选择第10帧>分别调整4个提示点的位置>创建“形状”动画>保存修改>测试动画
交互动画
　　1.概述
　　通过使用Flash中所提供的“动作”面板为动画的帧或对象添加动作，可以获得使用行为生产的动画并能控制动画的播放效果。
　　ActionScript是在Flash中使用的一种教本语言，用户可以用此语言控制动画中的图形对象、建立交互导航、创建高效的交互式动画和Web应用。其编定的程序就是动作。
　　2.使用“动作”面板
　　使用对象“动作”面板
　　选择舞台上的特定对象，单击舞台工作区下方的“动作”面板，面板中的“动作”文字后会出现所选定对象的名称，此时打开的是对象“动作”面板。
　　使用帧“动作”面板
　　在时间轴窗口中选择需要添加行为的帧，单击舞台工作区下方的“动作”面板，打开帧“动作”面板。
　　3.动作编辑模式
　　标准模式
　　主要针对不属性ActionScript脚本语言的用户。此模式下，用户只需要知道要设置的动作，并在“动作工具箱”中双击此动作，将自动列车此动作的参数，用户只需设置参数即可。
　　专家模式
　　这样针对熟悉ActionScript脚本运用的用户。此模式下，所有的动作都是手工输入的，用户必须对函数的相关参数非常熟悉。
　　交互动画实例（动态时钟）
　　（1）新建文档>选择“文本工具”>“属性检查器”设置“文本类型”为“动态文本”>设置其他属性
　　（2）舞台上拖出“动态文本框”>“箭头”选择“动态文本框”>“属性检查器”设置“变量”为“time”
　　（3）选择“时间轴窗口”的第1帧>单击“动作”面板>打开“动作”面板
　　（4）单击“动作”目标>单击“变量”图标>打开此目录
　　（5）双击“set variable”命令或直接拖到脚本窗口
　　（6）参数列表区的“变量”文本框输入“time”>“值”文本框输入“new Date()”>选中“值”后的“表达式”选项
　　（7）第2帧上单击右键>选择“插入空白关键帧”命令
　　（8）双击“goto”命令>参数设置保持默认
　　（9）保存文档>测试影片

Comments Off

Fireworks应用

　　在网页制作过程中，使用图像处理软件进行WEB图像的创作和加工是必不可少的一个重要环节，Fireworks是一款专用的WEB图像处理软件，能完成各种各样的图像处理功能。本章介绍其在网页制作方面的应用。主要内容包括界面和基本操作、处理位图、制作Web特效和绘制图形。

4.1.1 界面
启动Fireworks MX之后，默认情况下并产、没有打开任何文档，按[Ctrl+N]键新建一个文档或按[Ctrl+O]键打开一个文档，此时它的界面如图所示。　
　　　　　

4.1.2 常用操作
　　1、新建文档
　　步骤如下
　　（1）选择菜单：文件-新建，会有如图所示界面出现。
　　（2）在打开的对话框中输入宽度和高度的设定数值，单位可以是像素、英寸、厘米。
　　（3）输入指定的分辨率。对于Web上的图像，通常分辨率设为“72像素/英寸”。
　　（4）选择画布颜色。
　　（5）单击“确定”按钮，新建好一文档。
　　　　　　　　　
　　2.改变图像大小
　　制作图像时，经常需要扩大或缩小图像以适应Web页面的要求。要改变图片的大小，可以选择菜单“修改”-“画布”-“图像大小”，弹出如图所示对话框，进行相应设置。
　　　　　　　　
　　3、改变画布设置
　　在进行图像编辑或创作时，有时需要修改画布的设置。可以选择菜单“修改”-“画布”-“画布大小”更改画布的大小。选择“画布颜色”更改画布的颜色。也可选择需要的旋转命令来旋转画布等。　　

　　4.以不同的模式显示图像（动画显示效果）
　　为了方便图像文档的编辑和各种图像效果预览，以及在优化图像时对比显示优化前后图像的品质和大小，Fireworks在图像文档窗口上提供了4种状态显示模式，如图所示：单击相应的标签则可以切换显示模式。
　　“原始”：只有在此显示模式下，才能进行各种图像编辑操作。
　　“预览”：在此显示模式下，可以预览目前所编辑的图像在网页中的效果。
　　“2幅”：也是一种预览模式，在此模式下可以同时显示两种图像优化效果，并在图像下方会显示优化后的图像格式及文档大小等信息。
　　“4幅”：作用与“2幅”类似，但可以同时显示4种优化后的效果。

　　5.将图象优化导出为GIF格式或JPEG格式
　　要将图像能够应用在网页上，通常需要将其导出为GIF格式或者JPEG格式。
　　要将图像优化导出为GIF格式，可以先打开需要优化为GIF格式的图像，然后选择菜单“窗口”-“优化”命令，打开“优化”面板，单击设置列表框，在弹出的列表框中选择一种预设的设置，也可以根据需要自行设定各选项。

Comments Off

Web图像基础

Web图像基础
3.1.1 矢量图与位图
　　1.矢量图
　 　矢量图形使用称为矢量的线条和曲线（包括颜色和位置信息）描述图像，此格式的文件通常比较小，与分辨率无关，进行处理后不影响品质。
　　2.位图
　　位图图形由排列成网格的称为像素的点组成，此格式的文件与分辨率有关，编辑图像后会更改外观品质。
3.1.2 常用Web图像格式
　　1.GIF格式
　　 一种专为Web图形设计的图像格式，有透明处理和交错处理两种特性，还支持动画效果。主要用于卡通画、素描作品、插图、带有大块纯色区域的图形、透明图形和简单动画等。
　　2.JPEG格式
　　 通用的静态图像压缩标准，随着图像文件的减小，图像的质量会降低，不支持透明处理和动画效果。用于连续色调的作品、数字化照片和扫描图像等。
　　3.PNG格式
　　 此格式的图像兼有GIF和JPEG两种格式的优点，能将图像文件压缩，利于网络传输，并支持Alpha通道。3.1.3 Web图像的处理流程
　　 创建图形图像>创建Web对象>优化图像>导出图像
3.1.4 Web图像使用要点
　　1.确保文件较小
　　（1）使图像具有所需的像素大小 　　　　　（2）采用正确的格式进行优化处理
　　2.控制图像的数量和质量
　　（1）设定图像的分辨率 　　　　　（2）选择优化图像的方法
　　3.合理使用动画
　　 设计合理，最多不超过3处，一两处即可。

在网页中使用图像
3.2.1 插入图像
　　定位光标>“插入栏”的“常用”中的“图像”按钮或选择“插入”菜单中的“图像”命令>“选择图像源”对话框>选择图像文件>“确定”
　　注：若选择的图像文件不在本站点中，则弹出对话框询问是否保存到本站点的根目录的图像文件夹，单击“是”，打开“拷贝文件为”对话框，保存图像文件，单击“保存”按钮即可。使用图像文件时，注意使用英文或含义拼音命名，不要使用空格。

3.2.2 修改图像属性　　　　

• 　“图像”，指定图像名称，适用于脚步程序
• 　“宽”和“高”，图像在浏览器窗口中显示尺寸大小，直接输入数值即可
• 　“源文件”，图像文件的地址，插入后自动生成
• 　“替代”，图像替换文字，在不显示图像时显示的文字，可以显示图像时，鼠标停留时则出现该文字
• 　“链接”，指定图像的超链接
• 　“目标”，指定超链接的目标框架
• 　“地图”，指定图像映射
• 　“垂直边距”、“水平边距”，图像与文字或其他信息的垂直间距与水平间距
• 　“低品质源”，制作一张低分辨率或单色的小图像代替大文件的图片，用于先下载，使其先被浏览
• 　“边框”，图像是否有边框
• 　 对齐按钮，指定图像在页面中的对齐方式：左对齐、右对齐、居中对齐
• 　“对齐”，图像与周围内容的对齐方式
• 　“编辑”和“重设大小”按钮，单击按钮，打开默认的图像处理软件Fireworks（假设已安装）进行处理；若已设“宽”和“高”，单击按钮，可恢复图像原来的尺寸。

3.2.3 图像与超链接
　　1.图像超链接
　　 单击插入的图像>“属性检查器”的“链接”文本框输入地址；或单击“浏览文件”按钮>“选择文件”对话框>选择目标文件>“确认”
　　2.图像映射
　　指在一幅图像中定义若干个区域（热点），每个区域指定一个不同的超链接。
　　步骤：
　　制作并插入图像>“属性检查器”的“矩形热点工具”按钮>图像中鼠标绘制一个热点>单击绘制热点>添加超链接文件地址>“替代”文本框输入热点替换文字>按【F12】在浏览器中预览

3.2.4 动态图像效果
　　1.制作鼠标经过图像
　　效果：鼠标经过图像时变为另一幅图像；鼠标离开时图像恢复为原始图像。
　　原理：使用两幅图像，首次载入时显示的是原始图像，鼠标过后显示的另外一幅图像。使用的两幅图像大小要相同。
　　步骤：
　　定位光标>“插入栏”的“常用”>“鼠标经过图像”按钮>“插入鼠标经过图像”对话框>“图像名称”文本框输入翻转图像名称>“原始图像”文本框的“浏览按钮”>选择图像>“确认”>“鼠标经过图像”选择图像>选中“预载鼠标经过图像”复选框>“替换文本”输入替换文字>输入超链接地址>“确定”>F12键浏览　
　 　
　　2.制作网站相册
　　网站相册：许多图片以相册的形式保存在一起，并以一定的比例缩小，然后用超链接链起来，单击小图片可以显示原图或放大的图像。创建此相册时要确保计算机上正确安装了Fireworks，然后在站点根目录下新建一个用于保存相册原始图片算文件夹，另外创建一个用于保存相册的目标文件夹，最后将图片保存在相册原始文件夹中。
　　步骤：
　　新建文档>“命令”菜单>“创建网站相册”>“创建网站相册”对话框>输入相册标题>“源图像文件夹”定位保存原始图片的文件夹>“目标文件夹”输入或选择目标文件夹>“缩略图大小”选择图像尺寸>“列”文本框输入每行显示图像的个数>“缩略图格式”设置小图像的显示格式>“相片格式”设置显示格式>“小数位数”设置显示比例>选中“为每张相片建立导览页面”复选框>“确定”>启动Fireworks>创建完成>自动创建出网站相册的文档>F12键浏览。

Comments Off

使用超链接

2.4 使用超链接把网页链起来
2.4.1 什么是超链接
　　1.什么是URL
　 　URL（Universal Resource Locator）指统一资源定位器，分3部分：一个协议代码，一个装有所需文件的计算机地址（或一个电子邮件地址等），具体的文件地址和文件名。协议表明应使用何种方法获得所需的信息，常用的包括：HTTP（超文本传输协议）、FTP（文件传输协议）、mailto（电子邮件协议）、news（新闻组协议）、telnet（远程登陆协议）等。使用例子：http://www.fengshujing.com、ftp://www.fengshujing.com/　　

         2.绝对URL
　　指Internet上资源的完整地址，包括完整的协议种类、计算机域名、包含路径的文档名。其形式为：协议：//计算机域名/文档 　 例如：http;//www.fengshujing.com/82.html
　　3.相对URL
　　指Internet上相对于当前页面（即正在访问的页面）的地址，包含从当前页面指向目的页面位置的路径。例如：public/example.htm表示当前页面所在目录下public子目录中的example.htm文档。
　　4.超连接的分类
　　 根据超链接目标文件的不同，可分为：页面超链接、锚点超链接、电子邮件超链接等；
　　 根据超链接单击对象的不同，可分为：文字超链接、图像超链接、图像映射等；

2.3.2 在Dreamweaver中设置超链接
　　1.页面超链接
　　指向其他网页文件的超链接
　　创建步骤：选中文本或图片>“属性检查器”的“链接”文本框输URL或单击“浏览文件”按钮>选择文件
　　注：超链接支持的文件格式：.htm、.jpg等；不支持的文件格式：.zip、.exe等，不支持的文件格式将不会被浏览器打开，将会要求你下载到本机看，即可以做出下载的效果。
2.4.1 什么是超链接（续）
　　2.锚点超链接
　　在页面的特定区域先指定一个锚点，然后创建指向锚点的超链接
　　创建步骤：光标定位区域>“插入栏”的“常用”>“命名锚点”按钮>“命名锚记”对话框中输入名称（使用有意义的英文字符或汉语拼音代替）>“确定”>定位到跳转区域选中文本或图像>“属性检查器”的“链接”文本框输入＃>输入锚点名称（之间不能有空格）
　　注：超过一页以上的页面中设置锚点链接才有实际意义；不同页面中可以创建锚点链接，例如：index.htm#aa表示链接到index.htm页面中的a锚点。
　　3.电子邮件超链接
　　浏览者点击链接后，系统自动启动客户端电子邮件程序并打开“新邮件”窗口，使访问者方便地写邮件。
　　创建步骤：定位光标>“插入栏”单击“电子邮件链接”>对话框输入用于超链接的文本>E－mail文本框输入邮件地址>“确定”
　　另外，可以选中文本或图像，在“属性检查器”的“链接”文本框中输入“mailto：邮件地址”
2.4.3 管理站点中的链接
　　1.查看网站中导航
　　在站点面板中，使用“站点地图”可以查看链接到首页的导航情况。
　　　　　　　　　　　　　　　　
　　3.检查超链接
　　站点面板中任意处单击鼠标右键，选择“检查超链接”中的“整个站点”命令，在“链接检查器”查看站点中的超链接的情况。

Comments Off

网页制作文本修饰

2.3 文本修饰
2.3.1 文本格式概述
　　（1）段落格式：段落指具有统一样式的文本，在文档窗口中输入一段文字，按回车键后，就产生了一个段落
　　（2）字符格式：字符相当于段落的一个局部
　　修改“文本属性”方法：在文档窗口中选中文本，在“属性检查器”中进行相应属性设置
　　 　 　　　　　　　　　　　　　　　　　　　　　　　　　
2.3.2 设置字符格式
　　 字符格式：字符样式、字体、字号、字符颜色等
　　1.字符样式的设置
　　指字符的外观样式，如，粗体、斜体、下划线等。
　　设置方法：选中文本>“属性检查器”>相应按钮
　　2.字体格式的设置
　　方法：选中文本>“属性检查器”>字体选择框>选择字体
　　添加/删除字体或字体列表步骤：
　　“属性检查器”字体选择框>列表选择“编辑字体列表”>“编辑字体列表”对话框>选择字体>单击“》”按钮添加新字体>“+”按钮继续添加>“-”按钮删除选中字体或字体列表>单击“》”按钮删除新字体>“确定”按钮
　　3.文本字号的设置
　　字号就是文本的大小，具体设置：选中文本>“属性检查器”的“大小”选择框选择字号
　　4.文本颜色的设置
　　选中文本>“属性检查器”的“颜色”选择框>颜色选择器中选择颜色
2.3.3 设置段落格式
　　1.标题与段落
　　标题用于强调段落主题的文本，分1到6级，大小以次减小，即1级最大，6级最小，通常显示为粗体
　　方法：选中文本>“属性检查器”的“格式”框>选择标题格式>选择“无”取消格式
　　2.段落的对齐方式
　　段落对齐方式：“左对齐”、“右对齐”、“居中对齐”和“两端对齐”
　　方法：选中文本>“属性检查器”的对齐按钮：(左对齐)(居中对齐) (右对齐) (两端对齐)
　　3.段落的缩进
　　单击按钮是段落或标题整体缩进（可进行多次）；单击按钮取消缩进（可进行多次）　　　　　　　　　　　　　　　　　　　　　　　　　
2.3.4 设置列表格式
　　 列表格式是一直特殊的段落格式，分无序列表、有序列表和嵌套列表
　　1.无序列表
　　（1）单击文本段落>“属性检查器”>“无序列表”按钮
　　（2）按【Enter】键输入文本，继续创建；也可以选中已有段落单击按钮
　　（3）按两次【Enter】，结束文字列表格式
　　2.有序列表
　　（1）选中文本>“属性检查器”>“有序列表”按钮

　　3.嵌套列表
　　创建嵌套列表：指定上一级列表>单击“文本缩进”按钮
　　4.更改列表项目符号
　　文档窗口选取列表格式文本>“属性检查器”的“列表项目”按钮>“列表属性”对话框>“样式”列表选择样式>“确定”
　　 　　　　

Comments Off

建站与编辑网页2

2.2 制作第一个网页
2.2.1 设置网页属性
　　1.设置网页标题
　　标题是用来说明网页内容的文字，通常显示在浏览器窗口的标题栏中，在文档窗口工具栏中的“标题”文本框直接输入。
　　2.设置网页其他属性
　　（1）“修改”菜单>“页面属性”对话框
　　（2）设置对话框中的各选项
　　页面标题：输入标题
　　背景图像：“浏览”按钮>“选择图像来源”对话框，选择图像>“选择”按钮
　　背景颜色：“背景”框>选择颜色
　　文本颜色：“文本”框>选择颜色
　　连接颜色、访问后的连接颜色、活动链接颜色：如文本颜色设置
　　左边界、顶部边界、边界宽度、边界高度：分别输入相应的值。
　　注： （按照箭头的提示，当鼠标变为手形时点击进行模拟制作过程）

2.2.2 添加页面内容
　　（1）直接插入：在需要插入文本的区域单击鼠标定位插入点，然后输入文字，按【Enter】键换行；按【Shift＋Enter】折行显示一段的内容。
　　（2）复制文档：打开要复制的纯文本，用鼠标选中文本按【Ctrl＋C】组合键，切换到Dreamweaver文档窗口，在需要添加文本的地方单击鼠标右键，选择粘贴或者按【Ctrl＋V】即可。
　　（3）插入特殊符号：定位光标>“插入栏”>“字符”，选取相应的按钮
　　（4）插入对象：定位光标>“插入栏”>“常用”，选取相应的按钮
　　 　
2.2.3 制作网页的一般过程
　　 启动Dreamweaver>输入网页标题>“文件”菜单或按【Ctrl＋S】>“保存”>保存对话框，选择位置>文档工作区输入文本或插入对象>修改文本
　　注：若是标题栏文件后有一个“星号”untitled-2 *表示文档没保存，要保存；进行属性设置后要使用F5刷新；要浏览按F12键可以查看网页的效果。演示效果如下图：
　　注： （按照箭头的提示，当鼠标变为手形时点击进行模拟制作过程）

Comments Off

建站与编辑网页

2.1 开始建站

2.1.1 Dreamweaver的工作界面
　　Dreamweaver MX是目前较新的网页制作软件，首次启动时系统回打开一个选择工具区对话框，如图2.1。
　　 　　　 　　　　　　　　　　
　　　　　　　　　　　　　　　　图2.1 选择“Dreamweaver MX用户工作区”
　　在“工作区设置”对话框中，选取“DreamweaverMX工作区”单选钮，然后单击“确定”按钮，系统自动打开一个空白未命名的文档窗口，即工作界面。

　　1.Dreamweaver MX的常用组件

　　菜单栏
　　与其他软件一样，菜单栏是描述软件完整功能的方式，它提供软件功能的所有命令选项。

　　插入栏
　　“插入”栏包含用于创建和插入对象（如表格、层和图像）的按钮，包含以下12个选项卡：“常用”、“布局”、“文本”、“表”、“框架”、“表格”、“模板”、“字符”、“媒体”、“文件头”、“脚本”和“应用程序”。在“插入”栏中选择适当的选项卡，单击一个对象按钮或将该按钮的图标拖到“文档”窗口中。
　
　 　　　　　　　 　　　　　　　　　　　　图2.2 插入栏

　　常用工具栏
　　工具栏提供了常用命令的快捷方式，通过使用工具按钮或选框可以快速完成某项操作，如，为网页添加标题等。 　
　 　　　　　　
　　　　　　　　　　　 　　　　　　　　　　图2.3 常用工具栏
　　
　　属性检查器
　　属性检查器可以检查和编辑当前选定页面元素（如文本和插入的对象）的属性，用户可以随时进行修改，设置对象属性时，只要在相应属性选项中输入数值或者进行选择即可。

　　面板组
　　使用户随时以直观的方式获得特定功能，如，使用“设计”面板中的“CSS样式”面板可以在网页中设置CSS样式；在“窗口”菜单中的相关命令中选择您所希望进行的操作命令即可完成操作。

　　
　　右键情景菜单　
　　 在网页制作时，可以使用右键菜单快速完成某项操作，先定位光标，然后单击鼠标右键打开下拉菜单选择某项命令即可。
　　　　　　　　　　　　　　 　　　图2.4 右键情景菜单

　　文档窗口与视图
　　工作区的左侧是用户编辑文档的区域，通过菜单命令、选项按钮、插入栏按钮、属性检查器以及面板组等工具来制作网页，文档显示结果与在浏览器中的显示结果基本相同。DreamweaverMX提供了3中用户视图模式：设计视图、代码视图、设计与代码视图，默认为设计视图。切换时点击“常用”工具栏上的相应按钮，如图2.3所示。
状态栏
　　“文档”窗口底部的状态栏提供与您正创建的文档有关的其他信息，是设计者经常需要关注的区域。
　　 　　　　　　
　　　　　　　　　　　　　　　　　 　　　图2.5 文档窗口状态栏

　　2.设置网页平均连接速度选项
　　设置连接速度，选择“编辑”菜单中的“参数选择”命令，打开“参数选择”对话框，在“分类”列表中选择“状态栏”选项，如图2.6　 　　
　　
　　　　　　 　　　　　　　　　　　　图2.6 “参数选择”对话框
单击“连接速度”下拉列表框，选择一种网页平均连接速度，在美国的平均连接速度是 28.8。如果是为 Intranet 设计页面，可能要选择 1500（T1 速度）。

　　3.设置文档窗口
　　设置窗口尺寸
　　(1)如果打开的是“最大化”的文档窗口，单击文档窗口标题栏上的“还原窗口”按钮，将文档窗口还原。
　　(2)单击文档窗口底部状态栏窗口尺寸区域，在弹出的列表中选择一种设置，即可获得设计网页时的窗口尺寸大小。
　　　　　　　　　 　　　　　　 　　　　　图2.7 文档窗口状态栏　　　 　　　　　　　　　
　　使用标尺和网格
　　选择“查看”>“网格”>“显示网格”或Ctrl＋Alt＋G组合键
　　选择“查看”>“标尺”>“显示”或Ctrl＋Alt＋R组合键 

2.1.2 创建与管理站点
　　1.新建本地站点
　　（1）文档菜单“站点”>“新建站点”>“定义站点”对话框>“高级”选项卡>输入站点名称（如，localsite）>点击“本地根文件夹”右边的图标按钮>“选择站点localsite的本地根文件夹”对话框>选择已定义的文件夹或单击“新建文件夹”按钮
　　（2）在“定义站点”对话框中点击“默认图像文件夹”右边的图标按钮>指定存放图片的文件夹，以后用到的所有图片均放置与此处。
　　（3）单击“确定”按钮，站点面板出现新建站点窗口。
　　注：（按照箭头的提示，当鼠标变为手形时点击进行模拟制作过程）
　　 　　　

2.1.2 创建与管理站点
　　1.管理本地站点
　　文件的基本操作
　　使用“文件”菜单对单独的文件进行管理。如，“新建”、“打开”、“保存”、“另存为”等，也可以使用
“站点”面板对文件管理。
　　编辑站点
　　站点面板“站点名称”>“编辑站点”打开对话框>选择站点名称>右侧按钮相应编辑　
　　演示如下图（文件操作、编辑站点与指定首页演示）
　　指定站点首页
　　（1）站点窗口选取“站点”>“文件”菜单>“新建文件”>输入“index.htm”>“回车” 　　　　
　　（2）站点面板中选取“index.htm”>单击鼠标右键>选择“设成首页”
　　（3）站点面板“视图”菜单>“站点地图”或（Alt＋F8）出现网站的超链接结构的站点地图
　　注： （按照箭头的提示，当鼠标变为手形时点击进行模拟制作过程）

2.1.3 网站上传
　　1.申请网站空间
　　网站通常位于Web服务器端，要在Internet发布网页，先选择一个服务周到的ISP服务器作为存储本地站点的远程站点，一般到大的网站上申请网站空间即可。若需要服务器提供全面的服务需申请收费的网页空间，国内一般由网易（www.163.com）提供。ISP使用信息主要包括FTP主机地址、用户名、用户密码以及域名等。
　　2.设置远程站点
　 （1）“站点”菜单>“编辑站点”>“编辑站点”对话框>选择上传站点>“编辑”按钮>“站点定义”对话框>“高级”选项卡>“远程信息”列表项>“访问”下拉列表选择“FTP”>“FTP主机地址”输入FTP主机地址；“登陆”文本框输入用户名称；“密码”文本框输入用户密码（选择“保存”复选框，以后不必重新输入）>单击“确认”>“站点定义”对话框>确定
　　注： （按照箭头的提示，当鼠标变为手形时点击进行模拟制作过程）

3.上传网站
　 （1）连接到Internet
　 （2）单击站点面板“展开/折叠”按钮>“连接到远程主机”按钮
　 （3）如果设置正确，连接Internet正常，可以连接到远程服务器，站点面板出现远程文件夹，选择上传的文件夹，单击“上传”按钮就完成了上传工作。　

Comments Off