河北经济管理学校 网站建设.

Slides:



Advertisements
Similar presentations
5.3 页面布局 1. 用表格实现页面布局 用表格实现页面布局 2. 用框架布局页面 用框架布局页面 3. 层的使用 层的使用.
Advertisements

第八讲 CSS 、模板和库项目. CSS 样式表是 Dreamweaver 中的重点和难点,通 过本章的学习,大家要理解 CSS 样式表的作用。 掌握如何建立 CSS 样式表,如何运用 CSS 样式表, 如何设置 CSS 样式表的各项属性。 在 Dreamweaver MX 中利用模板和库项目能够创.
熟悉 Dreamweaver 的工作區與基本操作
单元8: DIV+CSS技术的应用 授课教师:张俊辉. 单元8: DIV+CSS技术的应用 授课教师:张俊辉.
第六 章数据库访问页 6.1 数据访问页视图 6.2 创建数据访问页 6.3 编辑数据访问页 6.4 查看数据访问页 退出.
项目2 字符格式和段落编排 2017年3月7日6时54分.
网页设计师的职业成长规律 主讲:刘万辉 淮安信息职业技术学院.
第六讲 课 题:在Dreamweaver8中使用CSS设置页面格式 目的及要求:使用CSS设置页面格式
插入超链接 高邮市第一实验小学 范太国 任务一:设置文本超链接 任务一:设置文字超链接 步骤:1、选定文字并右击,在快捷菜单 中选择“超链接”命令。 2、在弹出的对话框中选择左侧“链接到:”中的“本文档中的位置(A)”项,在“请选择文档中的位置(C):”中选择需要链接的幻灯片,单击“确定”按钮。
案例2 胸卡的制作. 案例2 胸卡的制作 知识要点: 学习重点及制作思路 学习目的: 邀请函的制作步骤: 1.掌握邮件合并功能 2.掌握比较并合并文档方法 3.掌握页面插入背景图 4.熟练使用文本框 知识要点: 1.邮件合并功能 2.文档中插入域内容 3.文本框的使用 技能要点: 1.域、文档部件操作.
UI(用户界面)集训班 Illustrator 高级班.
PRESENTED BY OfficePLUS
PHOTOSHOP 图形图像处理.
有序列表.
课程中心 课程中心培训方案 上海泰泽信息技术有限公司
图表的创建.
第6章 制作网站链接 本章内容 练习思考 实验操作.
第 6 章 加入超連結.
艺术字的插入 第一关:插入艺术字 打开“桌面上的文件夹8 ,在文档2中插入艺术字“垃圾分类从我做起”。
在PHP和MYSQL中实现完美的中文显示
第6章 文本 文本在网络上传输速度较快,用户可以很方便地浏 览和下载文本信息,故其成为网页主要的信息载体。 整齐划一、大小适中的文本能够体现网页的视觉效 果。因而文本处理是设计精美网页的第一步。本章 将结合具体实例介绍在Dreamweaver CS4中如何插 入文本,对文本进行排版及一些文本辅助功能。
第8章 样式表.
UI 软件 设计 网页基本元素设计(二).
武汉纺织大学传媒学院 cm.wtu.edu.cn
第八章 菜单设计 §8.1 Visual FoxPro 系统菜单 §8.2 为自己的程序添加菜单 §8.3 创建快捷菜单.
大学计算机基础 典型案例之一 构建FPT服务器.
第11章:一些著名开源软件介绍 第12章:服务安装和配置 本章教学目标: 了解当前一些应用最广泛的开源软件项目 搭建一个网站服务器
VPN访问图书馆资源 方法说明 武汉纺织大学图书馆信息部制.
点击此处添加标题 ADD YOUR TITLE ADD YOUR TITLE 点击此处添加文本信息
网页设计与制作 网页基本标签(三) 北京农业职业学院刘丽霞.
Windows 7 的系统设置.
网页制作基础 CNIC 王桦.
第2章 初识Dreamweaver CS4 Adobe Dreamweaver CS4是建立Web站点和应用程序的 专业工具。它将可视布局工具、应用程序开发功能和 代码编辑支持组合在一起,其功能强大,使得各个层 次的开发人员和设计人员都能够快速创建界面吸引人 的基于标准的网站和应用程序。从对基于CSS的设计.
三:基于Eclipse的集成开发环境搭建与使用
UI 软件 设计 页面布局(三).
安徽省中小学信息技术课件(初中) 初中信息技术八年级下册第一单元 活动2 会徽制作显创意 活动2 会徽制作显创意 马鞍山市丹阳中学 刘斌.
Visual Studio 2010简捷入门.
实用网络营销基础 冯英健 2006年8月6日 首页.
十 三.使用模板和库.
网页制作 网 页 制 作 徐晓明 主编 蔡向东 方蓓 副主编.
计算机及办公软件应用 ©2013 苏州工业园区职业技术学院
直接扫描保存成TIF格式, 其他图片格式用Windows XP自带的 Windows图片与传真查看器打开
标准配色方案 背景 文本和线条 阴影 强调色 主色一 主色二 主色三 主色四 推荐应用顺序. 标准配色方案 背景 文本和线条 阴影 强调色 主色一 主色二 主色三 主色四 推荐应用顺序.
PRESENTED BY OfficePLUS
网页设计与制作 —— 学习情境二:网页模板设计
计算机网络与网页制作 Chapter 07:Dreamweaver CS5入门
第12章 APDiv 对于有Dreamweaver基础的读者来说,初识APDiv或 许会感到即熟悉又陌生。熟悉于它的Div标识符, 陌生于他在CS3版本中的含义及作用。其实,APDiv 在Dreamweaver CS4中仍等同于前期版本的层,又 称为AP元素或CSS-P元素,本文以下简称AP层。 什么是层?有什么作用?前面我们学习过了表格,
项目二:HTML语言基础.
企业宣传推广 Loem ipsum dolor sameman tanam casectetur adipiscing elit tamam dalam qoue sampe. dolor sameman tanam casectetur adipiscing elit tamam dalam qoue.
iSIGHT 基本培训 使用 Excel的栅栏问题
PPT中视频的播放控制 苏州电教馆在线课程培训教程:PPT2003教程   制作:赵立锋 更多教程请见:
第六章 素材的加工与处理 第13讲 用GoldWave进行音频的截取、合并、淡入淡出操作
第15节 CSS超链接样式 武汉纺织大学传媒学院 cm.wtu.edu.cn 2019/5/10 传媒学院.
LOGIX500软件入门 西安华光信息技术有限公司 2008年7月11日.
Visual Basic程序设计 第13章 访问数据库
VRP教程 2011.
熟悉PowerDesiner12操作环境 菜单栏 标题栏 工具栏 导航栏 工作区 浮动工具条 导航选项卡 控制信息栏 状态栏.
武汉纺织大学传媒学院 cm.wtu.edu.cn
报头 的制作.
Polarization of electro- magnetic wave after reflection
武汉纺织大学传媒学院 cm.wtu.edu.cn
《手把手教你学STM32-STemWin》 主讲人 :正点原子团队 硬件平台:正点原子STM32开发板 版权所有:广州市星翼电子科技有限公司
网页设计三合一教程 主讲教师 2019/6/2.
YOUR SUBTITLE GOES HERE
项目:交互式网页 义乌工商学院机电信息分院省级精品课程.
第8章 创建与使用图块 将一个或多个单一的实体对象整合为一个对象,这个对象就是图块。图块中的各实体可以具有各自的图层、线性、颜色等特征。在应用时,图块作为一个独立的、完整的对象进行操作,可以根据需要按一定比例和角度将图块插入到需要的位置。 2019/6/30.
创建、启动和关闭Activity 本讲大纲: 1、创建Activity 2、配置Activity 3、启动和关闭Activity
点击此处添加标题 PPT背景图片: PPT图表下载:
第六讲 酒店客房管理系统(二) 教育部“十二五”职业教育国家规划教材
LOGO HERE 单击此处添加 您的标题标题标题 PRESENTED BY JANE DOE
Presentation transcript:

