Dreamweaver 4 简明教程(三、制作前的准备工作——定义网站)

dreamweaver|教程

三、制作前的准备工作——定义网站

  在正式开始制作网页之前,最好先定义一个新网站,这是为了更好地利用站点窗口对站点文件进行管理。

  定义的方法

  方法一:在站点窗口的下拉菜单选择最后一项Define Sites,如下图。

  此时会弹出一个新的对话框,点击New按钮是定义一个新网站,如果日后需要对旧有网站重新定义,可以在左边的网站列表中选中你需要重新定义的网站,然后点击 Edit 按钮便可。

  方法二:选择命令菜单 Site > New Site 选项。

  基本设置

  在接着看到的对话框中,要进行以下三步简单的设置:

  ① Site Name(网站名称):为你的网站起一个名字,这个名字只起着识别的作用,与网站发布后真实的名字无关,例如这里的名字是:“我的网站”,而实际上我的网站叫“上网指南”;

  ② Local Root(本地根目录):设置网站在本地硬盘的位置,点击后面的文件夹图标可以选择硬盘的任意目录作为存放网站文件的目录;

  ③ Cache(缓存):建立缓存可以使文件的移动、改名、查找等站点管理的操作速度大大提升,因此建议大家在这里打上钩。   

  完成后,回到站点窗口,就可以看到如下类似的画面:

  可以看到,“我的网站”的名称已经出现在站点窗口了,因为是新建的一个站点,所在在本地目录看到的一片空白。

  站点定义完毕之后,就可以正式制作属于你自己的网页了。

时间: 2024-08-04 05:57:41

Dreamweaver 4 简明教程(三、制作前的准备工作——定义网站)的相关文章

教程/dreamweaver/入门 Dreamweaver 4 简明教程3(定义网站)

dreamweaver|教程 在正式开始制作网页之前,最好先定义一个新网站,这是为了更好地利用站点窗口对站点文件进行管理. 定义的方法 方法一:在站点窗口的下拉菜单选择最后一项Define Sites,如下图. 此时会弹出一个新的对话框,点击New按钮是定义一个新网站,如果日后需要对旧有网站重新定义,可以在左边的网站列表中选中你需要重新定义的网站,然后点击 Edit 按钮便可. 方法二:选择命令菜单 Site > New Site 选项. 基本设置 在接着看到的对话框中,要进行以下三步简单的设置

教程/dreamweaver/入门 Dreamweaver 4 简明教程6(让你的网页更漂亮)

dreamweaver|教程|网页 假设现在我们插入的是如下这张图片: 点选该图片,打开属性面板(Ctrl+F3),可看到如下图的状态: 1.图片的缩略图及图片的大小. 2.图片的长宽,如果图片长于宽跟原图的大小不一致的话,这里的数字会用粗体显示:点取一张图片,你可以看到图片会被套上一个框和三个点,三个点分别代表将图片向三个不同的方向拉伸,从而达到放大和缩小的效果:在拉伸过程中,按着Shift键,再拖动角上的点,可以使图片保持宽高比例拉伸,如下图.如果要将图片恢复为原始大小,可以按属性面板右下角

教程/dreamweaver/入门 Dreamweaver 4 简明教程4(从最简单的网页开始)

dreamweaver|教程|网页 新建页面 一般推荐大家在站点窗口完成新建网页文件的操作,这样有助大家清楚新建的页面在整个网站的具体位置: 方法一:选择菜单上的 File > New File 方法二:在本地目录选中需要新建页面的目录,单击右键,选择 New File 在Dreamweaver UltraDev中,新建页面的文件名默认为untitled.asp.我们要给这个页面重新起一个名字,例如是"index.htm".改名的方法是在文件名上缓慢地点击两下(如下图),不要太快

教程/dreamweaver/入门 Dreamweaver 4 简明教程15(互动效果)

dreamweaver|教程 制作更复杂的互动效果 在Dreamweaver中,更复杂的效果是通过一个叫Behaviors的功能实现的,Behaviors的从字面上理解是"行为",我们又称为事件的响应.通过网页元素的变化,如鼠标的移动.点击等"事件" (Events),触发弹出窗口,关闭页面等"响应"(Actions),就是一个事件的响应.而值得高兴的是,"行为"的制作过程几乎是傻瓜式的. 按Shift+F3,打开行为面板,如

Dreamweaver 4 简明教程(五、让你的网页更漂亮之二)

dreamweaver|教程|网页 图片的处理 假设现在我们插入的是如下这张图片: 点选该图片,打开属性面板(Ctrl+F3),可看到如下图的状态: 1.图片的缩略图及图片的大小. 2.图片的长宽,如果图片长于宽跟原图的大小不一致的话,这里的数字会用粗体显示:点取一张图片,你可以看到图片会被套上一个框和三个点,三个点分别代表将图片向三个不同的方向拉伸,从而达到放大和缩小的效果:在拉伸过程中,按着Shift键,再拖动角上的点,可以使图片保持宽高比例拉伸,如下图.如果要将图片恢复为原始大小,可以按属

Dreamweaver 4 简明教程(四、从最简单的网页开始)

dreamweaver|教程|网页 四.从最简单的网页开始 新建页面 一般推荐大家在站点窗口完成新建网页文件的操作,这样有助大家清楚新建的页面在整个网站的具体位置: 方法一:选择菜单上的 File > New File 方法二:在本地目录选中需要新建页面的目录,单击右键,选择 New File 在Dreamweaver UltraDev中,新建页面的文件名默认为untitled.asp.我们要给这个页面重新起一个名字,例如是"index.htm".改名的方法是在文件名上缓慢地点击

Dreamweaver 4 简明教程(八、为网页增添互动效果2)

dreamweaver|教程|网页 八.为网页增添互动效果 制作更复杂的互动效果 在Dreamweaver中,更复杂的效果是通过一个叫Behaviors的功能实现的,Behaviors的从字面上理解是"行为",我们又称为事件的响应.通过网页元素的变化,如鼠标的移动.点击等"事件" (Events),触发弹出窗口,关闭页面等"响应"(Actions),就是一个事件的响应.而值得高兴的是,"行为"的制作过程几乎是傻瓜式的. 按Sh

教程/dreamweaver/入门 Dreamweaver 4 简明教程2(初步认识 Dreamwe

dreamweaver|教程 Dreamweaver的启动 Dreamweaver的安装过程非常简单,一但成功安装后,就可以在开始菜单找到Dreamweaver的选项: 编辑窗口 第一次启动Dreamweaver,首先看到的是Dreamweaver的编辑窗口,千万别给上面密密麻麻的浮动窗口吓倒,其实常用的,就以下几个: ① 主菜单:在这里可以找到编辑窗口的的绝大部分功能: ② 工具栏:是Dreamweaver4的新增功能: ③ 对象面板(Objects):在网页编辑的过程中,通过单击对象面板的按

Dreamweaver 4 简明教程(二、初步认识 Dreamweaver)

dreamweaver|教程 二.初步认识 Dreamweaver Dreamweaver的启动 Dreamweaver的安装过程非常简单,一但成功安装后,就可以在开始菜单找到Dreamweaver的选项: 编辑窗口 第一次启动Dreamweaver,首先看到的是Dreamweaver的编辑窗口,千万别给上面密密麻麻的浮动窗口吓倒,其实常用的,就以下几个: ① 主菜单:在这里可以找到编辑窗口的的绝大部分功能: ② 工具栏:是Dreamweaver4的新增功能: ③ 对象面板(Objects):在