IDreamweaver8实验.docVIP

第六章 网页制作实验 实验一 创建网页 操作步骤： 　1、启动Dreamweaver　1）点击“开始－所有程序－Macromedia－Macromedia Dreamweaver 8”，　2）在中间的“创建新项目”中点第一个 HTML，打开一个空白文档。　 　2、保存文件　1）点菜单“文件－保存”命令，弹出一个“另存为”对话框，在上边的保存在长条中，找到D:盘，在中间打开自己的文件夹。　2）在下边文件名那儿把Untitled-1删除，改成 index 然后点右边的“保存”按钮。　　注意保存位置在自己的文件夹，文件名改成 index 　3）回到窗口，这时候在标签上就有了文件的名称，然后在标签下面的文档工具栏中间找到“标题”。　把标题改一下，这个网页内容是个人主页，把标题改成“青青草”　4）这样我们就修改好了标题，同时按下Ctrl和S键(Ctrl＋S组合键)，保存一下文件，标签上的星号消失。　　　3、输入内容　1）在中间工作区里点一下鼠标，这是光标在左上角一闪一闪，提示输入内容。　输入下面的三行内容，输完一行按一下回车键，输完按Ctrl＋S保存一下文件。 　2）在标签下边的文档工具栏中，找到一个球体的预览图标，点一下出来一个下拉列表　　点第一个在IE浏览器中进行浏览，如果没保存，会出来一个提示，点“是”即可。　看一下自己做的页面，稍稍简单些，后面我们会逐步学习网页的修饰新建站点 网页的内容除了文字以外，还有图片、音乐、动画等等，它们共同构成了一个网站，把它们联系在一起的目录页称作“主页”。 　1、启动Dreamweaver 　1）点击“开始－所有程序－Macromedia－Macromedia Dreamweaver 8”，。 　2）启动后显示的是起始页，窗口右边和下边都有一个侧边栏，侧边栏中间有个折叠按钮。 　2、创建新站点 　在右边的侧边栏中间，在文件面板上找到一个蓝色的“管理站点”链接，点一下。 　 出来一个“管理站点”的对话框，里面现在还是空的，点右上角的“新建”按钮，选择“站点”命令，出来一个面板。 　 　1）这时候就开始进行站点的创建步骤，把中间站点的名字改为“青青草”，第二行的站点地址不动它，点“下一步”。 　 　2）在第二个页面中，直接点“下一步”进入第三页，这儿不需要服务器技术。 　 　3）这时出来保存位置的对话框，点一下右边的小包图标，找一下自己的文件夹。 　 在出来的文件夹浏览对话框中，找到D:盘自己的文件夹，这时里面是空的，我们要新建一个文件夹，点一下右上角的小包“新建按钮”，把文件夹的名称改成字母缩写。 　 打开这个新建的 qqc 文件夹，点右下角的“选择”按钮即可，注意这时候上边的位置里显示的是“qqc”。 　 这时候返回到页面，中间显示的是我们刚才选择的保存文件夹(在开始的时候直接输入也可以)，点“下一步”继续。 　 　4）在中间的“本地/网络”上点一下，弹出一个下拉列表，选择第一个“无”，点“下一步”继续。 　 　5）这时候就出来了“总结”页面，显示一下刚才的设置情况，点“完成”即可。 　 6）这样就新建好了一个站点，注意选择文件夹那一步可以直接输入进去。 这时候“管理站点”面板里头就有了一个站点，点“完成”返回，在右边的侧边栏中，也可以看到一个名为“青青草”的站点。 　　 　由于是新建的，里面还是空的，后面我们会逐渐添加各个文件。 编辑文字 网页的内容大部分是文字，文字的属性中包括、字体、字号和颜色等。 　1、启动Dreamweaver 　1）点击“开始－所有程序－Macromedia－Macromedia Dreamweaver 8”，。 　2）在中间的“创建新项目”中点第一个 HTML，打开一个空白文档。 　 　3）点菜单“文件－保存”命令，把文件名改为 index ，位置保存在上次建的站点中， 　把标题改为“青青草主页”，保存一下文件，下面输入内容。 　2、设置文字 　1）输入下面的内容，输完一行后按一下回车键(也可以写自己的内容)，输完保存一下文件。 　 　2）下面设置文字格式，拖黑选中标题“青青草”，在下面的侧边栏，属性面板中找第二排的各个按钮，依次是字体、大小、颜色。 　 　3）按从左到右的顺序，把字体设为“黑体”、大小设成“24”、颜色设为绿色，标题一般要醒目些。 　 　4）再拖黑选中下面的三行内容，在下面的属性面板中，把字体设为“新宋体”、大小为“18”、颜色为蓝色。 　 　5）如果字体太少可以，点列表下边的“编辑字体列表..”，添加其他字体， 　先在右边的列表中找到字体，再点中间的 按钮添加到左边，然后点上边的加号按钮，即可添加字体。 　 　6）设好以后，在属性面板的第一排，“样式”旁边会出来一个STYLE2，这是自动保存了字体、字号、颜色的样式表，下次可以直接用，不用再