DW介绍及站点管理

本文格式为Word版，下载可任意编辑——DW介绍及站点管理2022519西南财经大学天府学院1Dreamweaver第一讲根基学识2022519西南财经大学天府学院21是否曾想过这么多美丽而且实用的网站是怎么做出来的2是否曾想过自己做一个主页挂到网上表示自己的天性魅力呢3你有blog吗想让自己的Blog更天性吗当你上网翱游的时候2022519西南财经大学天府学院3关于网站制作你了解多少工具有没有辅佐工具呢2022519西南财经大学天府学院4网络技术的进展使得人们对网页所能包含的信息量的要求越来越高作为网页三剑客之一的Dreamweaver就是一个功能强大为从多网页设计师所青睐的网页制作利器2022519西南财经大学天府学院5网页三剑客简介Dreamweaver8acromedia公司推出的网站开发工具主要功能站点管理网页排版与编辑等Fireworks8acromedia公司推出的网站开发工具主要功能网页图形图象的制作及修改热点及切片的应用Flash8acromedia公司推出的矢量动画设计软件以上是网页三剑客所学的三门软件由于都与网页制作有关且功能强大彼此结合性极好故称之为网页三剑客2022519西南财经大学天府学院6网页与网站网页我们在欣赏器中看到的页面它是一个单个的文件网页里可以有文字表格图像声音视频等等后缀是htm或html的文件首页网站中的第一个页面成为首页或主页网站二个或更多的网页链接在一起就构成了网站也叫站点计算机上的网站其实就是一个文件夹2022519西南财经大学天府学院7网站站点务必放在服务器上服务器是一种大容量的计算机与Internet日夜相连网站与服务器注Internet上有各种服务器而我们在网上欣赏到网页在服务器上一台服务器上可以设多个网站它们对应着不同的域名和IP地址有些大型网站可能有多台服务器2022519西南财经大学天府学院8Dreamweaver8简介MacromediaDreamweaver是个由Macromedia公司开发的出名网站开发工具它使用所见即所得WhatYouSeeWhatYouGet的介面亦有HTML编辑的功能它现在有Mac和Windows系统的版本Macromedia已经筹划开发Linux版本的Dreamweaver了后来Macromedia公司被Adobe公司收购Dreamweaver开头推出CS版本Dreamweaver是建立Web站点和应用程序的专业工具它将可视布局工具应用程序开发功能和代码编辑支持组合为一个功能强大的工具使每个级别的开发人员和设计人员都可利用它快速创造界面开发人员可以将其选择的服务器技术与DreamweaverMX合作使用建立将用户连接到数据库和Web服务的强大Internet应用程序2022519西南财经大学天府学院9Dreamweaver8的启动方法二选中某个Html文件右击鼠标器选择用DreamweaverMX举行编辑方法一开头程序MacromediaMacromediaDreamweaver8创造新工程HTML进入Dreamweaver8的设计页面2022519西南财经大学天府学院10标题栏菜单栏插入栏文档工具栏文档窗口属性面板面板组文件面板视图在文档工具栏上可以切换视图代码视图设计视图代码设计在举行网页编辑时由于操纵面板的影响无法看到网页的全貌可以使用快捷键F4快速关闭全体操纵面板再按F4可以恢复原来的状态Dreamweaver8的窗口2022519西南财经大学天府学院11标题栏文件标题网页存储位置与文件名称内容经过修改尚未保存如何修改标题12修改文件标题它将显示在欣赏器的标题栏中2022519西南财经大学天府学院12状态栏标签选择器单击可选中该标签及标签中内容标签依次从左到右依次向内选择对象的好手段窗口大小窗口大小在最大化处境下无法修改文档大小和估计下载时间可在编辑首选参数中修改2022519西南财经大学天府学院13练习一Dreamweaver入门启动Dreamweaver开头程序MacromediaMacromediaDreamweaver8开启关闭站点管理器对象面板属性面板熟谙工作环境设置窗口2022519西南财经大学天府学院14网页的根本分类以网页的角度来看一个网站中的众多网页主要可以分成以下两层2022519西南财经大学天府学院15做网页的几个关键步骤创造本地站点编辑网页超级链接网页排版发布站点2022519西南财经大学天府学院16两个为什么为什么要建站点计算机上的站点是什么样2022519西南财经大学天府学院17远程站点和本地站点网页的开发和制作一般在客户端举行之后向服务器上传本地站点开发阶段在本地硬盘上用来存放整个网站的全体文档的目次远程站点开发终止后存放在网络服务器端供用户欣赏2022519西南财经大学天府学院18计算机上的站点网页主页图像子文件夹网站位置文件夹名称2022519西南财经大学天府学院19创造站点规划站点2022519西南财经大学天府学院20步骤1在硬盘根目次下新建一个文件夹给文件夹命名如abc开启dw的站点管理器选择site站点newsite新建站点命令创造站点建立站点2022519西南财经大学天府学院211站点新建站点高级2举行如下设置站点名称为本地站点命名本地根文件夹设置此文件夹的路径默认图象文件夹设置此站点图象文件的默认存储路径可不设置HTTP地址输入网站的网址可不设置步骤2留神当本地站点建立好后自动显示站点面板2022519西南财经大学天府学院22站点名称仅仅给设计者起到标识说明作用选择是否每次拷贝文件到本地站点时都自动刷新本地文件夹列表否那么需要手动刷新输入上传站点的URL也可不输入内容2022519西南财经大学天府学院23实例设计练习在硬盘根目次下新建一个文件夹给文件夹命名如happy我的电脑选择硬盘文件新建文件夹在Dw中选择站点新建站点命令输入站点名称开心站站点名称可以是中文找到本地根文件夹Dhappy西文根据规划处境建立几个空白网页Tryyourself2022519西南财经大学天府学院24页面属性的设置开启属性面板页面属性修改页面属性留神链接颜色跟踪图象相当于特殊的辅佐线是网页排版的一种辅佐手段只在网页编辑时可见对最终结果没有影响留神与背景图象的识别2022519西南财经大学天府学院25首选参数设置首选参数定义了启动Dreamweaver8时对工作环境的一些默认设置1选择主菜单编辑首选参数命令2按CtrlU组合键图22首选参数对话框2022519西南财经大学天府学院26预览的概念作用1上传前在本地欣赏器中欣赏网页F122不必保存即可预览但为了加快运行速度最好保存后预览2022519西南财经大学天府学院27建立站点原那么