6网页制作Dreamweaver.pptx

网页制作Dreamweaver本章内容第一节 Dreamweaver预备知识第二节 Dreamweaver创建站点第三节 Dreamweaver网页编辑第四节 Dreamweaver进阶技术第一节 Dreamweaver预备知识1.网页组成元素及相关术语2.网页链接3.Web服务与FTP4.服务器端技术5.服务器连接6.文件类型1.网页组成元素及相关术语HTML文件CSS层叠样式表JavaScript事件与行为超链接、超文本表单表格与Div动画、帧、电影与视频GIF JPG PNG书签/锚记脚本与脚本语言DHTML和XMLHTML标记ASP,JSP与PHP服务器与客户端插件(Plug-In）2.网页链接网站结构的本质是文件夹和文件HTML(HyperText Markup Language) 超文本标记语言绝对路径（即URL） 协议://服务器名:端口号/路径/文件名#书签相对路径站点相对路径文档相对路径若要从 contents.html 链接到其他文件： 链接到 hours.html（两个文件在同一文件夹中），相对路径：hours.html。链接到 tips.html（在名为 resources 的子文件夹中），相对路径 resources/tips.html。每个正斜杠 (/) 表示在文件夹层次中下移一级 链接到 index.html（在父文件夹中，contents.html 向上一级），../index.html每个 ../ 表示在文件夹层次结构中上移一级 链接到 catalog.html（在父文件夹的子文件夹中）， ../products/catalog.html。其中 ../ 向上移至父文件夹；products/ 向下移至 products 子文件夹中。3.Web服务与FTP服务Web服务IISApacheNginxLAMPWAMPFTP服务4.服务器端技术ColdFusion—.cfm(Adobe)ASP—.asp（微软）ASP.net—.aspx（微软）JSP—.jsp（Sun）PHP—.php(开源)5.服务器连接文件传输协议：FTP，SFTP本地/网络：本机或者网络文件夹远程开发服务—RDSWeb分布式创作和版本控制——WebDAV6.文件类型网页文件：.html层叠样式表文件：cssJavascript文件：js图像文件：jpg, gif, png，\images目录图形文件：svg声音、视频文件：wav, ogg, avi, mp4等服务器脚本：asp, aspx, jsp, cfm, php, pl等Dreamweaver站点定义文件：ste第二节 Dreamweaver创建站点1.Dreamweaver站点2.使用Dreamweaver创建站点3.管理站点1.Dreamweaver站点在 Dreamweaver 中，术语“站点”指属于某个 Web 站点的文档的本地或远程存储位置。Dreamweaver 站点提供了一种方法，可以组织和管理您所有的 Web 文档，将站点上传到 Web 服务器，跟踪和维护链接以及管理和共享文件。应定义一个站点以充分利用 Dreamweaver 的功能。注： 若要定义 Dreamweaver 站点，只需设置一个本地文件夹。若要向 Web 服务器传输文件或开发 Web 应用程序，还必须添加远程站点和测试服务器信息。1.Dreamweaver 站点站点由三部分组成：本地根文件夹存储正在处理的文件。Dreamweaver 将此文件夹称为“本地站点”。此文件夹通常位于本地计算机或网络服务器。远程文件夹存储用于测试、生产和协作等用途的文件。Dreamweaver 在“文件”面板中将此文件夹称为“远程站点”。远程文件夹通常位于运行 Web 服务器的计算机上。远程文件夹包含用户从 Internet 访问的文件。通过本地文件夹和远程文件夹的结合使用，可在本地硬盘和 Web 服务器之间传输文件。可以在本地文件夹中处理文件，希望其他人查看时，再将它们发布到远程文件夹。测试服务器文件夹Dreamweaver 在其中处理动态页的文件夹。 2.使用Dreamweaver创建站点文件|新建…|新建Dreamweaver站点站点|新建站点…站点|管理站点|新建站点2.使用Dreamweaver创建站点修改站点名称选择本地站点文件夹不要用中文保存站点右侧文件面板管理文件2.使用Dreamweaver创建站点服务器基本服务器名称连接方法测试根目录Web URL更多选项高级文件取出功能（版本控制）服务器模型2.使用Dreamweaver创建站点版本控制Subversion2.使用Dreamweaver创建站点高级设置本地信息遮盖设计备注文件视图列Contribute模板SpryWeb字体关于站点遮盖（了解）利用