欢迎来到天天文库
浏览记录
ID:41110200
大小:984.01 KB
页数:36页
时间:2019-08-16
《《DW制作简单网页》PPT课件》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、大家先了解一下HTML的基本结构HTML的基本语法常用HTML标签HTML结构html标签每个文档必须使用,浏览器遇到开始解释,结束解释。head部分用于对页面中使用的字符集、样式、窗口标题、脚本语言等进行说明和设置。body部分是文档的主体,包含绝大部分html元素。HTML的基本语法标签HTML通过标签文档的内容和外观,标签就是HTML的命令。标签以<>开始,以>结束eg.
2、性语法属性的值需要在双引号中属性名和属性值必须成对出现属性语法<标签名属性名1=“属性值”属性名2=“属性值”>内容标签名>Eg.超文本HTML常用基本标签meta标签在网页的HTML源代码中一个重要的代码“”(即通常所说的META标签)。META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。文本标签分隔标签列表标签超链接标签图像标签DW基本内容Dreamweaver基本介绍定义站点设置文件头使用文
3、本使用图像使用Flash动画使用音频使用视频AboutDreamweaverDreamweaver是一款专业的HTML编辑器,用于对Web站点、Web页和Web应用程序进行设计、编码和开发。Dreamweaver是Adobe(Macromedia)公司出品的一种专业化的网页创建工具,它采用所见即所得的编辑方式,通过特有的行为,模板,时间线等技术,能够快速高效地创建极具表现力和动感效果的网页,使网页创建过程变得简单.DW设计网页的流程整个网站的制作流程:在Photoshop或者Fireworks中作出效果图→切图→在Dreamweaver中添加文字,定义样式。DW网站制作流程新建站点→站点
4、文件命名→定义页面属性→插入表格→定义页面大小→转换到布局视图→添加内容→插入导航条→转换到标准视图工作→添加链接→使用代码片断→定义及应用CSS→添加动态交互→链接站点各个页面。DW界面介绍视图切换代码提示属性面板标签选择器定义站点Why避免错误的出现:路径错误,链接错误HOW1.建立一个文件夹用于存放网站的所有文件2.再按栏目分类(将图片放置在image文件夹中)3.命名规则:使用英文或者拼音命名网页文件的后缀名*.htm或者*.html,网站首页命名规则index.htm或者default.htm设置文件头1、meta标签说明2、设置网页的编码3、设置文档标题4、定义关键字5、设置
5、说明文字6、设置网页的刷新meta标签说明属性名值说明namekeywords定义网页的关键词description提供网页的简短描述robots定义网页的搜索引擎索引方式http-equivContent-type定义用户的浏览器或相关设备如何显示将要加载的数据,eg.定义网页编码refresh用于刷新与跳转(重定向)页面expires用于网页缓存过期时间,一旦网页过期将服务器上重新下载页面pragma与no-cache用于定义页面缓存。6、"keywords"content="网页设计,设计"/>设置网页的编码设置网页的编码在所有情况下都用GB2312么?设置网页的编码设置网页的编码设置文档标题+++我的个人主页+++定义关键字多个关键字用逗号分隔开来。输入的关键字能反映专题的内容关键字不宜太多,一般在5个以内。设置说明文字说明文字和关键字一样,可供搜索引擎寻找网页。内容尽量要简明扼要
6、"keywords"content="网页设计,设计"/>设置网页的编码设置网页的编码在所有情况下都用GB2312么?设置网页的编码设置网页的编码设置文档标题
7、。设置网页的刷新打开网站后的若干秒内,让浏览器自动跳转到一个新网页。用于需要经常需要刷新的网页。注意URL的输入二、使用文本1、设置文本格式2、插入特殊符号3、段落与
此文档下载收益归作者所有