【Asp.net精品源码栏目提醒】:网学会员为广大网友收集整理了,【精品】练习要点 - 毕业设计,希望对大家有所帮助!
练习1 认识Dreamweaver CS3 练习要点 创建项目 了解工作界面 插入表格及图片 浏览网页 练习目标 Dreamweaver是一个专业的HTML编辑器用于对Web站点、Web网页和Web应用程序进行设计、编码与开发。
本练习先来学习Adobe公司最新发布的Dreamweaver CS3的工作界面其工作界面也是用户经常使用的操作环境。
然后创建一个文档页面并浏览其效果如图1-1所示。
图1-1 浏览文档内容 练习过程 1启动程序 在学习之前需要先启动该应用程序而启动的方法与其他软件相同。
例如单击【开始】按钮执行【程序】Adobe Dreamweaver CS3命令启动该程序。
也可以直接单击桌面上的Dreamweaver CS3快捷图标启动该程序。
在启动后弹出【创建项目】对话框如图1-2所示。
其中包含有【打开最近的项目】、【新建】和【从模板创建】3个栏。
若需要快速创 建文档页面则可以从【从模板创建】栏中选择相应的主题。
最近打 开文件 从模板 创建 新建文件 图1-2 创建项目 若启用【不再显示】复选框则在下次启动程序时不再显示该对话框。
2了解工作界面 对于初次打开该程序的用户可以在【新建】栏中单击需要创建文件的类型。
例如单击HTML图标则创建该类型的文件如图1-3所示。
图1-3 工作界面 A【插入】栏 B【文档】工具栏 C【文档】窗口 D面板组 E标签选择器 F【属性】面板 G【文件】面板 对于工作界面中的内容做以下介绍。
【插入】栏 插入各种类型的对象图像、表格和层到文档中。
【文档】工具栏 提供各种文档视图、各种查看选项和一些常用操作。
【文档】窗口 创建和编辑文档内容设置和编排页面内的所有对象。
标签选择器 显示环绕当前选定内容的标签的层次结构。
【属性】面板 用于查看和更改所选对象的各种属性。
3保存及设置页面 在设计网页之前需要先保存及设计所创建的页面。
01 执行【文件】【保存】命令在弹出 的【另存为】对话框中选择保存路径 或者站点及输入文件名称如图1-4所示。
①选择路径 ②输入名称 图1-4 保存文件 在保存过程中还可以从【保存类 型】下拉列表中更改文件类型如.asp、.css、 .aspx等。
如果用户已经创建站点目录则可以单击【站点根目录】按钮打开该站点的根目录。
02 在【页面属性】对话框中设置页面属性如单击【属性】面板中的【页面属性】 按钮。
03 在该对话框中选择【外观】分类选项并设置【页面字体】为“宋体”【大小】为12【文本颜色】为“000000”等如图1-5所示。
①选择 ②设置 ③设置 图1-5 设置页面外观 设置【页面字体】和【文本颜色】内容用于控制网页中文字显示的大小以及颜色。
04 选择【标题/编码】分类选项设置【标题】为“自助美食”【编码】为“简体中文GB2312”等如图1-6所示。
①选择 ②设置 图1-6 设置标题及编码 在该对话框中除设置标题外还可以在【文档】工具栏中修改【标题】文本框中的内容。
4浏览文档内容 单击【布局】选项卡中的【表格】按钮在弹出的对话框中设置行数、列数和边框粗细等参数如图1-7所示。
当对页面文件进行参数设置或者内容更改后在文件名后面添加了一个“”号则提示用户需要进行保存操作。
①单击 ②设置 图1-7 插入1行1列表格 再选择【常用】选项卡单击【图像图像】按钮在弹出的对话框中选择需要插入的图片。
然后在弹出的【图像标签辅助功能属性】对话框中的【替换文本】文本框中输入“美食图片”如图1-8所示。
如果在插入图片时不希望弹出【图像标签辅助功能属性】对话框可以单击该对话框中的【请更改“辅助功能”首选参数】链接并禁用图像复选框。
①单击 ②输入 图1-8 插入图片 单击【文档】工具栏中的【在浏览器中预览/调试】下拉按钮并执行【预览在IExplore】命令或者按F12键即可浏览网页效果如图1-9所示。
执行 效果 标题 图1-9 网页效果 1创建动态文档.asp 动态网页是指网页的内容可以根据某种条件的改变而自动改变。
不同的动态网页其实现的方法也不相同。
一般动态网页文件的扩展名为.asp、.aspx、.jsp等。
在Dreamweaver CS3中除可以创建上述静态网页外还