【Asp.net精品源码栏目提醒】:本文主要为网学会员提供“【精品PDF】Visual Basic 60 程序设计教程 - 江西师范大学 - 毕业设计”,希望对需要【精品PDF】Visual Basic 60 程序设计教程 - 江西师范大学 - 毕业设计网友有所帮助,学习一下!
江西师范大学网页设计课程组 网页设计 江西师范大学网页设计课程组 2.12.1 Dreamweaver 8.0Dreamweaver 8.0界面介绍界面介绍 2.22.2 Dreamweaver 8.0Dreamweaver 8.0常用工具常用工具 2.3 2.3 Dreamweaver8.0Dreamweaver8.0的功能简介的功能简介 2.42.4 使用使用Dreamweaver 8.0Dreamweaver 8.0处理图片处理图片 2.5 2.5 在在Dreamweaver 8.0Dreamweaver 8.0中规划站点中规划站点 2.6 2.6 本地站点的搭建与管理本地站点的搭建与管理 2.7 2.7 实践技能训练实践技能训练 第二章第二章 Dreamweaver 8.0Dreamweaver 8.0入门入门 江西师范大学网页设计课程组 2.1.1 Dreamweaver 8.02.1.1 Dreamweaver 8.0界面介绍界面介绍 在首次启动在首次启动Dreamweaver8Dreamweaver8时会出现如图时会出现如图22--11的一个界面的一个界面这是一个这是一个““工作区设置工作区设置””对话框在对话框左侧是对话框在对话框左侧是Dreamweaver8Dreamweaver8的设计视图右侧是的设计视图右侧是Dreamweave 8Dreamweave 8的代的代码视图。
码视图。
Dreamweaver8Dreamweaver8设计视图布局提供了一个将全部设计视图布局提供了一个将全部元素置于一个窗口中的集成布局。
我们选择面向设计者的设元素置于一个窗口中的集成布局。
我们选择面向设计者的设计视图布局计视图布局。
。
2.1 Dreamweaver 8.02.1 Dreamweaver 8.0界面介绍界面介绍 江西师范大学网页设计课程组 2.1.1 Dreamweaver 8.02.1.1 Dreamweaver 8.0界面介绍界面介绍 Dreamweaver 8.0标准工作界面大致可以分为以下几个区域: ⒈标题栏: ⒉菜单栏 ⒊文档工具栏 ⒋ “插入”栏 ⒌文档窗口 ⒍属性栏 ⒎状态栏 ⒏浮动面板组 2.1 Dreamweaver 8.02.1 Dreamweaver 8.0界面介绍界面介绍 江西师范大学网页设计课程组 2. 2.12. 2.1菜单栏工具菜单栏工具 文件用来管理文件。
插入用来插入各种元素. 修改具有对页面元素修改的功能。
文本用来对文本操作。
命令所有的附加命令项 站点用来创建和管理站点 窗口用来显示和隐藏控制面板以及切换文档窗口 帮助联机帮助功能。
2.2 Dreamweaver 8.02.2 Dreamweaver 8.0常用工具常用工具 江西师范大学网页设计课程组 2.2.22.2.2文档工具栏文档工具栏 “文档”工具栏包含各种按钮它们提供各种“文档”窗口视图如“设计”视图和“代码”视图的选项、各种查看选项和一些常用操作如在浏览器中预览。
界面如图2-4所示。
2.2 Dreamweaver 8.02.2 Dreamweaver 8.0常用工具常用工具 江西师范大学网页设计课程组 2.2.3 2.2.3 ““插入插入””栏栏 插入面板集成了所有可以在网页应用的对象包括“插入”菜单中的选项。
有常用、布局、表单、文本、HTML、应用程序、Flash元素和收藏夹共8个二级菜单共167个按钮。
插入面板组其实就是图像化了的插入指令通过一个个的按钮可以很容易的加入图像、声音、多媒体动画、表格。
图层、框架、表单、Flash和ActiveX等网页元素。
面板的界面如图2-5所示。
2.2 Dreamweaver 8.02.2 Dreamweaver 8.0常用工具常用工具 江西师范大学网页设计课程组 2.2.42.2.4文档窗口文档窗口 “文档”窗口显示当前文档。
可以选择下列任一视图“设计”视图是一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。
在该视图中Dreamweaver 8.0显示文档的完全可编辑的可视化表示形式类似于在浏览器中查看页面时看到的内容。
“代码”视图是一个用于编写和编辑 HTML、JavaScript、服务器语言代码以及任何其他类型代码的手工编码环境。
“代码和设计”视图使您可以在单个窗口中同时看到同一文档的“代码”视图和“设计”视图。
2.2 Dreamweaver 8.02.2 Dreamweaver 8.0常用工具常用工具 江西师范大学网页设计课程组 2.2.52.2.5属性栏属性栏 属性面板并不是将所有的属性加载在面板上而是根据我们选择的对象来动态显示对象的属性属性面板的状态完全是随当前在文档中选择的对象来确定的。
例如当前选择了一幅图像那么属性面板上就出现该图像的相关属性如果选择了表格那么属性面板会相应的变化成表格的相关属性。
属性面板的界面如图2-8所示。
2.2 Dreamweaver 8.02.2 Dreamweaver 8.0常用工具常用工具 江西师范大学网页设计课程组 2.2.62.2.6状态栏状态栏 “文档窗口”的底部的状态栏提供了与你正在创建的文档的有关其他信息。
“文档”窗口底部的状态栏提供与你正创建的文档有关的其它信息。
标签选择器显示环绕当前选定内容的标签的层次结构。
单击该层次结构中的任何标签以选择该标签及其全部内容。
单击 可以选择文档的整个正文。
2.2 Dreamweaver 8.02.2 Dreamweaver 8.0常用工具常用工具 江西师范大学网页设计课程组 1.将世界一流水平的“设计”和“代码”编辑器合二为一在设计窗口中精简源代码是用户能够按照工作的需要指定自己的用户界面。
2.跨浏览器有效检查当保存时自动地检查当前文档跨浏览器的有效性兼容性可以指定测试浏览器同时自动检测以确定页面有没有目标浏览器不支持的tags或CSS结构。
动态跨浏览器有效性检测功能可以自动核对tags或CSS规则是否适应目前的主浏览器。
3.使用内置的图形编辑程序让开发更加节省时间。
图像的剪切、缩放等一系列的辅助性的图象编辑功能可以使用内嵌的Macromedia Fireworks 技术。
4.在设计模式下允许开发者可以不用固定的浏览器预览数据而利用LiveData窗口预览实时数据。
2.3 Dreamweaver8.02.3 Dreamweaver8.0的功能简介的功能简介11 江西师范大学网页设计课程组 5.功能更多的CSS支持 在设计窗口中运用重新设计的标签检测工具来检测哪个CSS规则运用与当前的选择。
即时编辑功能让你在编辑CSS的同时能够即时看到设计窗口中的变化。
使用增强的CSS面板直接在代码内部定义样式并且可以直观地看到CSS样式定义的位置。
不必切换编辑方式直接选取CSS样式样式下拉列表中内置了所有可用样式的预览显示。
通过页面属性对话框 “修改”菜单 “页面属性” 获取更多改变页面控制属性如标题、链接等。
2.3 Dreamweaver8.02.3 Dreamweaver8.0的功能简介的功能简介22 江西师范大学网页设计课程组 6.运用完整的集成开发环境来开发HTML、XHTML、XML、ASP、
ASP.NET、JSP、PHP和Macromedia Cold Fusion站点。
通过Macromedia插件中心可以获取800多个免费插件来制定和扩展你的开发环境。
7.所有传输的文件完全加密并阻止越权存取你的信息、文件内容、用户名和口令。
8.从Microsoft Word和Excel中直接拷贝粘帖内容到Dreamweaver中同时保留字体、颜色和CSS样式。
完全支持Unicode支持使用和chu存任何字体以及编码包括双字节字符。
9.使用改进后的
ASP.NET对象和属性检测工具构建Microsoft
ASP.NET Web forms. 2.3 Dreamweaver8.02.3 Dreamweaver8.0的功能简介的功能简介33 江西师范大学网页设计课程组 10.重新编写PHP语法和服务器行为包括Master-Detail页面设置模块、用户身份验证模块等。
⒒通过内置的Flash构件导入一个Flash构件就像标签一样轻松。
⒓MXHTML构件利用MX组件包括按钮、模板快速建立有效的用户界面。
⒔改进的表格编辑工具修改的Insert面板高效的文件编辑过程。
更多有效地代码编辑如按右键弹出的编码工具更多的搜索选择项并且能够保存搜索条件以及能够迅速启动属性检查工具。
详尽的属性编辑列出每个适用于当前选择项的可用属性。
此外Dreamweaver 8.0还增加了图片处理功能图片的亮度和对比度的调节、图片的锐化效果等。
2.3 Dreamweaver8.02.3 Dreamweaver8.0的功能简介的功能简介44 江西师范大学网页设计课程组 在Dreamweaver 中插入一张图片“属性”面板上就多了几个与图片相关的属性图标。
改变图片的大小后在图片大小设置栏旁边就多了一个带箭头的图形按钮图标这是快速使图片还原到原始大小的工具。
在切换到Fireworks图标旁边的一组图表之中也是一个这样的图标。
Dreamweaver 8.0同时还增加了“剪切Crop”工具剪切图片、“亮度/对比度”调节工具、“锐化”工具等三个图片处理的 新功能。
有了这些简单的图片处理工具在编辑网页图片时不需要启动其它的图像处理软件提高了工作效率。
2.42.4使用使用Dreamweaver 8.0Dreamweaver 8.0处理图片处理图片 江西师范大学网页设计课程组 ⒈图片剪切 2.亮度的调节 3.锐化 2.42.4使用使用Dreamweaver 8.0Dreamweaver 8.0处理图片处理图片 江西师范大学网页设计课程组 在Dreamweaver中站点这个术语既可以是Web站点也可以指属于Web站点的文档在本地存储的位置。
当开始考虑创建Web站点时为了确保站点的成功应该按照一系列的规划步骤进行。
即使创建个人的主页只有朋友和家人看见仔细规划站点也是有用的。
要开发一个优秀的网站通常应该遵循以下工作流程首先定义开发网站的目的作好网站的规划工作 接下来对网站的外观进行设计然后进行实际页面的制作 接着再对制作的网站进行测试以确保所做的网站符合最初设计的目标 最后是将网站发布。
发布网站后还要定期对网站进行维护以便及时更新网站内容。
2.52.5在在Dreamweaver 8.0Dreamweaver 8.0中规划站点中规划站点11 江西师范大学网页设计课程组 网站的规划主要包括以下内容 1.确定网站的主题和名称 网站主题是指用户建立网站所要包含的主要内容。
现在网站的主题很多这一步是整个网站规划环节最重要的。
一般来说确定网站主题时要遵循以下原则 主题鲜明、小而精。
一个网站必须有一个明确的主题在主题范围内做到内容大而全、精而深。
主题是自己最擅长的最感兴趣的。
找准一个自己最赶兴趣的内容做深、做透。
体现自己的个性。
把自己的兴趣、爱好尽情的发挥出来突出自己的个性办出自己的特色。
2.52.5在在Dreamweaver 8.0Dreamweaver 8.0中规划站点中规划站点22 江西师范大学网页设计课程组 2.搜集资料 确定网站的主题后要围绕主题开始搜集资料。
资料既可以从图书、报纸、光盘、多媒体上获得也可以从网上搜集然后再把搜集的材料去粗取精去伪存真作为自己制作网页的素材。
3.规划站点 规划站点就像设计一座大楼一样只有图纸设计好了才能建成一座漂亮的楼房。
在规划网站时首先要把网站的内容一一列举出来根据内容列出一个结构化的蓝图根据实际情况设计各个页面之间的链接。
网站的规划内容有确定网站点题材确定网站的名称确定网站的框架等。
2.52.5在在Dreamweaver 8.0Dreamweaver 8.0中规划站点中规划站点33 江西师范大学网页设计课程组 4.栏目的设置 合理的设计网站的栏目和板快一般要注意以下事项 突出主题。
把主题栏目放在最显眼的地方让访问者更快、更鲜明地知道你的网站所要表现的内容。
设计一个“最近更新”的蓝目。
5.目录结构设计 目录结构设计一般要注意以下事项 按照栏目内容建立子目录。
每个目录下分别为图像创建一个目录image。
目录的层次不呢感太深最好少于5层。
尽量使用意义明确的非中文目录一般用拼音。
2.52.5在在Dreamweaver 8.0Dreamweaver 8.0中规划站点中规划站点44 江西师范大学网页设计课程组 6.颜色搭配 合理地应用色彩是非常关键的不同的色彩搭配产生不同的效果并能够影响访问者的情绪。
色彩搭配要遵循和谐、均衡、重点突出的原则。
7.版面布局 网页页面的版面布局是不可忽视的。
要合理地运用空间使网页疏密有致井井有条。
版面布局一般遵循的原则是突出重点、平衡和谐将网站标志、主菜单等最重要的模块放在最显眼、最突出的位置。
同时还要注意其它也面和首页的风格一致性要有返回首页的链接。
2.52.5在在Dreamweaver 8.0Dreamweaver 8.0中规划站点中规划站点55 江西师范大学网页设计课程组 8. 图像的运用 网页上不能只有文字必须适当地增加一些图像使用图像一般要注意以下事项 图像为主页的内容服务不要让整个页面花花绿绿喧宾夺主。
图像要兼顾大小美观。
图片不仅要好看还要在保证图片质量的情况下尽量缩小图片的大小。
单张图像不要超过30KB。
合理地使用JPG和GIF格式。
一般来说颜色 较少的在256色以内的图像把它处理成GIF格式颜色比较丰富的图像最好把它处理成JPG格式。
2.52.5在在Dreamweaver 8.0Dreamweaver 8.0中规划站点中规划站点66 江西师范大学网页设计课程组 要制作一个能够被大家浏览的网站首先需要在本地磁盘上制作这个网站然后把这个网站传到互联网的web服务器上。
放置在本地磁盘上的网站被称为本地站点位于互联网web服务器里的网站被称为远程站点。
Dreamweaver 8.0提供了对本地站点和远程站点强大的管理功能。
在Dreamweaver 8.0中可以有效的建立并管理多个站点。
搭建站点可以有两种方法一是利用向导完成二是利用高级设定来完成。
1.定义站点 2.搭建站点结构 3.文件与文件夹的管理 2.62.6本地站点的搭建与管理本地站点的搭建与管理 江西师范大学网页设计课程组 网站建好之后需要将做好的网页上传到一个服务器以便网站能够被其他人访问。
Dreamweaver 8集成了远程站点的管理工具可以方便地管理本地站点与远程服务器中的文件。
2.7.1 获得WEB服务器 2.7.2 定义远程站点 2.7.3 上传站点 2.7 2.7 站点的发布站点的发布 江西师范大学网页设计课程组 2.7.1 建立并设置本地根文件夹 2.7.2 定义站点 2.7.3 创建0DBC连接 2.72.7实践技能训练实践技能训练--------站点的建立站点的建立 江西师范大学网页设计课程组
上一篇:
【精品】小区物业综合管理系统
下一篇:
视频在线点播系统:ASP.NET 和 SQL Server 2005 实现一个简易的在线视频点播系统。按功能的不同可以划分为 5 个模块