网页css表格样式

DreamWeaverMX网页制作广州市广播电视大学实训中心项荣健xrj@ougz.
com.
cnmsn:gzzxrj@hotmail.
comQq:23320190学习目标:z学习DreamWeaverMX的使用z从技术层面掌握网页制作的基本方法及技巧z学会使用DreamWeaverMX制作与学科专业相关的网站上课时间:z早上8:30----11:35z七次课,最后一次课交作品考核方式z不必参加笔试z每一次上课出勤z按时提交作品z作品符合要求学习内容:站点的创建文字编辑、页面设置图片的运用表格的运用表单的应用框架网页中的层时间轴及动画行为模板的应用多媒体元素的插入(简要介绍)CSS样式(简要介绍)第一次课站点的创建及文字编辑DreamweaverMX简介zMacromedia公司出品z可自动产生HTML、JavaScript、VBScript、CSS等网页语言z强大的网站管理功能z能够实现"无限扩充"z"网页三剑侠":dreamweaver、flash、fireworks什么是网页演示制作网页首先要注意的问题z默认的首页名index.
htm(推荐)、default.
htm-----静态网页index.
asp、default.
asp-----动态网页z要把所有的要用到的文件(包括图片、声音文件、*.
htm文件、视频文件等)都放到一个专用的文件夹中z不要为文件起中文名字操作界面介绍z属性面板z对象面板本地站点的创建z创建一个本地站点对站点本身的管理、上传维护、内容的扩充和移植有着重要的影响.
网页基本设置z网页的标题z背景图应用z颜色设置z留白设置z文字编码z网页草稿图网页的名称,收藏夹中的名字文字的编排与段落z字体设定z字号设定z文字颜色设定z文字的样式z文字的对齐z加入项目列表和编号列表z切换段落文字的编排与段落z尽量不要在网页中使用特殊字体,如果浏览者没有安装字体,就会应用默认的字体替代,这样就会影响整体的页面效果.
z最好使用宋体或黑体z如果必须应用特殊字体表达网页的效果,可以将其制作为图像,然后插入到网页中.
图片的运用z网页上常用的图片格式:*.
JPG:适用于风景照片、人物照片*.
GIF:图表按钮、网页标题、卡通插画,可用于"透明图"及"GIF动画"*.
PNG:整合了JPG和GIF的优点,网页图片格式的趋势图片运用的注意事项:z在插入图片之前,一定要把网页文件(*.
htm)保存在专用文件夹中z网页文件(*.
htm)与图片文件一定要保存在同一个专用文件夹中超链接运用z实现从网站的首页连接到其他的内容页z实现同一个网站中不同内容页的连接z实现从一个网站连接到其他的网站超链接运用的注意事项z使用相对路径z在创建超链接之前要先将htm文件保存到专用文件夹中几种的常用超链接运用z文字超链接z图片超链接zE-mail超链接z锚点超链接z图像映像图zDownload下载设置z自动换页表格的应用z表格是网页排版的关键工具z能否灵活运用表格是设计者水平高低的表现页框的应用认识页框页框的应用z建立页框z页框的构造z页框的保存z设置页框属性z页框超链接表单的应用z是用户端与服务端沟通的界面z主要功能是在前端浏览器上供用户填写资料表单物件面板介绍z文本框z单选框z下拉菜单z列表框z多选框z文本域z提交按钮应用图层z建立图层z选取图层z移动图层z图层的重叠z嵌套图层z隐藏图层z同时编辑多个图层时间轴动画z时间轴属性面板介绍z实例演示图层动画记录动画路径立体环绕动画Behaviour行为应用z弹出警告窗z鼠标划过的图层显示与隐藏z弹出浏览窗z图片置换动画z字幕的滚动效果z背景音乐的播放zCss介绍z站点管理介绍z模板的使用简介gzddxxgkddjsbxwlxbjjimage.
htm.
htm.
htm.
gif.
jpg主要介绍的内容z本地站点的创建z网页基本设置z文字编辑z图片的运用z超链接运用z表格应用z建立页框z表单应用z图层及时间轴动画zBehavior行为z多媒体元素的插入zCSS样式z模板的应用