Dreamweaver CC 03章 熟悉文本编辑—文本.pptVIP

3.2.4　任务实施 1 2 3 4 3.2.5　扩展实践：制作电器城网页 使用“属性”面板中的“编号列表”按钮，创建列表；使用“CSS设计器”面板，设置列表的样式。 效果图 任务3.3 制作摄影艺术网页 任务引入 设计理念 任务知识 任务实施 扩展实践 3.3.1 任务引入 画意摄影是一个提供正版图片下载的摄影艺术网站，包含不同类型，不同种类和形式的多种艺术照；旨在为客户提供最多样化的视觉内容和服务；现网站要更新内容，需重新设计网页效果，要求能够体现出网站特点及特色。 3.3.2　设计理念 在网页设计制作过程中，使用优秀摄影作品为主要内容，吸引用户的注意。在画面中添加推荐文字，并且布局合理，主次分明。整体设计醒目直观，让人印象深刻。 效果图 3.3.3　任务知识：水平线、标尺 1．水平线 水平线可以将文字、图像、表格等对象在视觉上分割开。一篇内容繁杂的文档，如果合理地放置几条水平线，就会变得层次分明，便于阅读。本节介绍创建、修改水平线的方法。 创建水平线 修改水平线 “属性”面板 3.3.3　任务知识：水平线、标尺 2．标尺 标尺显示在文档编辑窗口的页面上方和左侧，用以标志网页元素的位置。标尺的单位分为像素、英寸和厘米。 在文档编辑窗口中显示标尺 改变标尺的计量单位 改变坐标原点 重置标尺的坐标原点 3.3.4　任务实施 1 2 3 4 3.3.5　扩展实践：制作休闲度假村网页 使用“水平线”命令，在文档中插入水平线；使用“属性”面板，取消水平线的阴影；使用代码改变水平线的颜色。 效果图 任务3.4 项目演练：制作国画展览馆网页 任务引入 设计理念 3.4.1 任务引入 国画展览馆是专门收藏好的国画作品以及展览国画供人参观的场所，该网页主要通过网络介绍艺术馆的收藏并进行宣传。网页的设计要体现出国画的艺术品位，以及该艺术馆的特色。 3.4.2　设计理念 在网页设计制作过程中，背景采用了国画图片作为装饰，使整个页面看起来典雅舒适。白色的导航设计简洁雅观，更方便浏览者查阅。整体设计风格具有特色，优雅并且时尚。 效果图 本章简介： 在当今这个网络时代，不管网页内容多么丰富，文本自始至终都还是网页中最基本的元素。由于文本产生的信息量大，输入、编辑起来方便，并且生成的文件小，容易被浏览器下载，不会产生太多的等待时间，因此掌握好文本的使用，对于制作网页来说是最基本的要求。 项目3 熟悉文本编辑—文本 学习引导 ? 知识目标 能力目标 情感目标 学习目标 1、掌握文本的输入及导入方法。 2、了解水平线、网格与标尺的插入方法。 1、熟练掌握文本的输入方法。 2、掌握文本的属性设置方法。 培养对网页文字的应用。 实训项目 1、制作青山别墅网页 2、制作机电设备网页 3、制作摄影艺术网页 任务3.1 制作青山别墅网页 任务引入 设计理念 任务知识 任务实施 扩展实践 3.1.1 任务引入 青山地产是一家以“高起点、高质量、高规格”为理念的地产集团。现集团推出新型住宅模式，位于景区的园林住宅，要进行系统的宣传，需要为其设计网站页面。要求设计围绕主题进行制作，画面温馨，能够表现宣传主题及高级住宅的理念。 3.1.2　设计理念 在网页设计制作过程中，网页使用大幅建筑照片作为背景，点明了宣传主题且使得画满形象生动；深蓝色的导航栏位于浅色背景上，使页面视觉效果直观清晰且便于浏览。 效果图 3.1.3　任务知识：输入文本、设置页边距 1．输入文本 应用Dreamweaver CC 2019编辑网页时，在文档编辑窗口中光标默认为显示状态。要添加文本，首先应将光标移动到文档编辑窗口中的编辑区域，然后直接输入文本，就像在其他文本编辑器中一样。打开一个页面，在页面中单击鼠标左键，将光标置于其中，然后输入文本。 3.1.3　任务知识：输入文本、设置页边距 2．设置文本属性 利用文本“属性”面板可以方便地修改选中文本的字体、字号、样式、对齐方式等，以获得预期的效果。 选择“窗口 属性”命令，弹出“属性”面板，在HTML和CSS“属性”面板中都可以设置文本的属性。 “属性”面板 3.1.3　任务知识：输入文本、设置页边距 3．输入连续的空格 在默认状态下，Dreamweaver CC 2019只允许用户输入一个空格，要输入连续多个空格则需要进行设置或通过