网页设计基础电子教案
1.2.3 FrontPage
FrontPage是Microsoft公司推出的网 页制作工具。
1.3 常用的网页美化工具
1.3.1 Fireworks
Fireworks是由Macromedia公司开发 的基于RGB颜色模式的图形处理工具,它 的出现使Web作图发生了革命性的变化。
Fireworks具有如下的优点。
网页的完整性测试就是保证页面内容 显示正确,链接准确,无差错无遗漏。
1.4.6 网站的宣传与推广 1.4.7 网站的反馈与评价 1.4.8 网站的更新与维护
网站要注意经常维护更新内容, 保持内容的新鲜 。
1.5 网 页 艺 术 设 计
1.5.1 网页版式设计
1.版式设计原则 (1)统一 (2)平衡 (3)连贯和呼应 (4)分割 (5)对比 (6)和谐
第 1 章 网页设计基础
1.1 网页中的常见元素 1.2 常用网页制作工具 1.3 常用的网页美化工具 1.4 建立网站的基本流程 1.5 网 页 艺 术 设 计
1.1 网页中的常见元素
1.1.1 文本
文本是最重要的信息载体与交流工具, 是网页发布信息所用的主要形式。
1.标题 2.字号 3.字型
1.1.2 图形
1.2.2 Dreamweaver
Dreamweaver是Macromedia公司推 出的一款大众化的网页制作软件,它具有 可视化编辑界面,用户不必编写复杂的 HTML源代码就可以生成跨平台、跨浏览 器的网页,不仅适合于专业网页编辑人员 的需要,同时也容易被业余网页制作人员 所掌握。
Dreamweaver支持动态HTML技术, 并采用了Roundtrip HTML技术,从而奠 定了在网页高级设计功能方面的领先地位。
这里的图形概念是广义的,它可 以是普通的绘制图形,可以是各种图 像,还可以是动画。
1.菜单按钮 2.背景图形 3.动画
1.1.4 表格
表格用来控制网页中信息的布局方式。
1.1.5 表单
网页区别于其他媒体的一个重要标志 就是它的交互功能。
通常网页的交互功能都是利用表单来 实现的。
1.1.6 声音和视频
(1)Fireworks可以用较少的步骤生成 占用空间很小、质量很高的JPEG和GIF图像 。
(2)利用Fireworks修改图像非常方便。
(3)Fireworks无需借助其他工具就可 以完成将一个图像转化为网页元素的全过程。
(4)Fireworks具有文件导出功能。
1.3.2 Flash
Flash是Macromedia公司开发的用于矢 量图形编辑和动画创作的专业软件,它是一 种交互式动画设计工具,用它可以将音乐、 声效、动画以及富有新意的界面融合在一起, 以制作出高品质的网页动态效果。
1.4 建立网站的基本流程
图1-2所示的是一个网站的完整制作流程。
确定主题
策划与准备
收集资料与素材
规划网站结构
图
-
1
设计网页版式
2
确定网站结构
网
站
制作阶段
制作网页元素
的 制
插入元件与排版
作 流
程
上传网站
后期工作
维护与更新
1.4.1 确定主题
网站的主题也h的优点可以归纳为以下几点。 (1)Flash创建的图像体积小、质量高。 (2)Flash采用的是插件工作方式。 (3)Flash采用“流式”动画播放技术。 (4)Flash支持多种不同格式文件的导入。
1.3.3 Photoshop
Photoshop是Adobe公司开发的图形处 理软件,它是目前公认的PC上最好的通用 平面美术设计软件,它功能完善、性能稳 定和使用方便,所以在几乎所有的广告、 出版和软件公司,Photoshop都是首选的平 面制作工具。
2.版式设计技巧 3.常见的网页布局 (1)表格布局 (2)框架布局 (3)层布局 (4)自由式布局
1.5.2 网页色彩设计
1.网页色彩定义
在网页中是以RGB方式来表示颜色的 。
2.在网页中合理运用色彩
1.4.4 网页设计与制作
1.静态网页的设计与制作 2.为网页添加动态效果
1.4.5 测试与发布网页
当网页设计人员制作完所有网站页面 之后,需要对所设计的网页进行审查和测 试,测试内容包括功能性测试和完整性测 试两个方面。
所谓功能性测试就是要保证网页的可 用性,达到最初的组织设计目标,实现所 规定的功能,读者可以方便快速地寻找到 所需的内容。
声音是多媒体网页的一个重要组成部分。 网页的声音文件格式很多,常用的有
MIDI、WAV、MP3和AIF等。
1.2 常用网页制作工具
1.2.1 超文本标识语言
超文本标识语言(Hypertext Markup Language,HTML)是一种专门用于Web 页制作的编程语言,它能够对网页内容、 页面的格式以及超链接进行描述,形成 HTML文档。
网站的定位要小,内容要精。
网站的题材最好选自己擅长或者喜爱 的内容。
网站名称,是网站设计的一部分,而 且是一个关键的要素,和现实生活中一样, 网站名称是否正气、响亮、易记,这对网 站的形象和宣传推广也有很大影响。
1.4.2 搜集资料 1.4.3 网站的整体规划
进行网站的整体规划也就是组织网站 的内容并设计其结构。