《dreamweaver教程全集》由会员分享，可在线阅读，更多相关《dreamweaver教程全集（40页珍藏版）》请在金锄头文库上搜索。
1、 Dreamweaver 8Dreamweaver 8基础教程基础教程 一、上网基础 一、上网基础 学习做网页之前，我们首先要知道网页是什么，一般来说网页是用在网络上的 htm文件，通过网页可以很方便的实现网络资源的共享，上网分为三个步骤。 学习做网页之前，我们首先要知道网页是什么，一般来说网页是用在网络上的 htm文件，通过网页可以很方便的实现网络资源的共享，上网分为三个步骤。 1、输入正确的网址 1、输入正确的网址 1）在桌面上找到Internet Explorer 1）在桌面上找到Internet Explorer，双击打开，出现浏览器窗口，一般 会自动进入微软的网站。 ，双击打开，出现
2、浏览器窗口，一般 会自动进入微软的网站。 2）找到地址栏一个长白条，里面有一串英文字母，后头是“转到”按钮，这 就是地址栏。 2）找到地址栏一个长白条，里面有一串英文字母，后头是“转到”按钮，这 就是地址栏。 3）在地址栏里头点一下鼠标左键，然后删除里面的字符，输入自己的的网址， 网址一般是英文的以http打头，然后是一个冒号和两个斜杠（双斜杠）， 3）在地址栏里头点一下鼠标左键，然后删除里面的字符，输入自己的的网址， 网址一般是英文的以http打头，然后是一个冒号和两个斜杠（双斜杠）， 然后是www（三W），后面跟一个点，最后一般是com结尾，例如输入 http:/ 然后是www（三W），后
3、面跟一个点，最后一般是com结尾，例如输入 http:/ 输完检查一下，没问题就按一下回车键，或者点一下后边的“转到”按钮，这 时窗口右上角的小图标就开始运动，也就是正在搜索。 输完检查一下，没问题就按一下回车键，或者点一下后边的“转到”按钮，这 时窗口右上角的小图标就开始运动，也就是正在搜索。 4)一切正常就会进入到百度搜索的首页。 4)一切正常就会进入到百度搜索的首页。 2、找超级链接 2、找超级链接 网页上的内容是一页一页的， 一般都藏在一个叫超链接的后面， 所以第二步就 是要找到超链接。 网页上的内容是一页一页的， 一般都藏在一个叫超链接的后面， 所以第二步就 是要找到超链接。 超链接
4、有三个特点，首先文字的颜色是蓝色的，非常醒目，其次文字下面有一 条下划线，便于查找，最关键的是当鼠标移过去以后，指针会变成手形 超链接有三个特点，首先文字的颜色是蓝色的，非常醒目，其次文字下面有一 条下划线，便于查找，最关键的是当鼠标移过去以后，指针会变成手形，这 一点很重要。 ，这 一点很重要。 找到超链接以后就可以鼠标左键单击，进入相应的内容了。 找到超链接以后就可以鼠标左键单击，进入相应的内容了。 3、后退按钮 3、后退按钮 看完一页后如何返回呢？在窗口的左上角有一个后退按钮 看完一页后如何返回呢？在窗口的左上角有一个后退按钮， 点一下就 可以回到上一页，这样就不会迷失方向了。 ， 点一
5、下就 可以回到上一页，这样就不会迷失方向了。 二、启动程序 二、启动程序 安装好以后， 我们就可以使用它来制作自己的网页， 这一节我们来学习如何运行 Dreamweaver。 安装好以后， 我们就可以使用它来制作自己的网页， 这一节我们来学习如何运行 Dreamweaver。 1、新建文件夹 1、新建文件夹 在D:盘中给自己新建一个文件夹，文件名用自己名字的拼音字母，数量小于 8 个，以后自己的网页都存这里头。 在D:盘中给自己新建一个文件夹，文件名用自己名字的拼音字母，数量小于 8 个，以后自己的网页都存这里头。 其他文件夹也可以， 要求基本是名称是英文， 尽量不要用空格汉字等那些非标 准字
6、符。 其他文件夹也可以， 要求基本是名称是英文， 尽量不要用空格汉字等那些非标 准字符。 2、启动Dreamweaver 2、启动Dreamweaver 1）点击“开始所有程序MacromediaMacromedia Dreamweaver 8， 1）点击“开始所有程序MacromediaMacromedia Dreamweaver 8， 2）第一次运行会出来一个选择面板，选默认的“设计”，点“确定”即可。 2）第一次运行会出来一个选择面板，选默认的“设计”，点“确定”即可。 3）然后出来一个激活的页面，如果有正式的序列号，点“继续”即可，也可 以选择下面的 30 天免费试用。 3）然后出来一
7、个激活的页面，如果有正式的序列号，点“继续”即可，也可 以选择下面的 30 天免费试用。 正确输入序列号后，在出来的注册页面中，点“以后提醒”按钮即可。 正确输入序列号后，在出来的注册页面中，点“以后提醒”按钮即可。 4）接下来开始载入Dreamweaver，直到出现一个完整的窗口。 4）接下来开始载入Dreamweaver，直到出现一个完整的窗口。 这个页面称作“起始页”， 中间是新建项目， 我们一般选第一个Html普通网页， 新建一个空白文档。 这个页面称作“起始页”， 中间是新建项目， 我们一般选第一个Html普通网页， 新建一个空白文档。 三、创建网页 三、创建网页 这一节我们来学习如
8、何创建网页，在基础 0 课程我们认识了网页， 下面我们通过 一个练习来看看怎样做一个网页。 这一节我们来学习如何创建网页，在基础 0 课程我们认识了网页， 下面我们通过 一个练习来看看怎样做一个网页。 1、启动Dreamweaver 1、启动Dreamweaver 1）点击“开始所有程序MacromediaMacromedia Dreamweaver 8”， 1）点击“开始所有程序MacromediaMacromedia Dreamweaver 8”， 2）在中间的“创建新项目”中点第一个 HTML，打开一个空白文档。 2）在中间的“创建新项目”中点第一个 HTML，打开一个空白文档。 2、保
9、存文件 2、保存文件 1）点菜单“文件保存”命令，弹出一个“另存为”对话框，在上边的保存 在长条中，找到D:盘，在中间打开自己的文件夹。 1）点菜单“文件保存”命令，弹出一个“另存为”对话框，在上边的保存 在长条中，找到D:盘，在中间打开自己的文件夹。 2）在下边文件名那儿把Untitled-1 删除，改成 index 然后点右边的“保存”按 钮。 2）在下边文件名那儿把Untitled-1 删除，改成 index 然后点右边的“保存”按 钮。 这儿注意两点，一个是保存位置在自己的文件夹，一个是文件名改成 index 这儿注意两点，一个是保存位置在自己的文件夹，一个是文件名改成 index 3
10、）回到窗口，这时候在标签上就有了文件的名称 3）回到窗口，这时候在标签上就有了文件的名称，然后在标签下面 的文档工具栏中间找到“标题”。 ，然后在标签下面 的文档工具栏中间找到“标题”。 把标题改一下，这个网页内容是个人主页，把标题改成“青青 草” 把标题改一下，这个网页内容是个人主页，把标题改成“青青 草” 4）这样我们就修改好了标题，同时按下Ctrl和S键(CtrlS组合键)，保存一下文 件，标签上的星号消失。 4）这样我们就修改好了标题，同时按下Ctrl和S键(CtrlS组合键)，保存一下文 件，标签上的星号消失。 3、输入内容 3、输入内容 1）在中间工作区里点一下鼠标，这是光标在左上
11、角一闪一闪，提示输入内容。 1）在中间工作区里点一下鼠标，这是光标在左上角一闪一闪，提示输入内容。 输入下面的三行内容，输完一行按一下回车键，输完按CtrlS保存一下文件。 输入下面的三行内容，输完一行按一下回车键，输完按CtrlS保存一下文件。 2）在标签下边的文档工具栏中，找到一个球体的预览图标 2）在标签下边的文档工具栏中，找到一个球体的预览图标，点一下出来 一个下拉列表： ，点一下出来 一个下拉列表： 点第一个在IE浏览器中进行浏览，如果没保存，会出来一个提示，点“是”即 可。 点第一个在IE浏览器中进行浏览，如果没保存，会出来一个提示，点“是”即 可。 看一下自己做的页面，稍稍简单些
12、，后面我们会逐步学习网页的修饰。 看一下自己做的页面，稍稍简单些，后面我们会逐步学习网页的修饰。 四、基础练习 四、基础练习 这一节我们来做网页练习，标题改成跟内容相关，保存的文件名改成标题的英 文或拼音缩写(不要超过 8 个字母)，保存到自己的文件夹中。 这一节我们来做网页练习，标题改成跟内容相关，保存的文件名改成标题的英 文或拼音缩写(不要超过 8 个字母)，保存到自己的文件夹中。 内容自定(三行左右)，在做下一个网页之前，先点菜单“文件关闭”命令， 然后点“文件新建”，再点右下角的创建命令， 内容自定(三行左右)，在做下一个网页之前，先点菜单“文件关闭”命令， 然后点“文件新建”，再点右
13、下角的创建命令， 1）给自己的爸爸建一个网页。 1）给自己的爸爸建一个网页。 2）给自己的妈妈建一个网页。 2）给自己的妈妈建一个网页。 3）给自己的爷爷建一个网页。 3）给自己的爷爷建一个网页。 4）给自己的奶奶建一个网页。 4）给自己的奶奶建一个网页。 5）给自己的外公建一个网页。 5）给自己的外公建一个网页。 6）给自己的外婆建一个网页。 6）给自己的外婆建一个网页。 7）给自己的哥哥建一个网页。 7）给自己的哥哥建一个网页。 8）给自己的姐姐建一个网页。 8）给自己的姐姐建一个网页。 9）给自己的弟弟建一个网页。 9）给自己的弟弟建一个网页。 10）给自己的妹妹建一个网页。 10）给自
14、己的妹妹建一个网页。 五、新建站点 五、新建站点 网页的内容除了文字以外，还有图片、音乐、动画等等，它们共同构成了一个 网站， 把它们联系在一起的目录页称作“主页”， 下面我们通过一个练习来学习。 网页的内容除了文字以外，还有图片、音乐、动画等等，它们共同构成了一个 网站， 把它们联系在一起的目录页称作“主页”， 下面我们通过一个练习来学习。 1、启动Dreamweaver 1、启动Dreamweaver 1）点击“开始所有程序MacromediaMacromedia Dreamweaver 8”， 1）点击“开始所有程序MacromediaMacromedia Dreamweaver 8”，
15、 。 。 2）启动后显示的是起始页，窗口右边和下边都有一个侧边栏，侧边栏中间有 个折叠按钮 2）启动后显示的是起始页，窗口右边和下边都有一个侧边栏，侧边栏中间有 个折叠按钮。 。 2、创建新站点 2、创建新站点 在右边的侧边栏中间， 在文件面板上找到一个蓝色的“管理站点”链接， 点一 下。 在右边的侧边栏中间， 在文件面板上找到一个蓝色的“管理站点”链接， 点一 下。 出来一个“管理站点”的对话框， 里面现在还是空的， 点右上角的“新建”按 钮，选择“站点”命令，出来一个面板。 出来一个“管理站点”的对话框， 里面现在还是空的， 点右上角的“新建”按 钮，选择“站点”命令，出来一个面板。 1）
16、这时候就开始进行站点的创建步骤，把中间站点的名字改为“青青草”， 第二行的站点地址不动它，点“下一步”。 1）这时候就开始进行站点的创建步骤，把中间站点的名字改为“青青草”， 第二行的站点地址不动它，点“下一步”。 2）在第二个页面中，直接点“下一步”进入第三页，这儿不需要服务器技术。 2）在第二个页面中，直接点“下一步”进入第三页，这儿不需要服务器技术。 3）这时出来保存位置的对话框，点一下右边的小包图标，找一下自己的文件 夹。 3）这时出来保存位置的对话框，点一下右边的小包图标，找一下自己的文件 夹。 在出来的文件夹浏览对话框中，找到D:盘自己的文件夹，这时里面是空的，我 们要新建一个文件夹， 点一下右上角的小包“新建按钮”， 把文件夹的名称改成 字母缩写。 在出来的文件夹浏览对话框中，找到D:盘自己的文件夹，这时里面是空的，我 们要新建一个文件夹， 点一下右上角
