网页艺术设计教案Word文档格式.docx
- 文档编号:17234431
- 上传时间:2022-11-29
- 格式:DOCX
- 页数:66
- 大小:64.46KB
网页艺术设计教案Word文档格式.docx
《网页艺术设计教案Word文档格式.docx》由会员分享,可在线阅读,更多相关《网页艺术设计教案Word文档格式.docx(66页珍藏版)》请在冰豆网上搜索。
1.www站点
2.统一资源定位器URL(UniformResourcesLocator)
3.超级链接
4.静态网页与动态网页
5.HTML与XHTML
二、Dreamweaver工作环境
1.文档窗口:
打开最近项目、创建新项目、从范例创建
2.插入工具栏:
常用、布局、表单、文本、HTML、应用程序、Flash元素、收藏
3.文档工具栏:
代码、拆分、设计视图,文档标题,文件管理、错误检查、预览
4.状态栏:
标签选择器、选择与缩放、窗口大小等
三、Dreamweaver文档的基本操作
1.文档的新建:
【文件】|【新建】
新建类别:
基本页、动态页、模板页、框架集等
2.文档的保存:
保存、另存为、保存全部
3.文档的打开
4.文档的页面属性设置:
【修改】|【页面属性】
外观属性:
字体、大小、颜色、背景色与背景图、边距
链接属性:
超级链接的字体、大小、四种链接状态的颜色、下划线
标题/编码:
标题和编码格式
四、Dreamweaver站点的创建与管理
1.创建站点:
【站点】|【新建站点】,选择【基本】选项卡
2.确定站点名称及http地址
3.选择站点保存的根目录位置
4.选择站点是否需要链接到远程服务器
5.核对站点信息
6.打开【管理站点】对话框:
选择【站点】|【管理站点】
知识拓展:
练习或训练
课堂案例
课后小结
布置作业
课后练习
HTML基本语法
第周周()第至节
掌握HTML的基本结构和语法。
掌握HTML的基本结构,并能熟练编写HTML语言
熟练使用HTML语言进行网页程序设计
1、HTML语法基本结构的讲解
2、HTML程序的编写
1、HTML语法的基本含义和组织结构
2、HTML常见标签的基本作用和用法
多媒体机房
展示一个多媒体网页,然后让同学们观看代码窗口中所对应的HTML脚本,然后导入到HTML基本语法的讲解。
15分钟
1、HTML的文档结构
(1)文档结构标签<
html>
、<
head>
body>
(2)文本格式标签<
title>
p>
(3)字符格式标签<
b>
sub>
(4)列表标签<
ul>
dl>
(5)链接标签<
a>
(6)多媒体标签<
img>
(7)表格标签<
table>
学生上机练习:
利用HTML创建自己的各种网络标签
现场演示+讲解
90分钟
3、CSS层叠样式表的介绍
(1)CSS样式表代码的标签
(2)Javascript代码标签
现场演示
练习操作
10分钟
练习题:
P27配套实训
网页中文字的使用
掌握网页的文本的插入方式。
掌握特殊字符、滚动文字、列表、日期、水平线的插入方法
掌握设置文本属性
掌握利用属性面版改变对象的样式
特殊字符、滚动文字、列表、日期、水平线的插入方法
掌握设置文本属性
一、网页中使用文本
1、输入特殊字符
2、插入日期
3、插入滚动文字
4、插入水平线
二、设置文本属性
字体(font-family)、大小(font-size)、字体颜色(color)、粗体(font-weight)、斜体(font-style
)
三、创建列表
1、无序列表
2、有序列表
网页中图像的使用
掌握网页的图像对象的插入方式。
熟悉网页中属性面板的使用
图像的插入
属性面板的使用
一、网页图像的插入
1、插入普通图像
1.1插入图像
1.2设置图像属性
1.3编辑图像
1.4调整图像亮度和对比度
1.4锐化图像
2、插入图像占位符
二、练习
1、在“迪士尼”页面中插入图像
2、制作图文混排效果
3、修剪与调整“蓝色港湾”页面的图像
三、鼠标经过图像效果
1、在“远东集团”页面中制作动态轮换图像效果
四、图像热区的设置
网页中多媒体的使用
掌握在网页中插入flash、视频、音频的方法
在网页中插入flash、视频、音频并设置属性
计算机专业职业道德素质的培养。
插入flash、视频、音频的方法
属性设置
一、网页flash的插入
1、插入FLASH动画
(1)设置flash动画的属性
(2)flash的三个标记<
object>
<
embed>
param>
(3)练习
关键点:
Wmode设置为transparent
2、插入FLASH按钮
文件保存的路径不能为中文
3、插入FLASH文本
如何保存网页中的flash动画
二、网页中视音频的插入
1、插入声音
2、插入视频
三、插入JavaApplet和ActiveX
在“艾格”页面制作JavaApplet特效
关键:
参数的设置
网页中的多媒体流式视频
网页中超级链接功能的设置
掌握网页中链接的设置。
熟悉网页中超级链接的属性设置
掌握超级链接的设置
超级链接的插入
一、关于超文本链接
1、URL:
统一资源定位符
2、链接标签<
中href、name、target属性说明
二、创建超级链接
1、通过“指向文件”创建链接
2、通过菜单创建链接
3、创建下载文件链接
4、创建电子邮件链接
mailto:
1966@
5、创建图像热区链接
6、创建锚点链接
二、链接检查与测试
表格的基本操作
1.掌握表格、行、列的插入、删除与属性设置的基本操作。
2.掌握单元格的拆分与合并操作已经单元格属性设置操作。
3.掌握布局表格与布局单元格的基本操作。
利用Dreamweaver8完成页面的设计与制作。
1.表格、行、列的插入、删除与属性设置的基本操作
2.单元格的拆分与合并操作已经单元格属性设置操作
一、表格的插入
二、表格属性的设置
三、表格的基本操作
1、添加行、列
2、删除行、列
3、拆分单元格
4、合并单元格
四、表格的其他功能
1、导入表格式数据
2、表格排序
表格布局制作个人网站首页
一、复习表格的插入、表格属性的设置
二、制作个人网页考虑的要素
1、网站的风格
2、网站的内容
3、网站功能
4、网站宣传
三、“画家”个人网站分析
2、网站的组成部分
四、演示操作步骤
1、在ps中将设计图进行切片(切边的原则)
2、将图片利用表格布局转换成网页
五、学生动手练习
表格布局制作个人网站内页
(二)
一、复习上一节课的内容
二、“画家”个人网站内页布局分析
1、在ps中将设计图进行切片
三、页面布局操作步骤详细讲解
1、插入表格2*2,宽度为780
2、合并单元格,设置表格的背景,修改表格的对其方式
3、插入一个8列的表格,并设置表格的背景,制作页面的导航
4、制作页面中的显示列表
四、学生动手练习
表格布局制作企业网站首页——Logo及导航
二、建立企业网站的原则
1、企业网站的分类(基本信息型、电子商务型、多媒体广告型)
2、企业网站是设计特点(交互性与连续性、多维性、多媒体的综合性、技术与艺术的紧密型)
3、企业网站的建站原则(目的性、专业性、实用性、艺术性)
四、“beatuty”网站分析
五、演示操作步骤
1、在ps中将设计图进行切片(切边的原则)
2、演示网站logo以及导航的制作
表格布局制作企业网站首页——新闻动态
一、复习
1、企业网站的分类
2、企业网站是设计特点
3、企业网站的建站原则
二、“beatuty”网站新闻动态部分页面布局分析
三、演示操作步骤
2、将所切的图片转换成网页(关键技术设置下划线和实现文字的滚动)
表格布局制作企业网站首页——产品展示
1、如何设置表格的下划线
2、如何实现文字的滚动
二、“beatuty”网站产品部分页面布局分析
2、将所切的图片转换成网页
表格布局制作企业网站内页——左侧导航
二、“beatuty”网站左侧部分页面布局分析
表格布局制作企业网站内页——右侧内容展示
二、“回转寿司”网站右侧内容展示部分页面布局分析
表格布局习题课——制作稻香村食品网站
(一)
二、让学生分析此网页的布局,并让学生根据分析将页面进行切片
三、学生根据之前所学习的知识制作网页
四、老师总结问题
表格布局习题课——制作稻香村食品网站
(二)
一、让学生分析此网页的布局,并让学生根据分析将页面进行切片
二、学生根据之前所学习的知识制作网页
三、老师总结问题
表单的使用
第周周(月日)第至节
1.掌握表单的属性设置。
2.掌握各表单对象的插入与属性设置。
能力目标:
完成注册页面的制作
2.掌握各表单对象的插入与属性设置。
各表单对象的插入与属性设置
与表单相关的html标签
机房,装有网页三剑客8、能上网的电脑一台
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 艺术设计 教案