【asp源码栏目提醒】:网学会员--在 asp源码编辑为广大网友搜集整理了:Dreamweaver+ASP__第2_章_网站开发工具 - 培训资料绩等信息,祝愿广大网友取得需要的信息,参考学习。
第2章 网站开发工具 要想成为一名优秀的网页设计师需要具备哪些条件独特的设计风格、紧跟潮流的设计语言、娴熟的技术。
当然任何创作艺术设计创作都要靠一定的工具来实现网页开发设计也不例外。
没有高效、创新的设计开发工具想在激烈的竞争中生存并成为一名优秀的网页设计师是很难的。
好的设计开发工具就好比嘴巴可以把心里想的表达出来告诉对方。
网页设计意图的准确表达就需要依赖优秀的设计开发工具。
2.1 Dreamweaver CS3概述 Dreamweaver CS3是一款优秀的网站开发工具是网页设计师在选择开发工具时一个不错的选择。
网页设计师使用Dreamweaver CS3能更为高效地设计、开发和维护基于网站标准化的网站。
它集成了众多网站开发中所涉及到的最新技术扩展了页面设计与制作、多媒体开发和动画设计这类丰富实用的功能。
在Dreamweaver CS3这个新版本中其极大程度上强化了对于动态网页技术的支持使得网页设计师可以制作出更多眩目的互动页面特效。
并保留了一贯插件式的软件设计使得网页设计师可以随意选择各类扩展性插件进行安装。
极具亲和力的操作界面使得网页设计师可以根据自身需要自定义各类浮动面板。
能够更为方便地使用软件本身的各种内置对象进行开发操作。
2.2 Dreamweaver CS3的特点和新增功能 Dreamweaver CS3在实用功能上和操作流程上的都有了显著的改进。
修正了以往版本中软件本身设计上的一些缺漏新增功能更是发挥了其高效开发的特点。
它允许网页设计师依据个人开发习惯选择在设计环境或是编码环境下进行快速编辑。
下面就分别从实用功能、操作模式与最新技术这3个方面介绍Dreamweaver CS3的一些特点和新增功能。
1增强CSS功能 Dreamweaver CS3提供一组预先设计的CSS布局模板。
使用这些模板设计人员可以快速设计好页面并开始运行。
这些模板包括Web上的大多数站点设计的布局而且每种布局都包含许多附加元素。
同时Dreamweaver CS3提供强大的CSS管理功能。
用户可以轻松地在文档之间、文档标题与外部表之间、外部CSS文件之间以及更多位置之间移动CSS规则。
此外用户还可以将内联CSS转换为CSS规则。
为了设计人员使用Adobe还提供Adobe CSS Advisor网站。
通过这个网站用户可以解决各种CSS的应用问题。
2更方便的浏览器兼容性检查 在Dreamweaver CS3中浏览器兼容性检查功能可生成报告指出各种浏览器中和CSS相关的兼容问题。
在代码视图中这些问题以绿色下划线来标记帮助用户确认问题代码的位置。
如果用户无法 ·12· 解决问题还可以在Adobe CSS Advisor网站获取帮助。
3增加Ajax的Spry框架 通过Dreamweaver CS3用户可以使用Ajax的Spry框架进行动态用户界面的可视化设计、开发和部署。
Spry与其它Ajax框架不同它是一个面向Web设计人员的JavaScript库。
设计人员可以向用户提供更丰富体验的网页。
Spry框架包括Spry构件和Spry效果两部分。
Spry构件它是预置的常用用户界面组件。
用户可以使用CSS自定义这些组件然后将其添加到网页中。
在Dreamweaver CS3用户可以将多个Spry构件添加到自己的页面中。
在这些构件中可以包括XML驱动的列表和表格、折叠构件、选项卡式界面和具有验证功能的表单元素。
Spry效果它是一种提高网站外观吸引力的简洁方式。
这种效果可应用于HTML页面上的大部分元素。
用户可以通过添加Spry效果对网页元素进行放大、收缩、渐隐和高亮显示。
4与其他工具的高度集成 Dreamweaver CS3实现和Photoshop CS3、Adobe Device Central和Adobe Bridge CS3高度集成。
Dreamweaver和Photoshop CS3集成设计人员可以在Photoshop中选择任一部分直接将其粘贴到Dreamweaver页面中。
Dreamweaver会显示一个对话框可在其中为图像指定优化选项。
如果需要编辑图像只需双击图像就可在Photoshop中打开原始的带图层PSD文件进行编辑。
Dreamweaver和Adobe Device Central集成使用Adobe Device Central用户可以快速访问每个设备的基本技术规范帮助用户实现内容的移动。
Dreamweaver和Adobe Bridge CS3集成通过Adobe Bridge用户可以能够集中访问项目文件、应用程序、设置以及XMP元数据标记和搜索功能。
2.3 Dreamweaver CS3的安装、删除和启动 若要安装Dreamweaver CS3具体的操作步骤如下。
1打开Dreamweaver CS3安装文件后程序会自动开始解压。
将所需要的文件提取出来以供安装。
随后将出现安装欢迎对话框如图2.1所示。
2接受软件用户使用版权协议后单击【下一步】按钮可以对文件所使用默认编辑器进行分类指派。
也就是确认把Dreamweaver作为哪一部分特定类型文件的默认编辑器如图2.2所示。
图2..1 安装欢迎对话框 图2..2 默认编辑器设置 3连续几步操作后Dreamweaver完成所有安装。
用户可以根据需要选中【显示自述文件】选第2章 网站开发工具 ·13·项框在安装完毕后来查看软件的说明文件。
也可以选中【启动Macromedia Dreamweaver CS3】选项框在退出安装向导后自动打开软件如图2.3所示。
4单击【完成】按钮系统会自动运行Dreamweaver CS3弹出如图2.4所示的启动画面。
根据用户系统实际情况可能会出现要求重新启动计算机的相应提示。
图2..3 安装完成画面 图2..4 启动画面 5查看Dreamweaver CS3的工作环境它的操作界面由主菜单、状态栏、工作区和浮动面板组成如图2.5所示。
图2..5 工作环境 删除Dreamweaver CS3的方法与卸载别的应用程序一样具体的操作步骤如下。
1在【控制面板】右侧列表框中选中【添加或删除程序】列表项打开【添加或删除程序】窗口如图2.6所示。
·14· 图2..6 【添加或删除程序】窗口 2在【添加或删除程序】窗口右侧的【当前安装的程序】列表框中选中【Macromedia Dreamweaver CS3】列表项。
单击【删除】按钮会出现确认删除的对话框如图2.7所示。
3确定删除操作后系统会开始对Dreamweaver CS3进行删除信息收集操作如图2.8所示。
之后会弹出相应的进度显示。
图2..7 删除Dreamweaver CS3 图2..8 信息收集对话框 2.4 熟悉Dreamweaver CS3的工作窗口 Dreamweaver CS3所提供的工作区环境将全部功能面板集成到了一个应用程序窗口中。
网页设计师可以选择面向设计人员的布局模式进行开发也可以选择面向手工编码人员的布局模式进行开发。
Dreamweaver CS3的工作窗口包含如下的几个组成部分【插入】工具栏、【文档】窗口、【文档】工具栏、面板组、标签选择器、【属性】检查器、文件面板等如图2.9所示。
第2章 网站开发工具 ·15· 图2..9 工作窗口 【插入】工具栏包含了一系列的插入按钮使用这些按钮可以将各类对象如链接、表格和图像插入到编辑文档中如图2.10所示。
在代码编辑模式下每一个对象都会对应一段HTML代码。
图2..10 【插入】工具栏 【文档】窗口是用来显示当前创建和编辑的文档内容是网站设计和开发的主要工作区。
【文档】工具栏包含一系列的操作按钮使用这些按钮可以在编辑文档的不同视图间快速切换例如“代码”视图、“设计”视图、同时显示“代码”和“设计”的拆分视图。
工具栏中还包括查看文档、传输文档相关的常用命令如图2.11所示。
图2..11 【文档】工具栏 面板组针对具体功能模块Dreamweaver CS3把一些相关面板进行分组并集成在了一起。
单击面板组名称例如【文件】面板左侧的倒三角箭头就能展开相对应的面板组如图2.12所示。
标签选择器
上一篇:
ASP数据库操作类 转自狩魔猎人的百度空间
下一篇:
对普通机床的认识