河北经济管理学校 网站建设

网站建设主要学习内容 学习情境一: 教育网站制作 网站建设 学习情境二: 企业网站制作 学习情境三: 商业网站制作

任务5:制作网页特效 学习目标:能够在设计好的网页中插入时间轴动画,并进行播 放模式的设置。 学习重点:插入时间轴动画、设置播放模式 学习过程: 一、学习活动背景 在进行网站建成后,通常为了更好地体现网站特色,在网页中 插入声音文件,这样能很好的解释他们之间的相互关系,那么 该怎样进行声音文件的插入和管理呢? 二、学习活动描述 为后面网站的学习,提供环境

任务5:制作网页特效 三、学习活动实施 1、Dreamweaver 8 时间轴及创建时间轴动画 时间轴实根据时间的流逝移动图层位置的方式显示动画效果的一 种动画编辑界面,在时间轴中包含了制作动画时所必须的各种功 能。   1)、时间轴的各项功能

任务5:制作网页特效 ①时间轴弹出菜单:表示当前的时间轴名称。 ②时间轴指针:在界面上显示当前位置的帧。 ③不管时间轴在哪个位置,一直移动到第一帧。 ④表示时间指针的当前位置。 ⑤表示每秒显示的帧数。默认值时15帧。增加帧数值,则动画 播放的速度将加快。 ⑥自动不放:选中该项,则网页文档中应用动画后自动运行。 ⑦LOOP(循环):选中该项,则继续反复时间轴上的动画。 ⑧行为通道:在指定帧中选选择要运行的行为。 ⑨关键帧:可以变化的帧。 ⑩图层条:意味着插入了“层”等对象;图层通道:它是用于编辑 图层的空间。

