网页制作基础教程

网页制作基础
、 什么是网页
HTML表示出来的；



、 网站及运作原理

在网站的开发者来说，网站就是在计算机上创建的一个



、 了解HTML语言
是网上用于编写网页的主要语言，使用HTML语言编写的网页文件也是一个标准的
可以使用文本编辑器将它打开，但是该纯文本文件如果使用浏览器打开就会看

、 HTML语言标签
标签用来标记网页元素，以形成文本布局，文字的格式及五彩缤纷的画面，HTML


、 常用动态建站技术
是由微软开发的动态网页技术标准，其原理通过在HTML页面中加入VB JAVA代码，

、 网站的制作流程及制作工具



、 网页设计工具
是最常用的网页编辑工具之一，使用该工具可以在其提供的三种视图中进行

Firework 8主要用来对网页中用到的图像素材进行制作或处理，它可以快速地

FLASH 8 主要用来制作一些精彩的小动画，可以使页面变得更加精美，该

创建站点
、启动：开始——程序——Macromedia dreamweaver 8（双击桌面的图标）
、关闭：文件——退出， 关闭按钮
、窗口的组成：标题栏（软件名称，版本号，文件名，最小化，最大化，关闭按钮）
菜单栏：由文件，编辑，查看，插入，修改，文本，站点，窗口等主菜单组成；
插入栏：位于菜单栏下方，有网页制作时常用的元素及命令，如常用，布局等
开始页：打开软件时的页面，该页面位于屏幕中间的大部分区域；
属性面板：一般位于窗口的底部，显示文档，网页元素及相关工具的属性；
面板集：位于窗口右侧，可以快速展开或折叠一些功能面板，

、创建站点：站点——新建站点——站点名称——否（不用服务器）——建立一个本地文

、编辑站点，复制站点，删除站点，导出站点，导入站点，完成按钮；
、管理站点中的文件：站点的名称，远程文件管理器，站点文件结构——弹出菜单——视

、 文档的新建，保存，打开及属性设置
、 设置页面属性：修改——页面属性（页面字体，大小，文本颜色，背景颜色，背景图像，

制作网页
、在网页中插入文本（直接输入文本即可）（换行：ENTER， 按SHIFT+ENTER可得到较

、设置字体，大小，字形，颜色，对齐方式
、在网页中插入图像：插入——图像（图像的大小，对齐方式，边距等设置）
、插入——层（在层中插入图像，可将图像到处拖动）
、在网页中插入鼠标经过图像：插入——图像对象——鼠标经过图像（原始图像，鼠标经

、插入特殊的符号，版权，注册商标等；插入——文本——版权，注册商标，符号等
、插入多媒体文

件；插入——媒体——FLASH（选择插入的文件）
、设置动画的大小及其边距（属性面板：宽，高，垂直，水平的间距）
、插入——布局对象——层（设置背景图像，大小，方向等设置）
．向网页中插入链接：选择文本——在图像中选择链接的文件；
．创建外部链接：在文档中输入网名，选择名称：引用链接网址
．创建锚记：先命名锚记——然后再选择要引用锚记的文字，然后进行链接OK（引用时
#）
．在网页中插入视频：插入——媒体——插件（选择视频文件
．创建邮件链接：选择图像——链接邮箱地址
．创建下载链接：选择文本或图像——链接文件（ZIP RAR EXE）等文件
页面布局
、插入——表格（行数，列数）
．表格的宽度，
．边框粗细；
．单元格边距；
．单元格间距；
．合并所选单元格，拆分单元格，背景，背景颜色， 边框；
．表格布局； 插入——表格（在单元格内插入表格（做嵌套表格）
．改变列宽，行高
．网页的布局：插入——布局对象——层（可以创建多个层，如同文本框的设置）
．设置层的属性：宽度，高度，单击插入图像的层选择手柄，在属性面板中
．布局网页框架：创建布局表格，创建布局单元格，做嵌套布局表格；
．将布局转换成表格：修改——转换——表格到层（防止层重叠，显示层面板，显示靠齐

．框架布局与样式定义：插入——框架（选择框架布局形式）
．制作背景固定网页：定义样式
CSS样式与行为
、光晕效果的应用 CSS面板——添加滤镱设置（名称，（GLOW（color=?,strength=?）
(color=red,strength=3)
、添加行为：行为面板（添加行为，删除行为，执行顺序）
．设置触发行为的事件：事件，动作
．记录移动路径
、添加时间轴行为：
、制作表单元素；

、制作注册页面
、创建网站模板；
、将网页保存为模板：文件——另存为模板
、创建可编辑区域：插入——模板对象——可编辑区域；
、网页模板的应用，打开后修改——然后另存为其它网页文件；
、分离模板：修改——模板——套用模板到页（修改——模板——从模板中分离）
FLASH的操作
、启动：双击桌面图标，
、退出：关闭按钮；
、窗口的组成：标题栏，菜单栏，编辑栏，工具箱，面板集，舞台，属性面板；
、标题栏：它位于整个窗口的最上方，最小化，最大化，关闭按钮等；
、菜单栏：由文件，编辑，视图，插入，修改，文本，命令等
、工具栏：位于整个软件的左侧，分为，工具，查看，颜色和选项四个选项；

工具的使用
、直线工具；按SHIFT水平或垂直

直线， 粗细，端点（尖角，圆角，斜角）
、钢笔工具：是通过路径来绘制笔触图形的，按CTRL或双击曲线外时，可结束绘图；
、任意变形：旋转，倾斜，缩放，扭曲，封套模式等；
、输入文本：文本类型，字体，字号，字体样式，对齐方式；
、添加滤镜效果：选择对象或文本——属性栏中找到滤镜类型；（删除滤镜）
、美化图形——设置颜色
。改变图像的填充颜色（单色，渐变，透明度，
。导入位图：文件——导入——导入到库
。填充位图：拖动中心控制点，倾斜控制点，旋转控制点，大小控制点；
。导入图像和声音素材：文件——导入——导入到舞台（可选择图片或声音）
。填充变形：填充变形工具可以对渐变色彩进行变形调整，

、导入视频：文件——导入——导入视频
、绘制边框：绘制矩形，然后将直线加粗，
、创建图形元件：修改——转换元件
、创建影片元件：修改——转换成元件（按钮动画，影片剪切）
。创建按钮元件：
。将视频文件转换成FLV格式文件， 文件——导出
。制作基本动画：小船划动效果
、创建引导线动画；
、制作遮罩动画与多层动画；
FLASH脚本
、动作面板：窗口——动作（F9）
、脚本工具箱：存放着所有的脚本工具，单击各类型的脚本名称即可展开相应的控制语句；
、脚本导航器：中显示当前正在添加脚本的对象，及文档中已经添加脚本控制语句的所有

、脚本助手，在脚本助手中总是显示当前选中脚本的脚本功能描述及参数输入提示，脚本

、脚本编辑区：在脚本助手启用的模式下，不能在该区中直接修改脚本的参数，也不能直


教程
基本操作
。启动，退出，关闭，新建，打开，保存，关闭
、窗口的组成：菜单栏，工具栏，开始页，属性面板，面板集等；
、新建文档：宽度，高度，分辨率，画布颜色等设置
、画布大小（修改——画布——画布大小）
、组合路径：打孔，联合，交集，裁切；
、选取工具：魔术棒，椭圆选取工具，套索工具，多边形套索工具，