文档介绍：本章简介:
Dreamweaver CS3提供了代码编辑工具,方便用户直接编写或修改代码,实现Web页的交互效果。在Dreamweaver CS3中插入的网页内容及动作都会自动转换为代码,因此,只有熟悉查看和编写代码的环境,了解源代码才能真正懂得网页的内涵。
第12章网页代码
课堂学习目标
网页代码
编辑代码
常用的HTML标签
脚本语言
响应HTML事件
运动鞋网页
案例分析
设计理念
操作步骤
相关工具
案例分析
选择一双合适的运动鞋,能够在运动中减少运动损伤和疲劳感。本例是为超齐运动鞋制作的网页界面。该网页的主要功能是通过网络销售推广企业的相关产品,网页的设计要体现出运动的快感和魅力。
设计理念
在网页设计、制作过程中,将页面的背景设计为红色,寓意着热情和悦动。使用半透明的滑板人物来衬托出界面的灵动和活力。右上方放置了导航栏,方便客户浏览相关信息。下方展示了运动鞋的款式和功能。
运动鞋网页效果图
操作步骤
1 2
3
相关工具
使用“参考”面板
“参考”面板为设计者提供了标记语言、编程语言和CSS样式的快速参考工具,它提供了有关在“代码”视图中正在使用的特定标签、对象或样式的信息。
启用参考面板的方法
“参考”面板的参数
调整“参考”面板中文本的大小

代码提示是网页制作者在代码窗口中编写或修改代码的有效工具。只要在“代码”视图的相应标签间按下<space>键,即会出现关于该标签常用属性、方法、事件的代码提示下拉列表。

在 Dreamweaver CS3中,标签库中有一组特定类型的标签,其中还包含Dreamweaver CS3应如何设置标签格式的信息。标签库提供了Dreamweaver CS3用于代码提示、目标浏览器检查、标签选择器和其他代码功能的标签信息。使用标签库编辑器,可以添加和删除标签库、标签和属性,设置标签库的属性以及编辑标签和属性。
选择“编辑> 标签库”命令,弹出“标签库编辑器”对话框。
“标签库编辑器”对话框