网页制作高手Dreamweaver8 网页设计
dreamweaver8_简单网页制作

•
• •
6)单击“下一步”按钮,在弹出的对话框“您如何连接到远程服务器?”下 拉菜单选择“无”选项。
7)单击“下一步”在弹出的对话框中会所示相关的信息,然后单击“确定”, 完成站点的设置。 8)此时在Dreamweaver8的文件面板就会出现站点的文件夹及所有的文件。
返回 退出
2、制作网页 1
• • • • 1)启动Dreamweaver8新建一个HTML页,命名为“index” 。 2)单击属性面板中的“页面属性”按钮,打开“页面属性”设置对话框, 对页面进行相应的设置,设置完成后点击“确定” 即可。 3)根据课件设计方案,在设置好的网页中添加表格,对表格进行编辑,添加好 相应的文字,预览后保存。
返回
退出
下一页
返回Байду номын сангаас
退出
2、制作网页 2
• 4)在重新创建一个新的网页,命名为“导航页”页面属性的设置同 (2), • 根据已经设计好的方案,编辑导航页。 • 5)然后分别制作“作者简介”、“课文内容”、“课文分析”、“生词生 字”、 • “课堂练习”、“课后习题”网页。
下一页
返回
退出
2、制作网页 3
网页课件实例
• •
1、创建新站点 2、制作网页
返回
退出
1、创建新站点
• • • • • • 1)在本地计算机硬盘创建一个文件夹,名为“唐诗教学”。 2)打开Dreamweaver 8,在菜单栏打开“站点”选项,执行“新建站 点” 命令。 3)在弹出的对话框中选择“基本”选卡,输入站点的名称。 4)单击“下一步”按钮,在弹出的对话框中选择“否,我不想用服务器技 术”。 5)单击“下一步”按钮,在弹出对话框中选择“编辑我的计算机上的本地副 本,完成后在上传服务器”选项,如图所示。单击按钮,选择站点的位置为先 前创建的文件夹。
第3章Dreamweaver8网页制作

3.1 Dreamweaver8简介 3.2 网页文本及媒体的应用 3.3 表格的应用 3.4 布局表格的应用 3.5 超级链接 3.6 框架的应用 3.7 CSS样式的应用 3.8 层和行为的应用 3.9 时间轴的应用 3.10 表单的应用 3.11 模板的应用
3.1
本节知识
认识Dreamweaver8
在需要添加特殊字符的位置单击鼠标,设置插入点。 选择插入栏的“文本”类别(如图所示),单击最右边的
下三角
按钮,在弹出的下拉菜单中选择“其他字符”命令,弹出如图所示的 对话框,可在其中选择要输入的对象。
3.2.2
文本的编辑操作
也可通过软键盘来输入“★、■、※、【】”等特殊字符符号。
3.2.2
选择“关闭”命令。
在Dreamweaver 8窗口中选择“文件”|“退出”菜单命令。 在当前窗口为Dreamweaver 8工作界面时,按“Alt+F4”键退出
Dreamweaver 8。
3.1.3 Dreamweaver 8工作界面介绍
知识要点
插入栏
文档工具栏 文档编辑区 网页标签 扩展按钮 浮动面板组 属性面板 标签选择器 水平标尺和垂直标尺
3.1.1
知识要点
系统要求
Dreamweaver8的认识
在安装Dreamweaver8之前请确保硬件和软件环境满足以下条件: ① Intel Pentium III 600MHz或更快的处理器和等效的处理器 ② Windows 2000、Windows XP或Windows Server 2003 ③ 至少128MB的可用内存(建议采用256MB内存或更大内存) ④ 能达到1024×768像素分辨率或更高分辨率的监视器
dreamweaver8网页设计教程