任务5:制作网页特效 2)、在DW8中显示时间轴 选择菜单栏的窗口/时间轴或按快捷键Alt+F9,则显示时间轴。 2、创建时间轴动画 时间线只能移动分层对象,如果想移动文本或图像之类的对象, 可以将其放在层中。 1)文件打开 2)时间轴的打开 3)扩展帧 4)文字倒置 5)顶端坐标设置 6)播放设置 7)按F12浏览效果。

任务5:制作网页特效 学习目标:会创建CSS样式,建CSS规则,选择CSS样式 学习重点:创建CSS样式、建CSS规则 学习过程: 一、学习活动背景 CSS 允许应用纯色作为背景,也允许使用背景图像创建相当 复杂的效果。CSS 在这方面的能力远远在 HTML 之上。 CSS 允许应用纯色作为背景,也允许使用背景图像创建相 当复杂的效果。那么该怎样创建CSS呢?

任务5:制作网页特效 二、学习活动描述 CSS样式表的创建,可以统一定制网页文字的大小、字体、 颜色、边框、链接状态等效果。在Dreamweaver 8中CSS样 式的设置方式有了很大的改进,更为方便、实用、快捷。 三、学习活动实施  1、创建CSS样式 选中菜单“窗口”>“CSS样式”。打开CSS样式面板。

任务5:制作网页特效 单击“CSS样式”面板右下角的“新建CSS 规则”按钮,打开“新建CSS规则”对话框。

任务5:制作网页特效 2、CSS方法 a:link 设定正常状态下链接文字的样式。 a:active 设定鼠标单击时链接的外观。 a:visited 设定访问过的链接的外观。 a:hover  设定鼠标放置在链接文字之上时,文字的外观。

任务5:制作网页特效 学习活动检查、评价 评价要点 自评 互评 教师评 专业知识点 了解Dreamweaver软件 专业实训能力 会安装Dreamweaver软件 熟练工具栏及浮动面板 说明:评价分为四个等级,分别为“优、良、一般、差”等级,其中“教师评价”为总评结果。