- 10
- 0
- 约3.86千字
- 约 16页
- 2017-07-14 发布于河南
- 举报
Dreamweaver8实验
第六章 网页制作实验
实验一 创建网页
操作步骤:
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,这是自动保存了字体、字号、颜色的样式表,下次可以直接用,不用再
您可能关注的文档
最近下载
- 制造业信息化战略规划实施与优化-PDM.docx VIP
- 那智不二越机器人flexgui toolbox操作说明书.pdf VIP
- 智慧工厂-智慧工厂解决方案.docx VIP
- 高中化学解题方法归纳:和量法.doc VIP
- 译林牛津新版高中英语(必修1-3)单词表.pdf VIP
- 包装有限公司分切机安全风险分级清单.docx VIP
- 重庆市西南大学附属中学2025届高三下学期二诊模拟考试物理试卷 含解析.docx VIP
- 【高中英语】《星火英语同步词汇》抗遗忘速记手册.docx VIP
- 成都市锦江区2026届初三一诊(暨期末考试)数学试卷(含答案).docx
- 三坐标 培训教程.pptx VIP
原创力文档

文档评论(0)