Dreamweaver教程第3章
- 格式:ppt
- 大小:2.08 MB
- 文档页数:64


制作网页注意:
外部表格一般需要设固定的宽度,来确定网页尺寸;内部嵌套的表格可以用像素也可以用百分比;内部表格的大小不能大于当前的单元格;在DW一行只放一张表格,
页面的修饰:
1、 表格中间多出了一个白颜色的
在两个表格之间再插入一个表格,设置一个高度;把空格删掉;
实线的制作方法
虚线的制作方法:
两种方法:
1、用PS这个软件制作一个3*1的图像或1*3的图像;
2、(用STYLE样式进行设置)
给单元格加下虚线
solid:实线
double:双线
dotted:点
dashed:虚线
groove:凹线
:槽状
:脊状
:凹陷
:凸出
空格:
 :空格的HTML标记
圆角的设计
用PS这个软件制作一个圆角图像
滚动字冪或滚动图片的制作方法
滚动内容
属性:
WIDTH:设置滚动的宽度
HEIGHT:设置滚动的高度
Onmouseover=this.stop() :鼠标移上去停止;
Onmouseout=this.start():鼠标移出时继续滚动;
Direction :滚动方向(left/right/up/down)
Behavior:滚动方式
Scroll :默认值,表示循环滚动
Alternate:左右摇摆
Solide:只滚动一次就停止
Scrollamount: 滚动速度(数值越大,速度越快)1~60 滚动速度
Scrolldelay:滚动延时;单位:毫秒
3.1 文本的输入和编辑
1.文本的输入
·直接通过键盘输入文本。
·在其他应用程序中,选择文本,按Ctrl+C键复制,切换到DreamWeaver文档窗口,选择菜单“编辑→粘贴”命令(或按Ctrl+V键)复制文本。
·选择菜单“文件→导入→word文档”命令,弹出“导入Word文档”对话框,选择要导入的Word文,单击“打开”按钮,将该word文档中的全部文本添加到文档窗口中。
2.文字的换行
强制换行有段落换行和换行符换行两种方式。
(1) 段落换行
在换行位置按Enter键,会自动添加段落标记
,生成新的段落,并且在两段之间会空出一行。
(2) 换行符换行
按Shift+Enter键。
选择菜单“插入记录→HTML→特殊字符→换行符”命令。
选择插入栏“文本”类别中的按钮,在下拉菜单中选择“换行符”命令。
在代码视图窗口中,输入换行代码标记 。
3.插入空格
·按Ctrl+Shift+Space键。
·选择菜单“插入记录→HTML→特殊字符→不换行空格”命令。
·选择插入栏“文本”类别中的按钮,在下拉菜单中选择“不换行空格”命令。
·在代码视图窗口中,输入空格代码 。
·切换中文输入法为全角状态,按空格键输入。
4.文本的属性设置
设置文本格式,需先选中文本,出现如图文本属性面板,可以对文本进行相应的属性设置。
(1) 设置文本字体
设置文本字体,先选择要设置字体的文本,然后在文本属性面板的“字体”列表中选择合适字体类型。DreamWeaver中默认的是宋体字,“字体”列表默认显示的是英文字体类型,若设置其他中文字体,要先将中文字体类型添加到字体列表中,方法是:
①单击文本属性面板中“字体”列表按钮,选择“编辑字体列表”命令,弹出 “编辑字体列表”对话框。
②在“可用字体”列表中选择要添加的字体,双击鼠标或单击按钮,将其添加到“选择的字体”列表中。字体添加完毕后,单击“确定”按钮。
第3章 网站的创建与管理 开始网站开发设计工作前,首先要去创建一个站点目录用于存放所有相关的文件。而一般网站都有繁杂的目录结构,每个目录会存放着很多页面文件。如何条理清晰地去管理这些目录和文件,从而保证网站开发设计工作的顺利进行呢?作为一款优秀的网页设计工具,帮助用户方便高效地完成网站管理工作那当然不在话下。 借助Dreamweaver CS3高效的网站创建和管理功能,网页设计师就可以腾出更多的时间和精力,用于设计创作之上。 3.1 Dreamweaver CS3创建网站的工作流程 网页设计师要成功设计和创建一套动态网站系统,必须按照一定的工作流程去操作。首先要与网站需求方进行详尽的沟通,来明确目标网站的功能、形象等各方面的明细要求。然后,依据这些需求拟订网站建设方案书。 接下来就进入网站建设项目的具体实施阶段。在设计工作期间,要有严格的项目监控机制,例如定期分阶段的客户测评,来确保网站建设的每一步进展都能切实符合要求。创建网站的典型工作流程按照开发实施内容的不同可分为如下几个阶段。 1.筹备期的整体规划 在正式开发网站之前,要对整个网站项目进行系统的规划。例如,要先对网站的目标浏览者有所定位,然后再以网站地图的形式来表现站点导航系统。 2.准备期的环境搭建 配置应用服务器的过程一般包括对网站服务器、开发服务器和Dreamweaver站点的设置。网页设计师可以借助Dreamweaver中的网站设置向导来定义站点文档的本地和远程存储位置。 4.整理期的资源筛选 在资料整理期,不仅要对缺失的资源进行收集,还要对已有资源进行审核和筛选。做好这一点将更容易去把握住网站开发的目标定位,不至于产生“离题”现象。 3.设计期的版面设计 使用专业的图形设计工具(例如Photoshop)对站点的主要页面进行整体风格设计,创建具体的图形大样。随后进行局部切割,导入Dreamweaver中。制作出具体的HTML页面。 5.开发期的程序设计 交互性网站已经成为一个流行趋势。把一些经常访问或更新的信息存储于数据库中,并使用Web应用服务器进行发布。通过一定的程序设定来实现与浏览者的信息交流和反馈。 6.测试期的功能验证 所有网站功能模块开发完成后,要按照起初的功能需求进行系统的调试。使得系统正式投入使用时,能够更加稳定地运行。 第3章 网站的创建与管理
第3章 创建和设置文档
一、填空题
1、在菜单栏中选择【文件】/【( )】命令关闭所有打开的文档。
正确答案:全部关闭
2、通过【页面属性】对话框的【( )】分类,可以设置当前网页的页边距。
正确答案:外观
3、在文档窗口中,每按一次( )键就会生成一个段落。
正确答案:回车或Enter
4、文本的对齐方式通常有4种:【左对齐】、【居中对齐】、【右对齐】和【( )】。
正确答案:两端对齐
5、在主菜单中选择【插入记录】/【HTML】/【( )】命令可在文档中插入水平线。
正确答案:水平线
二、选择题
1、通过下列途径不能创建新文档的是( )。
A、在【文件】面板中用鼠标右键单击根文件夹,在快捷菜单中选择相应命令
B、用鼠标左键单击【文件】面板标题栏的按钮,在弹出的快捷菜单中选择相应命令
C、从欢迎屏幕的【打开最近的项目】列表中选择相应选项
D、从主菜单中选择【文件】/【新建】命令
正确答案:C
2、对HTML代码“
同一个世界同一个梦想
A、文本“同一个世界同一个梦想”自成一个段落。
B、文本“同一个世界同一个梦想”将居中对齐。
C、文本“同一个世界同一个梦想”将分两行显示。
D、文本“同一个世界同一个梦想”中间会有一个空格。
正确答案:D
3、按( )组合键可在文档中插入换行符。
A、Ctrl+Space B、Shift+Space C、Shift+Enter D、Ctrl+Enter
正确答案:C
4、下列关于设置文本格式的说法,错误的是( )。
A、只要按Space键就可以在文档中添加空格
B、在主菜单【文本】/【样式】中选择相应的命令可以对文本添加下划线。
C、如果同时设置多个段落的缩进和凸出,则需要先选中这些段落。
D、只有在【插入日期】对话框中选择【储存时自动更新】选项才能保证对文档修改时日期自动更新
正确答案:A
5、Dreamweaver CS3提供的编号列表的样式不包括( )。