实用Web标准网页及动画制作文摘
时间:2023-04-03 17:16:01 | 来源:营销百科
时间:2023-04-03 17:16:01 来源:营销百科
实用Web标准网页及动画制作文摘:第一章传统网页制作方法回顾
本课将要完成的任务:
学会在Fireworks中绘图
在Fireworks中切片
从Fireworks导出HTML
用Flash制作简单动画
在Dreamweaver中插入Flash动画
预计课时:150~300分钟
怎么做网页?从何处人手?
有关网页制作的教材非常多,基本上都是从介绍软件、讲解菜单开始。实际上,只要参加过计算机应用能力培训的人都有体会,教师花了很大的气力讲软件的界面、软件的功能,但其作用似乎不大,对操作来说效果甚微。那么究竟什么是学习网页制作的最好方法呢?回答是两个字——模仿。
图1-1左图是一张用传统方法制作的页面。虽说传统方法是过去习惯的方法,但是其中许多步骤与基于标准的页面制作方法却相同,所以不妨先以这张页面为样板,将模仿这张页面作为学习制作网页之旅程的起点,既能热热手,又能了解网页制作的过去。
先撇开Dreamweaver、Flash和Fireworks的功能和使用方法,不问为什么,一步一步地跟随教程来了解学习如何模仿制作图1-1所示的页面。
1.1 绘制设计图
1.1.1 准备工作
(1)首先在桌面上新建一个'案例'文件夹。
(2)启动Fireworks图形处理软件。选择菜单'文件/打开',弹出'打开'对话框,选取配送光盘的素材中的'第一章/素材/LX01样图.png'文件,按'打开'按钮后,将图1-1右图所示的'样板页面'的图片打开,准备模仿。
(3)选择菜单'文件/新建',弹出'新建文档'对话框,设置画布大小为:750PX*500PX,如图1-2的右侧所示。按'确定'按钮后,屏幕上显示Fireworks主窗口,如图1-2所示。
(4)选择菜单'文件/保存',弹出'另存为'对话框,将该文档以'LX01.PNG'命名,保存到桌面上的'案例'文件夹中。