使用DW制作简单网页.pptVIP

BMP（格式简单、图像信息丰富、不压缩）01GIF（压缩比高、动画、像素图qq、256色）02JPEG（压缩率极高、有损压缩、照片）03PNG（透明显示、兼有gif和jpeg的色彩模式）04参考文献web图像格式简述05网页中的图像种类专题三使用DW制作简单网页学习内容Dreamweaver基本介绍定义站点设置文件头使用文本使用图像使用Flash动画使用音频使用视频Dreamweaver是一款专业的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。Dreamweaver是Adobe(Macromedia)公司出品的一种专业化的网页创建工具,它采用所见即所得的编辑方式,通过特有的行为,模板,时间线等技术,能够快速高效地创建极具表现力和动感效果的网页,使网页创建过程变得简单.12AboutDreamweaver整个网站的制作流程：在Photoshop或者Fireworks中作出效果图→切图→在Dreamweaver中添加文字，定义样式。DW网站制作流程新建站点→站点文件命名→定义页面属性→插入表格→定义页面大小→转换到布局视图→添加内容→插入导航条→转换到标准视图工作→添加链接→使用代码片断→定义及应用CSS→添加动态交互→链接站点各个页面。0102DW设计网页的流程DW界面介绍视图切换代码提示属性面板标签选择器锚点用于网页中的定位，如网页的上、中、下等；图像占位符在需要使用图形的地方插入一个占位图形先“占领”着“地盘”；FireworksHTML为用Fireworks软件切割出来的图片；交换图像为鼠标移上去时变为另一图片，增强动感；表格数据可以将其它文件的数据转化为表格，插进网页；标签选择器可以插入其它不常用的HTML标签。定义站点Why避免错误的出现：路径错误，链接错误HOW1.建立一个文件夹用于存放网站的所有文件2.再按栏目分类(将图片放置在image文件夹中)3.命名规则：使用英文或者拼音命名网页文件的后缀名*.htm或者*.html，网站首页命名规则index.htm或者default.htm设置文件头1、meta标签说明2、设置网页的编码3、设置文档标题4、定义关键字5、设置说明文字6、设置网页的刷新1、meta标签说明属性名值说明namekeywords定义网页的关键词description提供网页的简短描述robots定义网页的搜索引擎索引方式http-equivContent-type定义用户的浏览器或相关设备如何显示将要加载的数据，eg.定义网页编码refresh用于刷新与跳转（重定向）页面expires用于网页缓存过期时间，一旦网页过期将服务器上重新下载页面pragma与no-cache用于定义页面缓存。metahttp-equiv=Content-Typecontent=text/html;charset=utf-8/metaname=keywordscontent=网页设计，浙江工业大学/2、设置网页的编码metahttp-equiv=Content-Typecontent=text/html;charset=utf-8/设置网页的编码在所有情况下都用GB2312么？设置网页的编码2、设置网页的编码3、设置文档标题title+++我的个人主页+++/title4、定义关键字多个关键字用逗号分隔开来。输入的关键字能反映主页的内容关键字不宜太多，一般在5个以内。metaname=keywordscontent=网页设计，浙江工业大学/5、设置说明文字metaname=descriptioncontent=wjb的个人站点，网页设计/说明文字和关键字一样，可供搜索引擎寻找网页。内容尽量要简明扼要。6、设置网页的刷新metahttp-equiv=refreshcontent=“3;URL=/打开网站后的若干秒内，让浏览器自动跳转到一个新网页。用于需要经常需要刷新的网页。注意URL的输入设置文本格式插入特殊符号段落与换行添加注释与空格插入并设置水平线hr设置段落缩进blockquote使用列表二、使用文本标题标签01h#align=“对齐方式”内容/h#02#代表字体大小，取值1~603align属性设置对齐方式，leftcenterright04字体标签05fontface=“字体类型”size=“字号”color=“颜色”内容/font