实验一基础网页制作Word文件下载.docx
- 文档编号:17112275
- 上传时间:2022-11-28
- 格式:DOCX
- 页数:10
- 大小:18.75KB
实验一基础网页制作Word文件下载.docx
《实验一基础网页制作Word文件下载.docx》由会员分享,可在线阅读,更多相关《实验一基础网页制作Word文件下载.docx(10页珍藏版)》请在冰豆网上搜索。
和需要进行首选参数设置。
完成站点的创建、修改、删除等操作,并理解站点在网站设计中的重要性。
3.创建网页文档
采用两种方式:
直接向网页中添加文本;
将word文档导入网页中,并对文本进
行属性设置。
3.设置头文件标签
认识各项头文件标签的作用,向头文件中添加说明信息,并在“代码”面板中
1
查看说明信息。
5.使用历史记录面板
使用历史面板重复或者撤消操作。
四、实验学时:
4学时
五、实验步骤:
练习一:
熟悉Dreamweaver工作界面并进行首选参数设置
1.启动Dreamweaver
(1)选择【开始】|【程序】|Macromedia|Dreamweaver命令,打开Dreamweaver
的初始工作界面(如图1.1),第一次启动Dreamweaver需要选择工作界面。
其中【代
码编辑者】是纯代码编辑界面,适合对网页编程有很高水平的设计者。
选择【设计
者】是本实验后面所介绍的使用界面。
(2)选择【设计者】工作界面,单击【确定】按钮,将进入图1所示的工作界
面。
2
图1.1Dreamweaver欢迎界面
2.熟悉Dreamweaver的工作界面
启动Dreamweaver,一个包含空白文档的Dreamweaver的工作界面就呈现在你
的面前了。
Dreamweaver工作界面各部分组成如图1.2所示。
面板组
标题栏
菜单栏
常用工具栏
工作区
属性面板
图1.2Dreamweaver的工作界面
注:
各个工作区的作用参考教材P8“1.4Dreamweaver的工作区”这一节。
3.设置首选参数
选择【编辑】|【首选参数】,打开首选参数对话框,如图1.3所示
3
图1.3首选参数设置
此处设置历史步骤最多次数设多点。
练习二:
创建本地站点
要制作一个能够被大家浏览的网站,首先需要在本地磁盘上制作这个网站,然
后把这个网站传到互联网的web服务器上。
放置在本地磁盘上的网站被称为本地站
点,位于互联网web服务器里的网站被称为远程站点。
Dreamweaver提供了对本地
站点和远程站点强大的管理功能。
1.规划站点结构
网站是多个网页的集合,其包括一个首页和若干个分页,这种集合不是简单的
集合。
为了达到最佳效果,在创建任何Web站点页面之前,要对站点的结构进行
设计和规划。
决定要创建多少页,每页上显示什么内容,页面布局的外观以及各页
是如何互相连接起来的。
我们可以通过把文件分门别类的放置在各自的文件夹里,使网站的结构清晰明
了,便于管理和查找。
4
2.创建站点
在Dreamweaver中可以有效的建立并管理多个站点。
搭建站点可以有两种方法,
一是利用向导完成,二是利用高级设定来完成(自己完成高级设定步骤)。
在搭建站点前,我们先在自己的电脑硬盘上建一个以英文或数字命名的空文件
夹。
(1)选择菜单栏【站点】|【管理站点】,出现“管理站点”对话框。
点击“新
建”按钮,选择弹出菜单中的“站点”项。
如图1.4所示。
图1.4管理站点
(2)在打开的窗口上方有“基本”和“高级”两个标签,可以在站点向导和高
级设置之间切换。
可以先选择”高级”标签,如下图所示:
填写相应内容即可。
5
也可以选择“基本”标签,如图1.5所示。
图1.5
(3)在文本框中,输入一个站点名字以在Dreamweaver中标识该站点。
这个名字可以是任何你需要的名字。
单击“下一步”。
出现向导的下一个界面,询问是
否要使用服务器技术,如图1.6所示。
我们现在建立的是一个静态页面,所以选择“否”。
6
图1.6
(4)点下一步,在文档框设置本地站点文件夹的地址。
如图1.6所示。
7
图1.7
(5)点下一步,进入站点定义,我们将在站点建设完成后在与FTP链接,这里
选择“无”,如图1.8所示。
8
图1.8
(6)单击“完成”按钮,结束“站点定义“对话框的设置,如图1.9所示。
9
图1.9
(7)单击“完成”按钮,“管理站点”窗口中会显示刚才建立的站点名。
如图1.10所示。
图1.10
(5)到此,我们完成了站点的创建。
文件面板显示出刚才建立的站点如图1.11
10
所示。
图1.11
3.搭建站点结构
站点是文件与文件夹的集合,下面我们根据前面对xmweb网站的设计,来新建
xmweb站点要设置的文件夹和文件。
新建文件夹,在文件面板的站点根目录下单击鼠标右键,从弹出菜单中选择“新
建文件夹”项(如图1.12所示),然后给文件夹命名。
这里我们创建新建8个文件
夹,分别命名为:
img、med、swf、txt、css、js、moan和fy。
图1.12
11
创建页面,在文件面板的站点跟目录下单击鼠标右键,从弹出菜单中选择“新建
文件”项,然后给文件命名。
首先要添加首页,我们把首页命名为index.html,再分
别新建01.html、02.html、03.html、03.html和05.html。
如图1.13所示。
图1.13
3.编辑和删除站点
选择菜单【站点】|【管理站点】,弹出图1.14所示的窗口:
图1.14
单击“编辑”选项,弹出“站点定义为”窗口,此时可以编辑站点信息。
如图
1.15所示。
12
图1.15
若选择“删除”选项,则弹出如图1.16提示窗口:
图1.16
单击“是”,删除该站点,这个动作无法恢复,所以操作的时候要谨慎。
练习三:
创建网页文档
(1)启动Dreamweaver软件,选择【文件】|【新建】命令打开【新建文档】对话框,如图1.17所示,从【类别】列表中选择【基本页】,从右侧的列表中选择
HTML选项,然后单击【创建】按钮建一个空白文档。
13
图1.17【新建文档】对话框
(2)可以直接在网页工作区输入文本,还可以导入已有文档。
选择【文件】|【导入】命令可以看到,Dreamweaver支持导入多种类型的文档
(见图1.18)。
图1.18【导入】子菜单
14
在这里我们选择【Word文档】,弹出【导入Word文档】对话框(如图1.19)。
图1.19【导入Word文档】对话框
(3)在【导入Word文档】对话框中选择要导入的Word文件,单击【打开】
按钮,将在网页文档中显示该Word文档的内容,如图1.20所示。
图1.20导入文档后效果
15
练习四:
设置头文件标签
(1)启动Dreamweaver,创建空白文档。
选择【插入记录】工具栏中的HTML
选项卡,切换到头文件插入栏。
(2)单击【文件头】按钮,在弹出菜单中选择【说明】按钮,打开【说明】对话框,如图1.21所示。
图1.21【说明】对话框
(3)将文档切换到【代码】视图,查看说明信息,如图
1.22所示。
图1.22【代码】视图中的说明信息
(4)自己试着加入meta关键字,关键字专门为搜索引擎而提供,不同的关键字之间用逗号隔开。
练习五:
使用历史记录面板
16
在【历史记录】面板中,记录了用户在【文档】窗口中操作的历史,使用【历
史记录】可以撤消或重复操作步骤。
(1)选择【窗口】|【历史记录】命令,打开【历史记录】面板,如图
1.23所
示。
图1.23【历史记录】面板
(2)如果想要撤消对【文档】窗口的操作,拖动【历史记录】面板中的滑块,
选中要撤消的操作,被选中的操作呈灰色。
如图1.24所示。
这是【文档】窗口回到
撤消操作后的状态。
图1.24选中要撤消的操作(显示为灰色)
(3)如果要恢复操作则可以重新拖动滑块到相应位置,这样就可以恢复被撤消
的动作。
如果撤消操作后进行了新的操作,则原来被撤消的操作就不能再被恢复了。
(4)如果要清空记录,单击【历史记录】面板右上方的按钮,或者在【历史记
17
录】面板中右击,在弹出的快捷菜单中选择【清空历史记录】命令,如图1.25所示。
图1.25清除历史记录
(5)弹出提示对话框,单击【确定】按钮,清除历史记录。
练习六整理唐诗文件,放入站点文件夹下。
(1)新建站点,在站点文件夹下新建flash、image和CSS文件夹。
(2将图片放入image文件夹下,将flash动画放入flash文件夹下,将CSS文
件放入CSS文件夹下。
(3将tang.html文件放入站点根目录下。
18
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 实验 基础 网页 制作