html网页文档结构,第二章HTML网页文档结构.ppt

第二章HTML网页文档结构

实践检验 简答题 (1)简述Dreamweaver的操作界面分为哪几项,各项的作用是什么? (2)简述Dreamweaver提供的三种视图方式各有什么特点? 上机操作 (1)把“插入”工具栏改为制表符样式。 (2)为了操作方便,请定义自己的收藏夹按钮。 【学习概述】 文本是网页中最重要的元素。在使用Dreamweaver创建网页时,不用写一行代码就可以创建专业的页面,只需单击相应命令或按钮,系统会自动生成相应的HTML代码。可以在文档中添加各种内容,本章只涉及文本操作,如文档的创建、输入文本、创建列表、格式化文本以及设置网页属性、查找与替换等内容,因为设计网页前必须创建站点,所以本章开始就介绍如何创建本地站点。通过本节的学习,读者应该对网页设计的基本方法和技术有较深入的理解。 【课堂讲解】创建站点 创建本地站点 (1)执行【站点】->【新建站点】命令,再选择“基本”选项卡,如图3-1所示, 把“您打算为您的站点起什么名字?”项的“未命名站点 1”改为所需要的名字,中文英文均可,比如本例中输入“myweb”作为网站名字,实际上只起个标签的作用,完全不影响网页显示的内容。 图3-1站点定义-输入网站名称 【课堂讲解】创建站点 (2)单击“下一步”按钮,会显示如图3-2 所示的对话框 “您是否打算使用服务器技术,如ColdFusion、、asp、jsp 或php?”本书主要讲解静态网页设计技术,所以选择第一项“否,我不想使用服务器技术。”项,如果读者以后学习服务器端编程语言,那就要选择第二项了。 图3-2询问是否使用服务器端技术 【课堂讲解】创建站点 (3)单击“下一步”按钮,会显示如图3-3 所示的对话框“在开发过程中,您打算如何使用您的文件?”按默认选项,即选择“编辑我的计算机上的本地副本,完成后再上传到服务器(推荐)”。单击“您将把文件存储在计算机上的什么位置?”右侧的文件夹按钮,设置本地站点。 图3-3选择本地文件夹 【课堂讲解】创建站点 (4)在打开的“选择站点 myweb 的本地文件夹”项中,选择本地文件夹位置,比如E:\ myweb,选择“myweb”文件夹,单击“打开”按钮,如图3-4所示,然后再单击“选择”按钮。 图3-4创建本地站点 【课堂讲解】创建站点 (5)单击“下一步”按钮,会显示如图3-5 所示的对话框 “您如何连接到远程服务器?”选择“无”项。 图3-5询问如何连接到远程服务器 【课堂讲解】创建站点 (6)单击“下一步”按钮,出现站点定义的总结信息,包括本地信息、远程信息、测试服务器信息等,如图3-6所示。 图3-6本地站点基本信息 【课堂讲解】创建站点 (7)单击“完成”按钮,这样站点定义就完成了。在Dreamweaver屏幕右侧的文件面板中可以看到刚刚创建的本地站点,如图3-7所示。执行【站点】->【管理站点】命令,打开“管理站点”对话框,可以看到如图3-8所示的“myweb”标签,它就是刚刚创建的本地站点,可以单击“编辑”按钮对它的一些选项进行更改 图3-7 “文本”面板的站点信息 图3-8管理站点 直接设置站点 选择【站点】|【新建站点】命令,调出【站点定义】对话框 在【站点定义】对话框中选择【高级】选项卡,该对话框分为左右两部分 左边【分类】列表框是可以设置的选项 右边则是当前分类对应的选项组 打开已有站点 要打开本地站点,有如下几种常用的操作方法 如果是最近创建的站点,在编辑窗口下,选择菜单栏【站点】|【管理站点】命令,调出【管理站点】对话框,在左边的站点列表中选择打开相应的站点即可 如果在【管理站点】对话框中没有列出存在的站点,可以单击对话框右边的【导入】按钮 在【文件】面板窗口中,打开工具栏上的【显示】下拉列表框 在Windows资源管理器窗口中,找到站点文件,双击它即可启动Dreamweaver8 并且打开站点文件 修改站点 在创建了站点之后,经常会需要对站点的一些信息进行重新的设置 重新设置站点信息的具体操作方法如下 在编辑窗口下,单击【站点】|【管理站点】命令,调出【管理站点】对话框 在【管理站点】对话框中,从左边列表框中选择要修改的站点名称 单击右边的【编辑】按钮,出现【站点定义】对话框,在该对话框中可以对选中的本地站点进行修改 修改完毕,单击【确定】按钮,可以返回到【管理站点】对话框中 删除站点 如果不再需要对某个站点,则可以将它从站点列表中删除 打开【管理站点】对话框,从左边列表框中选中要删除的站点名称 从【管理站点】对话框中删除站点后,并未从磁盘上删掉该站点中的文件 管理站点 给某一个网站建立一个站点,就是为了方便该站点文件及资源的管理 管理站点包括很多方面,其中最基本是文件和文件夹的新建、重命名和移动等操作 可以利用剪切粘贴的方法进行

  • 0
    点赞
  • 0
    收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:数字20 设计师:CSDN官方博客 返回首页
评论
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值