文档介绍:网络教育资源的建设与利用
课时安排:课堂讲授与练****6-8学时
综合作业6学时
利用Dreamweaver 创建网站和制作网页
1 网站总体规划设计与网页制作工具概述
2 用Dreamweaver创建站点与制作网页
3 网页与链接,把知识串起来
4 用框架、层布局页面及表单网页制作
5 运用行为制作动态效果
6 层叠样式表CSS与模版的应用
7 站点的维护与上传发布
8 CS3/4 Spry构件的使用
在创建站点之前,要明确站点的定位、栏
目、结构、布局和风格。
网站的定位(即主题)
①主题小而精。
②题材最好是自己擅长或者喜爱的内容。
③题材不要太滥或者目标太高。
设计活动1:总体设计,凸展网站的主题
网站栏目
网站栏目起导航作用,好的栏目分类可以迅速且明确地将网站的主体显示出来。应根据网站定位并结合网络教育资源的特点设置网站主栏目,再按主栏目的要求设计二级栏目、三级栏目等。
网站的风格
风格(style)是独特的,是站点与其他同站不同的地方。风格是抽象的,是指站点的整体形象给测览者的综合感受。网站风格主要通过网站标志(Logo)、网站宣传标语(banner)、标准色彩等展现。通常网站的标准色彩不宜超过三种颜色,蓝色、橙色、绿色,是教育网站的常用色彩。
网站结构(目录结构、超链接结构)
(1) 网站的目录结构
不要将所有文件都存放在根目录下,按栏目内容建立子目录,在每个子目录下都建立独立的images目录等,目录的层次不要太深。
(2) 网站的链接结构
树状链接结构(一对一)
星状链接结构(一对多)
网页的布局
网页布局主要是设计图片和文字在页面的位置,应将网站标志、主菜单等主要模块摆放在最突出的位置。
网站首页布局有“国/同”字型、拐角/L型、标题正文型、左右框架型等。
布局实现方法:表格布局、层布局、框架布局
“国/同”字型
拐角/L型
标题正文型