《网站规划与设计》实验报告
院系名称:学生姓名:
经济与管理学院杨坤
学
号:
02135046
专业名称:信息管理与信息系统
班级:信管1302班
f实验1Dreamweaver80基本操作及简单网页制作实验
1.实验目的与要求1掌握Dreamweaver80基本操作。2掌握本地站点的设置方法。3熟悉制作一个简单网页的过程。4掌握表格的使用方法。5掌握层的基本操作方法。6掌握使用框架布局页面的方法。2试验内容和步骤1网页编辑器基本操作
1了解Dreamweaver80操作界面上各个部分的主要功能。了解主菜单、插入面板,属性面板、文档工具条,页面编辑窗口、面板集
合的各项功能和操作方法。2了解各种常用快捷键的用法。Ctrl+S、Ctrl+Q、Ctrl+Z、Ctrl+Y、Ctrl
+C、Ctrl+X、Ctrl+V、Ctrl+A、F122建立网站的基本操作
1打开站点管理器,在本地计算机的当前盘根文件夹中,建立名为mysite的本地站点的根文件夹。
操作步骤如下:①启动Dreamweaver80,选择【站点】【管理站点】【新建站点】命令。②在站点定义对话框中,选择【基本】选项卡,在站点名称文本框中输入“mysite”。也可在【高级】选项卡中进行设置。③单击下一步,本次试验学习的是静态站点的定义,选择第一项“否,我不想使用服务器技术”并确认。单击下一步,本次试验中的站点文件是复制在本地计算机上的,选择第一项“编辑我的计算机上的本地副本,完成后再上传到服务器”,单击下一步,在选择远程服务器的连接方式,选择“无”,即不使用远程服务器连接。单击下一步,直至完成。2在文件夹mysite中新建名为source的子文件夹。把准备好的网页素材文件复制到source文件夹中去。3制作简单网页①在Dreamweaver80网页编辑器中新建一个页面。选择【保存】,给这个页面取一个名字“i
dexhtm”保存在站点mysite下。同理创建一个空页面E
ter-2htm。②在i
dexhtm页面编辑窗口,输入文字“欢迎光临我的网上书店”等等,
f选取文字,在属性面板上对文字的大小、字体、颜色等进行设置。保存页面。
③将光标位于文字下方,在插入面板中找到按钮即可插入图片,也可以直
接点击主菜单上的【插入】【图像】实现插入图片的操作。在文件选择窗口,选择你准备好的source文件夹下的图片。点击图片,在属性面板中显示了图片的各种信息,可以根据需要,对图片的大小进行修改,也可以直接用鼠标通过拉伸改变图像的大小。
④插入图片以后,还可以为页面设置背景颜色或图片,点击属性面板上的【页面属性】,在对话框中可r