网页制作基础教程.docx
- 文档编号:30767017
- 上传时间:2023-08-23
- 格式:DOCX
- 页数:9
- 大小:91.38KB
网页制作基础教程.docx
《网页制作基础教程.docx》由会员分享,可在线阅读,更多相关《网页制作基础教程.docx(9页珍藏版)》请在冰豆网上搜索。
网页制作基础教程
网页制作基础教程
D
服务器在返回网页之前首先执行这些代码,产生最终的结果。
1、网站的制作流程及制作工具
初期规划:
建站之前,要有明确目的,要明白建立网站的目的,接受对象是哪些群体,要为访问者提供怎样的服务,然后对整个网站进行策划,
中期制作:
搭建本地站点,建立文件夹,建立站点结构图,设置页面属性等;
后期工作:
全面测试,上传后进行实地测试,完成本地测试后,再上传到服务器,以便进行远程测试;
2、网页设计工具
Dreamweaver8是最常用的网页编辑工具之一,使用该工具可以在其提供的三种视图中进行网页编辑与修改;
图像处理工具Firework8主要用来对网页中用到的图像素材进行制作或处理,它可以快速地制作和处理网页中图像,
动画制作工具:
FLASH8主要用来制作一些精彩的小动画,可以使页面变得更加精美,该软件是目前最流行的,矢量的,具有交互性的图形编辑软件;
第二课创建站点
1、启动:
开始——程序——Macromediadreamweaver8(双击桌面的图标)
2、关闭:
文件——退出,关闭按钮
3、窗口的组成:
标题栏(软件名称,版本号,文件名,最小化,最大化,关闭按钮)
菜单栏:
由文件,编辑,查看,插入,修改,文本,站点,窗口等主菜单组成;
插入栏:
位于菜单栏下方,有网页制作时常用的元素及命令,如常用,布局等
开始页:
打开软件时的页面,该页面位于屏幕中间的大部分区域;
属性面板:
一般位于窗口的底部,显示文档,网页元素及相关工具的属性;
面板集:
位于窗口右侧,可以快速展开或折叠一些功能面板,
4、创建站点:
站点——新建站点——站点名称——否(不用服务器)——建立一个本地文件夹——如何连接远程服务器(无)——完成;
5、编辑站点,复制站点,删除站点,导出站点,导入站点,完成按钮;
6、管理站点中的文件:
站点的名称,远程文件管理器,站点文件结构——弹出菜单——视图菜单
3、文档的新建,保存,打开及属性设置
4、设置页面属性:
修改——页面属性(页面字体,大小,文本颜色,背景颜色,背景图像,页边距,跟踪图像)
第三课:
制作网页
1、在网页中插入文本(直接输入文本即可)(换行:
ENTER,按SHIFT+ENTER可得到较小的行距;
2、设置字体,大小,字形,颜色,对齐方式
3、在网页中插入图像:
插入——图像(图像的大小,对齐方式,边距等设置)
4、插入——层(在层中插入图像,可将图像到处拖动)
5、在网页中插入鼠标经过图像:
插入——图像对象——鼠标经过图像(原始图像,鼠标经过时的图像)
6、插入特殊的符号,版权,注册商标等;插入——文本——版权,注册商标,符号等
7、插入多媒体文件;插入——媒体——FLASH(选择插入的文件)
8、设置动画的大小及其边距(属性面板:
宽,高,垂直,水平的间距)
9、插入——布局对象——层(设置背景图像,大小,方向等设置)
10.向网页中插入链接:
选择文本——在图像中选择链接的文件;
11.创建外部链接:
在文档中输入网名,选择名称:
引用链接网址
12.创建锚记:
先命名锚记——然后再选择要引用锚记的文字,然后进行链接OK(引用时加#)
13.在网页中插入视频:
插入——媒体——插件(选择视频文件
14.创建邮件链接:
选择图像——链接邮箱地址
15.创建下载链接:
选择文本或图像——链接文件(ZIPRAREXE)等文件
第四课页面布局
1、插入——表格(行数,列数)
2.表格的宽度,
3.边框粗细;
4.单元格边距;
5.单元格间距;
6.合并所选单元格,拆分单元格,背景,背景颜色,边框;
7.表格布局;插入——表格(在单元格内插入表格(做嵌套表格)
8.改变列宽,行高
9.网页的布局:
插入——布局对象——层(可以创建多个层,如同文本框的设置)
10.设置层的属性:
宽度,高度,单击插入图像的层选择手柄,在属性面板中
11.布局网页框架:
创建布局表格,创建布局单元格,做嵌套布局表格;
12.将布局转换成表格:
修改——转换——表格到层(防止层重叠,显示层面板,显示靠齐到网格)
13.框架布局与样式定义:
插入——框架(选择框架布局形式)
14.制作背景固定网页:
定义样式
第五课CSS样式与行为
1、光晕效果的应用CSS面板——添加滤镱设置(名称,(GLOW(color=?
strength=?
)
设置(color=red,strength=3)
2、添加行为:
行为面板(添加行为,删除行为,执行顺序)
3.设置触发行为的事件:
事件,动作
4.记录移动路径
5、添加时间轴行为:
6、制作表单元素;
第六课,表单与模板、
1、制作注册页面
2、创建网站模板;
3、将网页保存为模板:
文件——另存为模板
4、创建可编辑区域:
插入——模板对象——可编辑区域;
5、网页模板的应用,打开后修改——然后另存为其它网页文件;
6、分离模板:
修改——模板——套用模板到页(修改——模板——从模板中分离)
第七课:
FLASH的操作
1、启动:
双击桌面图标,
2、退出:
关闭按钮;
3、窗口的组成:
标题栏,菜单栏,编辑栏,工具箱,面板集,舞台,属性面板;
4、标题栏:
它位于整个窗口的最上方,最小化,最大化,关闭按钮等;
5、菜单栏:
由文件,编辑,视图,插入,修改,文本,命令等
6、工具栏:
位于整个软件的左侧,分为,工具,查看,颜色和选项四个选项;
绘制卡通房子的练习;
第二课工具的使用
1、直线工具;按SHIFT水平或垂直直线,粗细,端点(尖角,圆角,斜角)
2、钢笔工具:
是通过路径来绘制笔触图形的,按CTRL或双击曲线外时,可结束绘图;
3、任意变形:
旋转,倾斜,缩放,扭曲,封套模式等;
4、输入文本:
文本类型,字体,字号,字体样式,对齐方式;
5、添加滤镜效果:
选择对象或文本——属性栏中找到滤镜类型;(删除滤镜)
6、美化图形——设置颜色
7。
改变图像的填充颜色(单色,渐变,透明度,
8。
导入位图:
文件——导入——导入到库
9。
填充位图:
拖动中心控制点,倾斜控制点,旋转控制点,大小控制点;
10。
导入图像和声音素材:
文件——导入——导入到舞台(可选择图片或声音)
11。
填充变形:
填充变形工具可以对渐变色彩进行变形调整,
第三课:
制作动画
1、导入视频:
文件——导入——导入视频
2、绘制边框:
绘制矩形,然后将直线加粗,
3、创建图形元件:
修改——转换元件
4、创建影片元件:
修改——转换成元件(按钮动画,影片剪切)
5。
创建按钮元件:
6。
将视频文件转换成FLV格式文件,文件——导出
7。
制作基本动画:
小船划动效果
8、创建引导线动画;
9、制作遮罩动画与多层动画;
第四课:
使用FLASH脚本
1、动作面板:
窗口——动作(F9)
2、脚本工具箱:
存放着所有的脚本工具,单击各类型的脚本名称即可展开相应的控制语句;
3、脚本导航器:
中显示当前正在添加脚本的对象,及文档中已经添加脚本控制语句的所有对象,
4、脚本助手,在脚本助手中总是显示当前选中脚本的脚本功能描述及参数输入提示,脚本助手为具有标准语法结构脚本的输入带来了极大的方便;
5、脚本编辑区:
在脚本助手启用的模式下,不能在该区中直接修改脚本的参数,也不能直接向其中输入脚本,只能通过脚本工具箱添加脚本。
练习待续
Fireworks8教程
第一课基本操作
1。
启动,退出,关闭,新建,打开,保存,关闭
2、窗口的组成:
菜单栏,工具栏,开始页,属性面板,面板集等;
3、新建文档:
宽度,高度,分辨率,画布颜色等设置
4、画布大小(修改——画布——画布大小)
5、组合路径:
打孔,联合,交集,裁切;
6、选取工具:
魔术棒,椭圆选取工具,套索工具,多边形套索工具,
动画制作等,练习
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 制作 基础教程