DW第3章DreamweaverCC创建基本文本网页_第1页
DW第3章DreamweaverCC创建基本文本网页_第2页
DW第3章DreamweaverCC创建基本文本网页_第3页
DW第3章DreamweaverCC创建基本文本网页_第4页
DW第3章DreamweaverCC创建基本文本网页_第5页
已阅读5页，还剩22页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

教学内容：DreamweaverCC是业界领先的Web开发工具，使用该工具可以高效地设计、开发和维护网站。利用DreamweaverCC中的可视化编辑功能，可以快速地创建网页而不需要编写任何代码，这对于网页制作者来说，工作变得很轻松。文本是网页中最基本和最常用的元素，是网页信息传播的重要载体。学会在网页中使用文本和设置文本格式对于网页设计人员来说是至关重要的。第3章Dreamweavercc创建基本文本网页教学重点DreamweaverCC工作环境创建站点添加文本元素编辑文本格式设置头信息创建基本文本网页3.1DreamweaverCC工作环境DreamweaverCC的工作界面主要由菜单栏、文档窗口、属性面板以及多个浮动面板组成，如图3-1所示。菜单栏包括【文件】、【编辑】、【查看】、【插入】、【修改】、【格式】、【命令】、【站点】、【窗口】和【帮助】共10个菜单。3.1.1菜单栏文档窗口主要用于文档的编辑，可同时打开多个文档进行编辑，可以在【代码】视图、【拆分】视图和【设计】视图中分别查看文档。3.1.2文档窗口【属性】面板主要用于查看和更改所选对象的各种属性，每种对象都具有不同的属性。在【属性】面板包括两种选项，一种是【HTML】选项，如图3-4所示，将默认显示文本的格式、样式和对齐方式等属性。另一种是【CSS】选项，单击【属性】面板中的【CSS】选项，可以在【CSS】选项中设置各种属性。3.1.3属性面板在Dreamweaver工作界面的右侧排列着一些浮动面板，这些面板集中了网页编辑和站点管理过程中最常用的一些工具按钮。这些面板被集合到面板组中，每个面板组都可以展开或折叠，并且可以和其他面板停靠在一起。面板组还可以停靠到集成的应用程序窗口中，这样就能够很容易地访问所需的面板，而不会使工作区变得混乱。3.1.4面板组【插入】栏有两种显示方式：一种是以菜单方式显示，另一种是以制表符方式显示。【插入】栏中放置的是制作网页的过程中经常用到的对象和工具，通过【插入】栏可以很方便地插入网页对象。【插入】栏中包含用于创建和插入对象（例如表格、图像和链接）的按钮。这些按钮按几个类别进行组织，可以通过从【类别】弹出菜单中选择所需类别来进行切换。3.1.5插入栏3.2创建站点

在使用Dreamweaver制作网页以前，最好先定义一个新站点，这是为了更好地利用站点对文件进行管理，也可以尽可能减少错误，如路径、链接出错。新手做网页时，条理性、结构性需要加强，往往一个文件放这里，另一个文件放那里，或者所有文件都放在同一文件夹内，这样显得很乱。建议建立一个文件夹用于存放网站的所有文件，再在文件内建立几个文件夹，将文件分类。如将图片文件放在images文件夹内，HTML文件放在根目录下。如果站点比较大，文件比较多，可以先按栏目分类，在栏目里再分类。3.2.1使用向导建立站点Web站点是一组具有如相关主题、类似的设计、链接文档和资源等相似属性的站点。DreamweaverCC是一个站点创建和管理工具，不仅可以创建单独的文档，还可以创建完整的Web站点。为了达到最佳效果，在创建任何Web站点页面之前，应对站点的结构进行设计和规划。3.2.2使用高级设置建立站点还可以在【站点设置对象实例文件】对话框中选择【高级设置】选项卡，快速设置【本地信息】、【遮盖】、【设计备注】、【文件视图列】、【Contribute】、【模板】、【jQuery】、【Web字体】和【EdgeAnimate资源】中的参数来创建本地站点。……………………文本是传递信息的基础，浏览网页内容时，大部分时间是浏览网页中的文本，所以学会在网页中创建文本至关重要。在DreamweaverCC中可以很方便地创建出所需的文本，还可以对创建的文本进行段落格式的排版。3.3添加文本元素Dreamweaver提供了多种向网页中添加文本和设置文本格式的方法，可以插入文本、设置字体类型、大小、颜色和对齐属性等。在网页中可直接输入文本信息，也可以将其他应用程序中的文本直接粘贴到网页中，此外还可以导入已有的Word文档。在网页中添加文本的具体操作步骤如下。3.3.1在网页中添加文本在Dreamweaver中插入日期非常方便，它提供了一个插入日期的快捷方式，用任意格式即可在文档中插入当前时间，同时它还提供了日期更新选项，当保存文件时，日期也随着更新。3.3.2插入日期在页面中添加的文本，除了可以输入汉字、英文和其他语言以外，还可以输入一些无法直接输入的特殊字符，如￥、$、◎、#等。在Dreamweaver中，用户可以利用系统自带的符号集合，方便快捷地插入一些常用的特殊字符，如版权、货币符以及数字运算符号等。3.3.3插入特殊字符在网页中除了插入文字和日期外，还可以插入水平线或注释等。水平线在网页文档中经常用到，它主要用于分隔文档内容，使文档结构清晰明了，合理使用水平线可以获得非常好的效果。一篇内容繁杂的文档，如果合理放置水平线，会变得层次分明、易于阅读。3.3.4插入水平线Dreamweaver中的文本格式设置与使用标准字处理程序类似。可以为文本块设置默认格式设置样式（段落、标题1、标题2等）、更改所选文本的字体、大小、颜色和对齐方式，或者应用文本样式（如粗体、斜体、代码和下划线）。3.4编辑文本格式

选择一种合适的字体，是决定网页美观、布局合理的关键，在【属性】面板中单击【字体】右边的文本框，在弹出的下拉列表中选择要设置的字体，具体操作步骤如下。3.4.1设置文本字体选中要设置字号的文本，在【属性】面板中的【大小】下拉列表中选择字号的大小，或者直接在文本框中输入相应大小的字号。3.4.2设置字体大小还可以改变网页文本的颜色，设置文本颜色的具体操作步骤如下。3.4.3设置文本颜色文件头标签也就是通常说的Meta标签，文件头标签在网页中是看不到的，它包含在网页中<head>...</head>标签之间。所有包含在该标签之间的内容在网页中都是不可见的。文件头标签主要包括META、关键字、说明、脚本和链接，下面分别进行介绍常用的文件头标签的使用。3.5设置头信息

META对象常用于插入一些为Web服务器提供选项的标记符，方法是通过http-equiv属性和其他各种在Web页面中包括的、不会使浏览者看到的数据。3.5.1设置META关键字也就是与网页的主题内容相关的简短而有代表性的词汇，这是给网络中的搜索引擎准备的。关键字一般要尽可能地概括网页内容，这样浏览者只要输入很少的关键字，就能最大程度地搜索网页。3.5.

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论