《dreamweaver8网页设计》目录第一章遨游DREAMWEA VER8精彩世界1第二章创建与规划站点3第三章文本及其格式化10第四章表格13第五章图像15第六章框架18第七章页面布局视图的使用21第八章链接24第九章层与时间轴 28第十章表单32第十一章行为35第十二章制作动态页面38第十三章代码片断、库项目和模板 42第十四章网页的制作45第十五章网站的测试与上传49第十六章使用FIREWORKS 8处理网页图像 52第一章遨游Dreamweaver8精彩世界课题:Dreamweaver8简介及创建文档一、教学基本内容1、Dreamweaver8 的工作界面2、建立html文档二、课型:新授课三、课时:2个课时四、教学重点与难点重点:熟悉Dreamweaver8工作界面中各个工具的作用难点:1、各个面板的调用2、建立一个HTML的网页3、插处图像五、教学目的1 、对Dreamweaver这个制作网页的工具及网页有一定的认识,激发学生学习网页设计的兴趣2、一定要学会建立一个空白网页3、会对页面有一个简单的设置六、教学过程1、引入(1)为什么要用Dreamweaver而不用Frontpage?Dreamweaver是Macromedia公司的出品,它以程序小、运行速度快、所制作网页代码少这些优点,赢得了网页制作人员的喜爱。
(2)相关工具的介绍因为这是第一节网页制作课,所以首先要简单介绍下制作网页的一些相关工具,比如与Dreamweaver合称为网页三剑客的Flash和Fireworks。
2、讲授新课(1) Dreamweaver的界面a.文档窗口:主菜单、工具栏、底部启动条、文档编辑区b.对象面板:标准、表格、表单、框架、特殊、文件廷冖隐藏、字符c.启动面板:站点管理、代码检查、HTML样式、CSS样式、行为、历史记录、资源管理d.属性面板:随目前对象不同而内容不同(2)创建HTML网页(3)在网页中插入图像输入文字以后,插入图像,并对图像设置对齐的方式,使之与文字呈混排的状态。
网页设计与制作Dreamweaver8网页设计-64页精选文档

第一次启动时会出现“工作区设置”对话框,如下
图所示,可以从“设计者”和“编码者”中选择一种工 下一页 作区布局,它们分别面向设计者和代码编写者,两种布
局也可以在主菜单“编辑/参数选择”中切换,通常选择 最后页 默认的“设计者”工作区。
退出
3.1 Dreamweaver 8简介
Dreamweaver 8工作界面如下图所示。
3.2 站点的建立与管理
3.2.2 管理站点
第一页
Dreamweaver 8的“管理站点”对话 上一页 框提供了站点的新建、编辑、复制、删除、
导出、导入等操作,从而能够很方便的对 下一页 站点进行管理。
最后页
退出
3.3 页面设计
3.3.1 页面属性设置
第一页
打开任意页面,进入页面的编辑窗口。 上一页 这时的“属性”面板下方
有一个“页面属性” 下一页 按钮,单击该按钮,
调出如下图所示的
最后页
“页面属性”对话框, 退出 用于设置页面属性。
3.3 页面设计
3.3.2 文本编辑
第一页
在网页中插入文本有两种方式,一种 上一页 是在网页编辑窗口中直接输入,另外一种
就是复制粘贴。其设置包括:设置格式、 下一页 设置样式 、设置文本的对齐方式 、设置项
第一页 上一页 下一页 最后页
退出
3.1 Dreamweaver 8简介
3.1.2 标题栏
第一页
Dreamweaver 8的“标题栏”中将显示文 上一页 字“Macromedia Dreamweaver 8”,如果打
开网页的话,在后面还会显示该网页的一些信息, 下一页 如网页标题、所在位置及文件名称,右边有3个
下一页
最后页
Dreamweaver_8_网页设计与制作_第2章53页PPT文档

2.1.1 定义本地站点
图 2.2 选择【管理站点】命令
图 2.3 【管理站点】对话框
2.1.1 定义本地站点
图 2.4 定义站点
2.1.2 编辑站点
1. 打开站点 在创建了站点之后,还可以对站点属性进行编辑。在编辑站点时,首先
要打开站点。 要打开一个本地站点,用户可以从Dreamweaver文档窗口的站点窗口中,
2.1.2 编辑站点
图 2.7 【管理站点】对话框
图 2.8 复制站点
2.1.2 编辑站点
4. 删除站点 如果不再需要利用Dreamweaver对某个本地站点进行操作,
可以将之从站点列表框中删除,具体操作如下。 (1) 在图2.8所示对话框的列表框中选择要删除的站点
“NetBook复制”,如图2.9所示,单击【删除】按钮。 (2) 这时会出现一个提示对话框,如图2.10所示,询问是
1. 创建文件夹 在本地站点中创建文件夹的具体步骤如下。 (1) 在站点窗口的本地站点文件列表窗格中,选中要新建
文件夹的上一级文件夹。 (2) 右击文件夹,在如图2.11所示的快捷菜单中选择【新
建文件夹】命令,即可创建一个新的文件夹。
2.1.3 站点文件的操作
图 2.11 新建文件夹
我们可以把站点看作是一系列文档的组合,这些文档之间 通过各种链接关联起来,可能拥有相似的属性,如描述相 关的主体、采用相似的设计或实现相同的目的等,也可能 只是毫无意义的链接。通过浏览器,我们就可以从一个文 档跳转到另一个文档,实现对整个网站的浏览。
利用Dreamweaver,用户可以在本地计算机上创建出站点 的框架,编辑相应的文档,从整体上对站点全局进行控制。 在这一节中我们将介绍如何构建网站的本地站点。
利用Dreamweaver8软件制作网站

