分享
分享赚钱 收藏 举报 版权申诉 / 6

类型利用DW创建简单网页实验报告.doc

  • 上传人:精品资料
  • 文档编号:10546909
  • 上传时间:2019-11-27
  • 格式:DOC
  • 页数:6
  • 大小:643KB
  • 配套讲稿:

    如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

    特殊限制:

    部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。

    关 键  词:
    利用DW创建简单网页实验报告.doc
    资源描述:

    1、 实 验 报 告课程名称: 网站规划与设计 实验项目: 用 Dreamweaver 创建简单网页 实验类型:综合性 设计性 验证性 专业班别: 12 本汉语言文学 班 姓 名: 学 号: 实验课室: 厚 A206 指导教师: 李 丽 霞 实验日期: 2014.9.17 广东财经大学华商学院教务处 制 一、实验项目训练方案小组合作:是 否 小组成员:实验目的: 1、熟悉使用 DreamWeaver 建立站点,理解本地站点和远程站点的概念 2、熟悉基本网页元素及其操作3.CSS 样式的创建与修改实验场地及仪器、设备和材料场地:厚 A206仪器:计算机实验训练内容(包括实验原理和操作步骤):一、实验

    2、内容(1)创建简单网页1.定义 DreamWeaver 站点将所给素材“lessons”更名为“DW-CIB” ,并设置其为本地站点。 (实验步骤参照教程P46)2.关闭欢迎界面,然后通过菜单命令使其重新启用。 (实验步骤参照教程 P47)3.新建 HTML 页面,并设置其 CSS 布局。设置新建网页的布局为“列固定,居中,标题和脚注” ,并命名为“greenstar.html” ,然后修改其页面标题为“我的第一个网页” (实验步骤参照教程 P48)4.在网页中插入文本,并对文本进行设置将所给素材“lessons4”中的“easygreen.rtf”导入“greenstar.html”中,并进

    3、行段落设置。 (实验步骤参照教程 P50)5.在网页中插入图像将“banner,jpg”插入网页中的图像占位符位置;将“butterfly.gif”图像插入文章第一段,并使图像靠右显示。 (实验步骤参照教程 P52)6.预览页面,将网页截图保存(2)利用 CSS 样式改进网页外观7.更改页面宽度以及背景色修改对应的 CSS 样式表,更改页面宽度为 950px,页面背景色为白色(实验步骤参照教程P56)8.在脚注中插入图形背景更改脚注所用 CSS 样式,使其产生颜色渐变效果(实验步骤参照教程 P57)9.调整文本字体、颜色和大小更改脚注所用 CSS 样式,使脚注文本以白色显示。 (实验步骤参照教

    4、程 P60)将主体中的所有文本以其原始大小的 90%显示。 (实验步骤参照教程 P60)10.预览页面,将网页截图保存二、实验步骤(1)创建简单网页1.定义 DreamWeaver 站点2.关闭欢迎界面,然后通过菜单命令使其重新启用。 (实验步骤参照教程 P47)3.新建 HTML 页面,并设置其 CSS 布局。4.在网页中插入文本,并对文本进行设置5.在网页中插入图像6.预览页面,将网页截图保存(2)利用 CSS 样式改进网页外观7.更改页面宽度以及背景色8.在脚注中插入图形背景9.调整文本字体、颜色和大小10.预览页面,将网页截图保存二、实验总结与评价实验总结(包括实验数据分析、实验结果、实验过程中出现的问题及解决方法等):(一)实验数据分析实验结果(1) 创建简单网页的网页截图(2)利用 CSS 样式改进网页外观后的页面截图(二)实验过程中出现的问题(三)解决方法对实验的自我评价:指导教师评语:学生实验成绩评定:指导教师签名: 李丽霞 日期: 2014 年 9 月 1 9 日

    提示  道客多多所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    关于本文
    本文标题:利用DW创建简单网页实验报告.doc
    链接地址:https://www.docduoduo.com/p-10546909.html
    关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

    道客多多用户QQ群:832276834  微博官方号:道客多多官方   知乎号:道客多多

    Copyright© 2025 道客多多 docduoduo.com 网站版权所有世界地图

    经营许可证编号:粤ICP备2021046453号    营业执照商标

    1.png 2.png 3.png 4.png 5.png 6.png 7.png 8.png 9.png 10.png



    收起
    展开