Dreamweaver_网页制作.ppt
上传人:sy****28 上传时间:2024-09-15 格式:PPT 页数:99 大小:7MB 金币:16 举报 版权申诉
预览加载中,请您耐心等待几秒...

Dreamweaver_网页制作.ppt

Dreamweaver_网页制作.ppt

预览

免费试读已结束,剩余 89 页请下载文档后查看

16 金币

下载此文档

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

问题:Dreamweaver网页制作Dreamweaver静态网页、动态网页目录二、制作网页(重点)1、首页:index.html文本图像简单处理Css样式设置、应用2、“作品展示”:works.html表格超链接3、“心情日记”:diary.Html框架、框架集多媒体插件4、“家乡山水”:travel.html热点锚记层和行为(网页动态效果)一、窗口布局HTML简介文档结构HTML语法非常简单,它通过各种标记来表示。1.实例代码在记事本中输入以下代码(从<html>开始到</html>结束):<html><head><title>HTML基础</title></head><body>一个简单的网页</body></html>2.保存文件然后执行【文件】->【保存】命令,注意要选择“保存类型”为:【所有文件】。输入文件名:test.htm,单击“保存”按钮。3.在IE浏览器查看所创建的文件标记语法一、窗口布局一、窗口布局一、窗口布局二、创建和管理站点4.制作网站的基本流程新建本地站点建立站点结构创建网页编辑网页设置网页的页面属性网页元素的插入并进行属性设置保存和预览网页目录文本的输入与编辑换行:【Shift+回车】,其HTML标记为“</BR>”。分段:【回车】,其HTML标记为“<p>字符串</p>”,与前一段落之间多出一个空行。其他文本插入特殊字符在字符之间添加空格“ctrl+Shift+空格键”插入时间插入水平线(html)设置段落格式段落格式设置有“凸出”,“缩进”,“段落格式”,“对齐”,“列表”使用属性面板中的相应操作选择菜单”文本”示例1—插入水平线2.图像操作3.表格操作设置表格、单元格、行和列的属性示例示例—1像素边框的表格操作步骤示例—用表格制作论坛界面操作步骤:4.超链接操作相对路径比如E:\eshop\index.html链接到E:\eshop\bm\aboutus.htm,可以把E:\eshop\去掉,只用bbs\about.htm。假设一个站点的结构如下:当要链接到与当前文档处于同一文件夹中的文档时,只需输入文件名。比如要从aboutus.htm链接到yewu.htm(两个文件在同一文件夹“bm”中,且目录深度相同),则其相对路径为yewu.htm。当要链接到当前文档所在文件夹的子文件夹文档时,先要有子文件夹名称,然后跟符号“/”,在加文件名。比如要从index.html链接到yewu.htm(两个文件在同一文件夹“eshop”中,index.html处于父目录中,而yewu.htm处于子目录bm中),则其相对路径为bm/yewu.htm。反过来,当要链接到当前文档所在文件夹的父文件夹的文档时,在文档名前要加“../”。比如要从yewu.htm链接到index.html(两个文件在同一文件夹“eshop”中,index.html处于父目录中,而yewu.htm处于子目录bm中),则其相对路径为../index.html。当要链接到非同一目录的文档时,要先加“../”,后加文件夹名再加链接到的文件名。比如要从tupian.htm链接到aboutus.htm(两个文件在不同的目录中,tupian.htm在“album”目录中,aboutus.htm在“bm”目录中),则其相对路径为../bm/aboutus.htm。示例示例—图像热点超链接示例—超链接6.层、时间轴、行为的使用层的使用示例—层的应用操作步骤应用时间轴示例——飞舞的小天使行为的使用常用内置行为示例——弹出信息窗口7.框架的使用示例—框架1示例—框架28.插入多媒体插入Flash对象示例插入Flash对象设置Flash影片属性设置Flash按钮属性插入Flash文本“插入”→“媒体”→“Flash文本”单击插入面板媒体分类下的Flash文本按钮插入声音插入其他多媒体