第二节 制作电子作品new.pptVIP

2、网页的风格与创意（要与主题和谐统一） 树立自己的网页风格——网页风格的形成： 设计标徽（为网页设计一个有特色的符号或图标，并尽可能地将它放在每个网页上） 统一色彩基调（如文字的色彩、图像的主色彩、背景色和边框色等应尽量协调一致） 使用统一字体（在关键的标题、菜单和图像里使用统一的字体） 网页的创意——创意来自灵感 讨论：你欣赏哪个网站的风格与创意？ 二、网页制作流程 网页的结构设计 将主题细化成若干栏目，通过树型结构分层逐级设计 资料的搜集与整理 主题和栏目确定后，开始搜集素材 网页的制作 Dreamweaver/Frontpage 素材处理：Photoshop/Fireworks+Flash 网页的效果测试 网页的上传、更新与维护 设计自己的网页结构——目录结构 网页中的基本元素 图像的插入及格式设置 绝对路径与相对路径 表格的插入及格式设置 超级链接 超级链接 超级链接 图像热点链接 E-mail链接 * 教学目标 1. 熟悉Dreamweaver的操作界面 2. 熟悉站点及网页文件的建立与保存 5. 会插入表格及其格式设置 6. 掌握网页中常见的超级链接技术 4. 会插入图像及其格式设置 3. 会在DW中插入文本，并能设置其格式 信息表达的方式： 文本 图表 图像 音、视频 可读性强； 内容的组织、版式设计、 文字格式、色彩运用、 图文比例和风格特色等 需要予以关注 数据表格、图形(折线图、饼图、柱状图) 结构清晰易懂 形象直观 富有感染力 画面流畅，视听效果好； 音视频文件格式转换、 音效合成设置、视频 的非线性编辑及连接 的过渡效果 如何选择表达方式？ 一、网页规划 网页制作是一个综合性的过程。 1、网页的主题（即网页的题材，内容的提炼） 主题要小而精，即定位要小、要准、要精当 题材不要太俗，目标不要太高 网页的名称要体现主题 讨论：你上网时喜欢哪些网页？ 实践：你想确定什么样的网页主题？ 文本 图像 表格 超级链接 动画 网页设计的关键是如何应用超级链接来设计网页的 非线性结构及网页的导航。 插入图像的方法： 方法一：“插入”菜单?“图像”/“图像对象” 方法二：工具栏“常用”面板中选择 图像的格式设置： 大小（宽度、高度）、边框、对齐 来源位置（路径） 热区、超链接 目前，网页中所使用的图像文件大部分都是 GIF、JPEG或PNG等格式（占用空间小， 便于网上传输）。 在网页设计中要采用“相对路径”作为针对各种文件访问 的方式。相对路径的表示（假设现有名为”D:/myweb/index.htm” 的文件，要在其中插入一个文件名为”bg.jpg”的图像）： 同层另一路径 D:/images/bg.jpg img src=“../images/bg.jpg”… 下层 D:/myweb/images/bg.jpg img src=“images/bg.jpg”… 同路径 D:/myweb/bg.jpg img src=“bg.jpg”… 图例 意义 bg.jpg的实际位置 表示法 插入表格的方法： 方法一：“插入”菜单?“表格” 方法二：工具栏“常用”面板中选择 表格的格式设置： 网页中常见的超级链接： 同一个网页内链接（命名锚记） ——类似于Word中的“书签” B.不同网页间的链接 C.网站外部链接 D.电子邮件链接（E-mail链接） E.图像热点链接 为文本添加超级链接的方法： 方法一：“插入”菜单?“超级链接” 方法二：工具栏“常用”面板中选择 为图像添加超级链接的方法： 在图像属性面板的“链接”区域进行相关设置 图像热点：是把一幅图像人为地划分出不同的部分，并使 各部分指向不同的链接。常应用于网页导航条的制作上。 添加E-mail链接的方法： 方法一：“插入”菜单?“电子邮件链接” 方法二：工具栏“常用”面板中选择 *