好文档 - 专业文书写作范文服务资料分享网站

实训一 在Dreamweaver中建立一个站点

天下 分享 时间: 加入收藏 我要投稿 点赞

实训一 在Dreamweaver中建立一个站点

课时:2 班级:12计算机班 实训日期:2013-3-5 编写时期:2013-2-27 一、实训目的

1、掌握认识并熟悉Dreamweaver的工作界面。 2、能够自定义工作环境。

3、进行一个简单的网页设计。

二、实训内容

建立一个以自己名字命名的站点,该站点包含三个文件夹,image,css,mdb,四个网页,分别为index.html,jianjie.html,zuopin.html,xuexi.html,设置主页index.html的标题为“本站主页”。其中index.html页面效果图如下所示。

三、知识点分解

本实训主要涉及到如下知识点:

1、 在Dreamweaver中建立站点。

2、 在Dreamweaver站点文件列表下新建文件和文件夹。 3、 在网页中插入背景图片。

四、实训步骤

1、创建本地站点步骤:

(1) 打开DREAMWEAVER,选择菜单下[站点]/[管理站点]|/[新建]/|[站点]命令.弹出如图2-1-2所示对话框。

(2) 在弹出“站点定义”对话框的“高级”标签中输入如下信息。

(3) “站点名称”——输入站点名称如“myweb”。

(4) “本地根文件夹”——选择本地文件夹如“D\\myweb”

(5) “自动刷新本地文件列表”——选中是否每次拷贝文件到本地站点时都自动更新本地文件夹列表,选中该选项。

(6) “默认图像文件夹”——选择图像所放置的文件夹如“‘D\\myweb\\ image” 注意:图像文件夹一定要在站点文件夹下,且一般命名为image或images。

(7) “HTTP地址”——输入实用的完整网站的URL,以便Dreamweaver能检验使用绝对URL网站链接。

(8) “缓存”——选择是否创建一个缓存以提高链接和网站维护任务的速度。选中该选项。

(9) 设置完毕,点击“确认”按钮。

(10) 在Dreamweaver的工作界面右侧“浮动面板组”中的“文件”面板中的“文件”标签下就能看到刚才新建的站点myweb。

如果要对所建立的站点进行修改的话,可以选择菜单下[站点]|[管理站点]| [编辑]命令。

2、在站点文件列表下新建文件和文件夹步骤:

(1)在站点文件列表中右键单击“站点—myweb(D:\\myweb)”,在弹出的菜单中选择“新建文件夹”,文件列表中就会出现名为“新建文件夹”的文件夹,将该文件夹命名为image,同样操作建立css文件夹和mdb文件夹。

(2) 在站点文件列表下新建文件有2种方法:

a) 选择[文件]|[新建],在弹出的“新建文档”对话框中,选择“HTML”,就新建了一个HTML网页,然后再选择[文件]|[保存]或者是按【Ctrl+S】键,将网页名称改为index.html,同样操作建立jianjie.html, zuopin.html,xuexi.html。

b)在站点文件列表中右键单击“站点—myweb(D:\\myweb)”,在弹出的菜单中选择“新建文件”,文件列表中就会出现名为“新建文件”的网页文件,将该文件命名为index.html,同样操作建立jianjie.html, zuopin.html,xuexi.html。

3、在“文件列表”中选中index.html文件,单击右键,在弹出的菜单中选择“设为首页”,回到页面上,在“文档工具栏”中将“标题”更改为“本站主页”。

注意:要想在站点文件列表下自动出现新建的文件和文件夹,前提条件必需在建立站点时选中“自动刷新本地文件列表”,否则的话必需单击“刷新件和文件夹。

”按钮才能出现新建的文

4、设计index.html网页步骤:

(1)在站点文件列表中双击index.html,打开该网页。 (2)将光标定位到“文档工具栏”中的“标题”,将标题中的内容改为“本站主页”。

实训一 在Dreamweaver中建立一个站点

实训一在Dreamweaver中建立一个站点课时:2班级:12计算机班实训日期:2013-3-5编写时期:2013-2-27一、实训目的1、掌握认识并熟悉Dreamweaver的工作界面。2、能够自定义工作环境。3、进行一个简单的网页设计。二、实训内容建立一个以自己
推荐度:
点击下载文档文档为doc格式
8tlxp0jaoh1is530735z
领取福利

微信扫码领取福利

微信扫码分享