项目3 文本及超链接.docVIP

项目三 文本与超链接 项目（实训）名称 文本与超链接。 项目（实训）学时数 本实训项目预计实训学时数为2课时。 实训时间：2014-10-27-----2014-10-31 实训地点：S504 项目（实训）目标 1、能够使用Dreamweaver CS5为网页添加文本。 2、能够使用Dreamweaver CS5创建文本和图片超链接。 3、能够使用Dreamweaver CS5创建Email、锚点链接。 4、能够使用Dreamweaver CS5创建热区链接。 项目（实训）中的具体任务 1、编辑文本。 2、创建超级链接。 3、创建电子邮件链接。 4、创建锚点链接。 5、创建热区链接。 教师知识和能力要求 教师应具备网页设计相关的扎实理论基础知识和实战项目设计经验，能够熟练处理网页中的图像、文字、声音、动画，运用三剑客软件进行综合网页设计；应该认真准备该实训项目所需要的实训素材，并能够在实训的过程中给与准确的提示和解答，指导学生进行项目设计与创新；具有良好的沟通能力，协调能力，能够较好的组织学生出色地完成实训项目。 学生知识和能力准备 学生在实训之前应预习书本第六章相关内容，提前了解和熟悉有关该软件的知识，并准备相应的软件工具的基本操作，主动在网络上搜索该实训项目所需要准备的相关问题，以便在实训过程中得到实践和应用，得到问题的解决方法。 准备知识 能力要求 文本的输入，文本格式的设置 掌握文本的编辑方法 文本和图片链接的创建方法、掌握Email和锚点链接的创建方法、热区链接的创建方法 掌握文本和图片链接的创建方法、掌握Email和锚点链接的创建方法掌握热区链接的创建方法 链接效果的编辑方法 掌握链接效果的编辑方法 工具与设备 PC机Windows操作系统，Dreamweaver CS5软件。 辅助教学资料 《CSS+DIV网页布局技术教程》，黄玉春，清华大学出版社，2012年。 《网页制作综合技术教程》，温谦，人民邮电出版社，2009年。 实施步骤与技术要点 9.1 编辑文本 1、输入文本 （1）换行 ① 自动换行：在输入文字时，若某一行的长度超过了Dreamweaver窗口的显示范围，文字将自动换到下一行。 ② 利用“Enter”键换行：在输入文字后按“Enter”键，文字成段，且上下段之间空一行。 ③ 利用“Shift+Enter”键换行：如果想要将文字手动换行，中间又不能出现空白行，可以按“Shift+Enter”键。 （2）插入特殊的字符 有时为了内容的需要，要在网页中插入一些键盘上没有的特殊字符，在Dreamweaver CS5中，这些特殊字符可以通过“插入”→“文本”→“字符”命令来插入。 2、查找／替换文本的内容 如果要在文档中查找或替找某个文字，可利用Dreamweaver CS5提供的查找和替换功能。选择“编辑”|“查找与替换”命令，打开“查找与替换”对话框， 3．设置文本格式 在Dreamweaver CS5中设置文本格式可以通过属性面板、格式菜单和CSS样式表来设置，属性的设置包括段落的格式、字体、字号、字的颜色、字体加粗／倾斜、对齐方式（左对齐／居中／右对齐）、文字所链接的路径或URL等。 9.2 创建超级链接 选择页面上方文字要作链接的文字，然后单击属性面板（如图3-1）上“链接”文本框右侧的文件夹图标，弹出“选择文件”对话框如图3-2所示，选择目标文件，在对话框“相对于”中选择“文档”，单击“确定”按钮关闭对话框。 图3-1 属性面板 图3-2 “选择文件”对话框 9.3 创建电子邮件链接 选中所要创建电子邮件的文本“abc@163.com”，属性面板的“链接”输入abc@163.com即可，如图3-3所示。 图3-3创建电子邮件链接 9.4 创建锚点链接 1、创建锚点 将鼠标光标定位于页面中“集成的windows用户界面”文字之后，选择主菜单“【插入】→【命名锚记(N) 】”，弹出“命名锚记”对话框，输入“workspace”后单击“确定”按钮，如图3-4所示。 图3-4 创建锚点对话框 2、创建到锚点的链接 1）选中所打开的文档中的“全新工作区”文字； 2）拖动属性面板中“链接(L)”右边的“指向文件”图标“”至所创建的锚点标记即完成创建到该锚点的链接。如图3-5所示。 图3-5 创建锚点链接 9.5 创建热区链接 打开根目录下的map.htm文件，属性面板出现相应的各项设置。如图3-6所示。 图3-6 属性面板 选择“属性”面板中“地图（M）”下图标中的某一形状，按住鼠标左键在图片中相应位置拖动即可建立一个矩形的“热区”，在默认情况下，刚创建的热区的“链接(L)”为“＃”，需要手动设置链接的目标网址，同时也可设置“目标(R)”及“替代（T）