利用Dreamweaver8软件制作网站摘要:Dreamweaver8是建立Web站点和应用程序的专业工具。
它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
本文在实施制作过程中充分的体现出了Dreamweaver8的强大功能。
本文主要分为四各部分。
第一部分介绍Dreamweaver8,第二部分讲述利用Dreamweaver8制作网站的主要过程与步骤,第三部分讲述在运用Dreamweaver8时需注意的一些地方与一些心得。
前言Dreamweaver是美国Macromedia公司开发的集网站制作和网站管理于一身的所见即所得的网页编辑器,它是第一套针对专业网页设计师特别开发的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
Dreamweaver是专业可视化网站开发的先锋。
在2000年,为了响应Web开发者中越来越普遍的服务器技术,Macromedia推出了Dreamweaver UltraDev。
此产品提供了Dreamweaver的功能和用于采用ASP、JSP、ColdFusion 创建Web应用程序工具的功能。
Dreamweaver8是在旧版本的基础之上构建的,通过在主要领域(如XML和CSS)扩展功能并简化工作流程来帮助用户在最短时间内完成更多工作。
通过支持最新的专业设计方法,Dreamweaver8采用Web社区所使用的强大的开放式、基于标准的开发。
Dreamweaver8还支持所有主要服务器技术,包括ColdFusion、PHP、ASP、和JSP,使所有技术级别的开发者的设计都栩栩如生。
一、Dreamweaver8特点Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件,随着Dreamweaver 8的发布,更坚定Dreamweaver在该领域的地位。
Dreamweaver8中文版网页制作基础课程设计
Dreamweaver8中文版网页制作基础课程设计课程范围本课程旨在教授Dreamweaver8软件的基础知识,包括网页制作的基础知识、网页设计的基本原则、标记语言和样式表的应用,以及交互设计的概念和技能。
具体而言,学生将学习以下技能:1.熟练掌握Dreamweaver8软件的常用菜单和工具2.了解HTML、CSS、JavaScript编程语言的基础知识3.能够使用HTML语言建立网页的框架结构、插入多媒体元素和超链接4.能够使用CSS语言为网页添加样式和布局5.能够使用JavaScript语言进行简单的交互设计教学方法本课程采用理论教学和实践教学相结合的方法。
在课堂上,老师将结合案例分析和操作演示来讲解理论知识,并设置相关练习来帮助学生巩固所学的知识。
在实践环节,学生将根据老师的指导自行制作网页,并展示自己的成果。
在课程结束后,学生将提交一个网页设计作品,并进行评分和点评。
教学安排本课程共分为10个单元,每个单元包括理论讲解和实践环节。
具体教学安排如下:单元1:Dreamweaver8软件介绍和安装1.Dreamweaver8软件介绍2.Dreamweaver8软件安装与配置3.Dreamweaver8主界面介绍单元2:网页与网站基础知识1.网页的基本概念和类型2.网站的基本结构3.网页设计的基本原则单元3:HTML语言基础1.HTML语言介绍2.HTML语法规则和标签3.HTML文档结构单元4:HTML语言进阶1.HTML链接和嵌入对象2.HTML表格和表单3.HTML图像和图像映射单元5:CSS语言基础1.CSS语言介绍2.CSS语法规则和选择器3.CSS样式和优先级单元6:CSS语言进阶1.CSS盒模型和布局2.CSS动画和过渡3.CSS响应式设计单元7:JavaScript语言基础1.JavaScript语言介绍2.JavaScript语法规则和语句3.JavaScript变量和数据类型单元8:JavaScript语言进阶1.JavaScript函数和对象2.JavaScript事件和事件处理3.JavaScript DOM和jQuery库单元9:网页交互设计1.网页交互设计概念和原则2.网页交互设计工具和方法3.网页交互设计案例分析单元10:综合实践和评估1.自主设计网页2.网页制作实践3.网页作品评估和点评教学要求1.学生需要自备Dreamweaver8软件和相关教材2.学生需要参加所有的课程和实践环节3.学生需要完成作业和网页设计作品4.学生需要积极参与讨论和问答环节评分标准1.准时到课和积极参与讨论和问答环节(10%)2.网页制作作业(40%)3.网页设计作品(50%)。
macromedia dreamweaver 8
macromedia dreamweaver 8Macromedia Dreamweaver 8 是一个功能强大且易于使用的网页设计和开发工具。
它提供了一个直观的用户界面,使用户能够轻松创建和编辑各种类型的网页,包括静态页面、动态页面和交互式页面。
本文将介绍 Dreamweaver 8 的核心特性和功能,并提供一些使用 Dreamweaver 8 的最佳实践。
首先,让我们了解一下 Dreamweaver 8 的主要特点之一:所见即所得(WYSIWYG)编辑器。
Dreamweaver 8 提供了一个直观的编辑环境,用户可以在其中直接编辑网页内容,并实时预览所做的更改。
这大大简化了网页设计和开发的过程,使用户能够更快速地完成任务。
此外,Dreamweaver 8 还提供了丰富的模板和样式库,以便用户可以快速创建专业且美观的网页。
这些模板和样式库涵盖了各种不同的行业和主题,用户可以根据自己的需求选择和修改。
这不仅能够提高网页设计的效率,还能确保网站的一致性和专业性。
Dreamweaver 8 还支持动态网页开发,用户可以使用内置的服务器技术(如PHP和ASP)来创建和管理动态网页。
用户可以轻松地集成数据库、编写服务器脚本和处理用户输入。
Dreamweaver 8 还提供了强大的调试功能,使用户能够快速定位和修复网页中的错误。
除了基本的网页设计和开发功能外,Dreamweaver 8 还提供了一些高级功能和工具,以进一步增强用户的工作流程。
例如,它提供了代码片段功能,使用户能够快速插入常用的代码块,并自定义自己的代码库。
此外,Dreamweaver 8 还支持版本控制系统,使团队成员可以协作开发和管理网页项目。
关于 Dreamweaver 8 的最佳实践,以下是一些建议供参考:1. 组织文件结构:在开始设计和开发网页之前,建议先规划好文件结构。
这将使您的项目更加有序,并使文件更易于管理和维护。
2. 使用 CSS:CSS(层叠样式表)是一种强大的设计工具,可以帮助您更好地控制和布局网页。
Dreamweaver8网页全教案
网页制作基础(Dreamwaver 8 教程)第一章Dreamweaver8.0的操作环境第一天的内容可能让你觉得枯燥乏味,不过,“工欲善其事,必先利其器”,让我们一起来了解Dreamweaver8的操作环境,完成站点的创建。
一、Dreamweaver8 的操作环境在首次启动Dreamweaver8时会出现一个“工作区设置”对话框,在对话框左侧是Dreamweaver8的设计视图,右侧是Dreamweave 8的代码视图。
Dreamweaver8设计视图布局提供了一个将全部元素置于一个窗口中的集成布局。
我们选择面向设计者的设计视图布局。
在Dreamweave 8 中首先将显示一个起始页,可以勾选这个窗口下面的“不在显示此对话框”来隐藏它。
在这个页面中包括“打开最近项目”、“创建新项目”“从范例创建”3个方便实用的项目,建议大家保留。
新建或打开一个文档,进入Dreamweaver8的标准工作界面。
Dreamweaver8的标准工作界面包括:标题显示、菜单栏、插入面板组、文档工具栏、标准工具栏、文档窗口、状态栏、属性面板和浮动面板组。
1、标题显示栏启动Macromedia Dreamweave 8后,标题栏将显示文字Macromedia Dreamweave 8.0,新建或打开一个文档后,在后面还会显示该文档所在的位置和文件名称。
2、菜单栏Dreamweave 8的菜单共有10个,即文件、编辑、视图、插入、修改、文本、命令、站点、窗口和帮助。
其中,编辑菜单里提供了对Dreamweaver菜单中[首选参数]的访问。
文件:用来管理文件。
例如新建,打开,保存,另存为,导入,输出打印等。
编辑:用来编辑文本。
例如剪切,复制,粘贴,查找,替换和参数设置等。
查看:用来切换视图模式以及显示、隐藏标尺、网格线等辅助视图功能。
插入:用来插入各种元素,例如图片、多媒体组件,表格、框架及超级链接等。
修改:具有对页面元素修改的功能,例如在表格中插入表格,拆分、合并单元格,对其对象等。
Dreamweaver8中文版网页制作基础教学设计 (2)
Dreamweaver8中文版网页制作基础教学设计1. 前言随着互联网技术的飞速发展,越来越多的人开始关注网页制作技术。
而Dreamweaver作为最受欢迎的网页制作工具之一,为网页设计师提供了强大的支持。
本教学将介绍Dreamweaver8中文版的基础知识及其使用,希望能够帮助初学者顺利入门网页制作。
2. Dreamweaver8中文版的介绍Dreamweaver8是由Adobe公司推出的一款网页制作工具。
它的主要特点有以下几点:•WYSIWYG编辑器:所见即所得的编辑模式,方便用户快速制作网页。
•支持多种编程语言:Dreamweaver8支持HTML、CSS、JavaScript等多种编程语言,可以轻松制作复杂的网页。
•内置库和模板:Dreamweaver8内置了大量的库和模板,可以加速用户的工作流程。
•图形用户界面:Dreamweaver8的用户界面非常直观,易于使用,适合初学者入门。
3. Dreamweaver8中文版的安装要学习Dreamweaver8中文版的使用,首先需要在电脑上进行安装。
以下是安装步骤:1.下载Dreamweaver8的安装文件(建议从官方网站下载)。
2.运行安装文件,按照提示进行安装。
3.在安装过程中,可以选择要安装的组件和安装路径。
4.安装完成后,双击Dreamweaver8的图标即可启动程序。
4. Dreamweaver8中文版的界面Dreamweaver8的界面分为以下几个部分:•菜单栏:包含Dreamweaver8的各种功能选项。
•工具栏:包含用于网页制作的各种工具。
•文件管理器:用于管理网页文件。
•代码编辑器:用于输入和编辑HTML、CSS等编程语言的代码。
•设计视图:所见即所得的编辑模式,方便用户制作网页。
5. Dreamweaver8中文版的基础操作在学习使用Dreamweaver8之前,需要掌握一些基础操作。
下面介绍几个常用的基础操作:5.1 新建网页1.在菜单栏中选择“文件”->“新建”,或在工具栏中点击“新建”按钮。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
《网页制作高手Dreamweaver8 网页设计》1.可以利用“帮助”菜单进行步骤学习。
面板右上方的面板菜单里也有“帮助”选项(该面板的帮助)。
2.技术指导:http;///cn。
3、关闭或重新使用起始页:编辑——首选参数——常规——勾选起始页。
4、改变工作区的配置方式:窗口——工作区布局——设计器或编码器或双重屏幕。
保存工作区布局:窗口——工作区布局——保存当前…更改工作区布局名称:窗口——工作区布局——管理…5、设定默认的编码方式:编辑——首选参数——新建文档——在“默认编码”中选择。
6、设定显示字体:编辑——首选参数——字体均衡字体:用来显示页面中一般文本(如段落、标题和表格中的文本)的字体。
固定字体:用来显示“程序代码”查看模式中的pre、code、和tt标签内的文本的字体。
代码视图:出现在“代码”查看模式中的所有文本使用的字体。
7、关闭辅助功能:编辑——首选参数——辅助功能8、首页(Home Page)是指由网址进入时看到的第一个页面,往下的子页就是网页,所有由首页链接的网页集合起来就是网站(Web Site)。
9、设计网站架构时多考虑用树状链接方式。
12、网站在本机上的空间位置:站点——新建站点——为网站起名(可以包含中文);删除或修改或复制或新建站点:站点——管理站点;右击——文件——新建文件或文件夹文件重命名:选中——F2;删除文件:选中——Delete键13、首页文件名规定为:index.htm或index.html14、设定首页进入站点地图:右击index 文件——设成首页——单击“展开/折叠”按钮——站点地图——地图和文件。
建立文件之间的链接:拖曳“瞄准镜”15、打开网页:双击或选中——Enter键16、预览:F2键;保存:Ctrl+S17、站点导航中的链接有顺序可言。
18、站点导出(为ste文档备份——不是整个站点的备份;当重装系统时,它能将所设定的站点名称、本地文件夹名称、远端服务器的类型及登录的用户名密码、测试服务器的类型与使用数据等重要信息备份成一个文件。
):站点——管理站点——导出同样站点导入:重装系统后将ste文件导入19、文件命名规则:站点里面的所有文件名一律使用英文小写,不可用中文;文件名中间不能有空格。
20、分段(Enter键)使用的标注为<p>,而强迫分行(Shift+Enter)的标注为<br>。
设定某段文字时,务必在选择状态下一气呵成的完成各项属性设定。
21、在CSS样式中修改文字属性,而不要在属性面板。
将光标移至要设置对齐文本的前面,再设定(注意:对齐功能的设定并不会加入对应的样式中。
22、水平线的插入:HTML——水平线按钮;或插入——HTML——水平线23、插入背景图像(只能插入Gif:256色,可制作背景透明图,Gif动画、Jpg 或Jpeg:全彩,网页上的全彩图像,较常用于照片类的图片、png:全彩,可制作背景透明图,可处理全彩图像格式的图片)在“页面属性”。
插入特殊符号:插入工具栏中的文本——最右边的符号。
插入日期符号(会自动更新的日期):插入工具栏切换为常用——日期按钮24、加入编号列表或项目列表在文字属性面板。
25、设定有颜色的水平线:选中——窗口——标签检查器——属性——浏览器特有的——选颜色(预览才知道)26、设定图像的提示文字(鼠标经过的时候出现提示文字):选中——在属性面板中的替换处输入文字即可。
27、删除word所产生的无关html程序代码:命令——清理word生成的html28、超级链接方式:文本链接、图像链接、按钮链接、网页或网站地图链接29、超级链接的对象:*命名锚记的超级链接:解决内容过长不方便浏览*网站内部的超级链接:链接到网站内部其他网页,或是同一个网页的其他内容*网站外部的超级链接:链接到其他网站的内容*文件下载的超级链接:将文件以超级链接的方式来提供下载服务*电子邮件的超级链接:建立一个空白的电子邮件,并已填妥收件人的E-mail,以提供一个与网友互动的渠道。
30、锚记链接:在想链接到要浏览的内容处插入锚记并且命名(常用——锚记按钮,通常数字或英文命名),再选中设定链接的对象,然后在链接处输入“#加名称”。
删除锚记:选中锚记——Delete键。
若要链接到其他网页中的锚记:只要在链接的路径后方再加上锚记名称即可(如aboutme.html#01)31、链接文本(颜色下划线等)设定在页面属性。
32、-blank:在新的、未命名的浏览器窗口中打开链接的文件-parent:会在上一层框架或包含链接的框架的上一层窗口中打开链接的文件。
如果包含链接的框架不是嵌套的,则会在完整的浏览器窗口中打开链接的文件。
-self:会与链接所在的同一个框架或窗口中打开链接的文件。
而这个目标是默认值,所以通常不需要指定它。
-top:在完整的浏览器窗口中打开链接的文件,同时删除所有框架。
33、建立邮件超级链接:链接格式:“mailto:邮件地址”;若要在邮件的主题中填入主题内容则格式为:“mailto:邮件地址?subject=主题内容”。
件要位于站点内)。
注意:<.exe>与<.zip>是最常用来设为下载的文件类型,只要浏览器无法打开的文件型态,即会以下载的方式呈现。
35、变更链接:选择已设定链接的图像——右键——更改链接删除锚记链接:点击已设定链接的文本,——右键——删除标签删除一般链接:点击已设定链接的图片——右键——移除链接或选择打算删除链接的图片或文本,将属性面板的链接字段选中——Del键36、单元格边距:内容与边框之间的距离单元格间距:相邻表格单元格之间的距离新建一行:在表格中的最后一个单元格按Tab键37、清除单元格内容:选中——编辑——清除38、设定表格排序数据:选择要排序的表格——命令——排序表格39、套用表格样式:单击任一单元格——命令——格式化表格(注意:此套用只针对无标题的表格)。
40、导出表格数据:选择要导出数据的表格——文件——导出将文本文件内容转为网页表格:文件——导入——表格式数据41、内部样式表(标签——仅对该文档):所定义的样式会输出成一个单独的文件(.css),这样同一个网站内的网页都可以用链接的方式来使用这个样式表文件。
外部样式表(类——新建样式表文件):所定义的样式只会在这个网页中产生效果,并不影响其他网页效果。
高级:仅对该文档,设定鼠标互动的效果——一般状态(a:link)、已链接过的状态(a:visited)、鼠标滑过的状态(a:hover)以及正在链接中的状态(a:active)。
如要同时设置这四种状态,必须按照以上顺序逐一设置(先选中文本再设定)。
42、区别到底是链接外部样式表文件与内部样式表的方法:*若在前端为某样式表文件(.css)的名称,便是外部*若在前端有<样式>标注,便是内部。
43、将内部样式表导出(变为外部):选中——文件——导出44、用CSS样式设计不会跟着滚动的背景图:新建样式——选择标签(body)——仅对该文档——选择背景图片——选择不重复——确定。
45、用CSS样式设计光晕效果:新建样式——选择类输入名称(.glow)——仅对该文档——确定——类型——颜色——扩展——滤镜——输入颜色值和长度值——确定46、创建地图链接:选择图片——椭圆热点工具——替换中输入想显示的文字——链接——目标——指针热点工具——选中刚才的热点——再反复复制粘贴多个热点区47、为图层套用上CSS设计:新建一个类样式——边框设置——选中层中图像——套用刚才的样式——左击层眼睛(设为隐藏)48、加入“显示—隐藏层”行为指令(但鼠标移至该链接区时显示其相对应的照片,但鼠标离开该链接区时隐藏该照片):选择链接区——行为——+号——显示—隐藏层——显示——确定——显示—隐藏层——隐藏——确定——依次设为Out和Over。
加入“设置层文本”行为指令:绘制层——选择链接区——行为——设置文本——设置层文本——选择刚才的图层——输入文字——确定——行为——设置文本——设置层文本——不输入文字——对这次显示为out49、在链接区加入JavaScript指令:选中链接区——在链接区输入“javascript:window.opener.location=’网页名称#锚记’;window.close();”50、设定层转换为表格(前提是必须勾选中“防止重叠”):选中要转换的层——修改——转换——层到表格。
若发现有些地方要改,想要由表格状态恢复到原来层状态,则:选择表格——修改——转换——表格到层51、制作嵌套式图层:在CSS面板里,按住Ctrl键不放,拖动一个层到另一个层。
52、网站相册的建立:设置要点:*本功能必须与Macromedia Firework4以上的版本搭配使用,因此自己的计算机内必须事先安装该软件。
*必须先将所需使用到的相片整理至同一个文件夹内,而这个文件夹不一定要在网站中。
*文件名不可为中文且最好要先编号,新建一个空白文件——命令——创建网站相册——进行设置(勾选中“为每张相片建立导页面”项目便可建立每张来源图像的个别网页,其中包含标志位“上一页、首页以及下一页”的导览链接。
如果没有选择该选项,缩图会直接链接到大型图像。
53、空白链接为“#”。
54、插入Flash动画(“自动播放”表示动画在下载完毕之后即会自动播放):切换为常用——Flash——再对其进行设置(设定背景透明的flash动画的参数设置:参数为wmode 值为transparent)。
插入Flash文本:?插入Flash按钮:?55、Flash查看器的使用(方便浏览图片):新建一个文件——切换为“Flash元素”——图像查看器——英文命名——在Flash面板中进行相关设置(包括插入图片、每张图片文字说明、图片超链接(所有连接方式所链接的目标都得相同)以及边框背景色的设定和播放控件设定等。
56、在网页中播放声音文件(插入背景音乐或视频:Mp3、Mp4、WMV格式):切换为常用——插件切换为常用——Flash Video——视频类型为累进式下载视频——浏览——确定58、设定自动转页(但有些页面上需要定时刷新来取得最新信息时可利用,如页面上若有程序可以计算机在线人数、浏览人数,或是会随机显示一则信息、显示最新消息等功能时可利用,定时的刷新页面,让页面上的信息保持最新):打开要设置的页面——切换为HTML——文件头标签——刷新——设定更新时间和URL——确定59、如何调整Flash Player安全性设定(当在网页上选择swf动画文件而链接到外部网站时都会出现Flash Player警告信息对话框):进入/weblog/comments.asp?post_id=960网站中下载调整的程序并解压安装,安装程序后,再到产生问题的swf文件上右击,如果swf按钮或图标是指引链接到外部网站则选择network选项。