dw怎样制作表格步骤.docx
- 文档编号:13881874
- 上传时间:2023-06-18
- 格式:DOCX
- 页数:6
- 大小:19.01KB
dw怎样制作表格步骤.docx
《dw怎样制作表格步骤.docx》由会员分享,可在线阅读,更多相关《dw怎样制作表格步骤.docx(6页珍藏版)》请在冰点文库上搜索。
dw怎样制作表格步骤
竭诚为您提供优质文档/双击可除
dw怎样制作表格步骤
篇一:
dw入门教程
保定职业技术学院dw入门教程网站制作之dreamweaver入门
听语音
|浏览:
13516|更新:
20xx-06-1309:
28|标签:
分步阅读
网站制作之dreamweaver入门
工具/原料
dreamweaver
1.dreamweaver入门(20xx版本):
功能简介:
macromediadreamweavermx20xx(简称dwmx20xx),是macromedia最新开发的的html编辑器,用于对web站点、web页和web应用程序进行设计、编码和开发。
dwmx20xx包含有一个崭新、简洁、高效的界面,且性能也得到了改进。
此外,还包含了众多新增的功能,改善了软件的易用性并使您无论处于设计环境还是编码环境都可以方便地生成页面。
【dwmx20xxmx20xx的新功能简介】
▲简洁高效的设计和开发界面:
界面更易于使用,可使您的工作效率和工作质量均得到提高。
▲“插入”栏的改进:
简洁高效的新外观,占用更少的工作区空间。
还新增加了一个“收藏”类别,您可以对“插入”栏进行自定义,将最常使用的对象放置在该栏上。
▲表格编辑可视化:
在表格中进行列调整操作时能看到实际效果。
▲用户界面改进:
可得到最大的可用工作区,更清晰地显示上下文和焦点,更易于使用和更具逻辑性。
▲起始页:
使您能够访问最近使用过的文件,创建新文件和访问dwmx20xx资源。
起始页会在您启动dwmx20xx或尚未打开文档时显示。
▲保存桌面选项:
使您可以选择当您重新启动dwmx20xx时重新打开您上一次使用的文档。
▲完全支持unicode:
dwmx20xx支持internetexplorer所支持的所有文本编码方式。
您可以使用几乎所有您的系统中安装的语言字体,dwmx20xx会正确地显示和保存这些字体。
▲安全Ftp:
使您能够完全加密所有文件传输。
▲新式的页面布局和设计环境。
▲增强的css功能:
提供了一个更为精巧的方法来进行样式设计及提高设计交互性。
▲动态跨浏览器验证:
在您保存文档时自动检查当前文档的跨浏览器兼容性问题。
本教程针对dwmx20xx简体中文版进行讨论,供学习网页制作创建静态网站的朋友们参考。
因本人水平有限,不当之处在所难免,欢迎批评指正。
【图象处理软件】
photoshop:
制作图文并茂的网页,需要处理图片,ps是最好的图象处理软件。
最新版为photoshopcs(俗称8.0)版本。
对初学者来说稍微专业了。
您可以使用简单易学、功能强大的的photoshopelements(即:
pse),对于网页图片文件制作pse就足够用了。
。
Fireworks:
最新为mx20xx版本,网页制作三剑客之一。
能和dw无缝链接。
该软件请您自行收集下载。
Flash:
最新为mx20xx版本,网页制作三剑客之一。
网上最火的动画制作软件。
该软件请您自行收集下载。
uleadgiFanimator:
友立公司开发的功能强大的giF动画软件。
该软件请您自行收集下载。
【其他软件】
cuteFtp:
是专业的Ftp上传软件,用于往服务器端上传文件用。
dreamweavermx20xx有此功能,而且功能强大。
但是,不少人还是习惯用专业的Ftp软件。
该软件请您自行收集下载。
最终您还需要有一个网络空间。
以便您的大作让更多的人浏览。
2.dreamweaver入门(20xx版本):
窗口布局:
窗口布局
dreamweavermx20xx提供了将全部元素置于一个窗口中的集成工作区。
在集成工作区中,全部窗口和面板集成在一个应用程序窗口中。
您可以选择面向设计人员的布局或面向手工编码人员需求的布局。
首次启动dreamweaver时,会出现一个工作区设置对话框(如下图):
您可以从中选择一种工作区布局。
如果您不熟悉编写代码,请您选择“设计者”。
如果您以后想更改工作区,可以使用编辑菜单“首选参数”对话框切换到一种不同的工作区。
编辑菜单“首选参数”对话框如下图:
【栏目说明】
“插入”栏(如下图):
包含用于将各种类型的“对象”(如图像、表格和层)插入到文档中的按钮。
每个对象都是一段html代码,允许您在插入它时设置不同的属性。
例如,您可以通过单击“插入”栏中的“表格”按钮插入一个表格。
也可以不使用“插入”栏而使用“插入”菜单插入对象。
“文档”窗口显示您当前创建和编辑的文档。
“属性检查器”(如下图):
用于查看和更改所选对象或文本的各种属性。
“面板组”(如下图)是分组在某个标题下面的相关面板的集合。
若要展
开一个面板组,请单击组名称左侧的展开箭头;若要取消停靠一个面板组,请拖动该组标题条左边缘的手柄。
“文件”面板(如下图)使您可以管理您的文件和文件夹,无论它们是dreamweaver站点的一部分还是在远程服务器上。
“文件”面板还使您可以访问本地磁盘上的全部文件,类似于windows资源管理器。
dreamweavermx20xx提供了多种此处未说明的其他面板、检查器和窗口。
若要打开其它面板,请使用“窗口”菜单。
篇二:
如何使用dreamweaver制作一个网页
如何使用dreamweaver制作一个网页
创建网页页面
1、在dreamveaver“文件-新建-常规-基本页-html”,这样就建好了一个页面,英文版的默认的文件名为untitled.htm。
中文版的的默认的文件名为“无标题文档”。
htm就表示这个网页文件是一个静态的html文件。
给它改名为index.htm。
注:
网站第一页的名字通常是index.htm或index.html。
其它页面的名字可以自己取。
这也就是主页,上传后打开网页默认连接到此页。
2、在标题空格里输入网页名称,点击修改-页面属性,打开“页面属性”窗口。
在这里可以设置网站的标题、背景颜色或背景图像,超级链接的颜色(一般默认即可),其他都保持默认即可。
3.此时光标位于左上角,可输入一句话,如“欢迎来到我的主页”。
选取文字,用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间等。
4.如要选取字体,则选择字体中的最后一项:
编辑字体列表。
然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加入了。
注:
在网页上最常用的是宋体字。
不要将特殊的字体加到列表中使用,
因为别人电脑上未装就看不到。
如果需要用的话,要做成图片后再使用。
注:
在网页上打入空格的办法是:
把输入法调为全角。
注:
在网页上换行的办法是:
shift+enter。
只按enter则为换段。
下面拿一个现成的例子来给大家讲解一下:
现在,以下边的简单网页为例,叙述一下制作过程。
简单网页如下图:
在开始制作之前,我们先对这个页面进行一下分析。
看看这个页面用到了哪些东西。
□网页顶端的标题“我的主页”是一段文字。
□网页中间是一幅图片。
□最下端的欢迎词是一段文字。
□网页背景是一深紫红颜色。
构思好这个网页的结构,我们就可以开始制作了。
首先启动dreamweaver,确保你已经用站点管理器建立好了一个网站(根目录)。
为了制作方便,请您事先打开资源管理器,把要使用的图片收集到网站目录images文件夹内。
进入页面编辑设计视图状态。
在一般情况下,编辑器默认左对齐,光标
在左上角闪烁,光标位置就是插入点的位置。
如果要想让文字居中插入,点属性面板居中按钮即可。
启动中文输入法输入“我的主页”四个字。
字小不要紧,我们可以对它进行设置。
【设置文字的格式】选中文字,在上图属性面板中将字体格式设置成默认字体,大小可任意更改字号。
并选中“b”将字体变粗。
【设置文字的颜色】首先选中文字,在属性面板中,单击颜色选择图标,在弹出的颜色选择器中用滴管选取颜色即可。
【设置网页的标题和背景颜色】
点击“修改”菜单选“页面属性”。
系统弹出页面属性对话框(如下图)请在标题输入框填入标题“我的主页”。
设置背景颜色:
网页背景可以是图片,也可以是颜色。
此例是颜色。
如上图打开背景颜色选择器进行选取。
如果背景要设为图片,点击背景图象“浏览”按钮,系统弹出图片选择对话框,选中背景图片文件,点击确定按钮。
设计视图状态,在标题“我的主页”右边空白处单击鼠标,回车换一行,按照以下的步骤插入一幅画图片,并使这张图片居中。
您也可以通过属性面板中的左对齐按钮让其居左安放。
【插入图像】选择以下任意一种方法:
(1)使用插入菜单:
在“插入”菜单选“图像”,弹出“选择图像源文件”对话框,选中该图像文件,单击确定。
如下图:
(2)使用插入栏:
单击插入栏对象按钮>选按钮,弹出“选择图像源文件”对话框,其余操作同上。
(3)使用面板组“资源”面板(如下图):
点按钮,展开根目录的图片文件夹,选定该文件,用鼠标拖动至工作区合适位置。
注:
为了管理方便,我们把图片放在“images”文件夹内。
如果图片少,您也可以放在站点根目录下。
注意文件名要用英文或用拼音文字命名而且使用小写,不能用中文,否则要出现一些麻烦。
一个图片就插入完毕了。
(插入*.swf动画文件,选择“插入”菜单>媒体>Flash)。
【输入欢迎文字】
在图片右边空白处单击,回车换行。
仍然按照上述方法,输入文字“欢迎您”然后,利用属性面板对文字进行设置。
保存页面。
篇三:
dw表格应用之细线框的制作
dw表格应用之细线框的制作
1.细线边框是网页中定位区分内容常用的一种方法,配合特定图片的使用,往往能够
达到不错的效果,那么如何制作细线边框呢?
大家都知道,所谓细线边框,大体外观上就是一个简单的1行1列表格,那么我们直接把表格对象的border值设定为1不就可以了吗?
2.同样在网页中指定位置插入一个单行单列的表格,用鼠标单击表格外框的任何一个
部位以选中它,在属性板中将“border”值设定为1
,也可以同时将另外的“cellp
ad”和“cellspace”置零,如图:
预览状态下的不同效果图示:
从上面的图示中,不难看出简单的边框置1达不到效果,下面我们看下,如何通过对表格的“巧妙”设置来实现要求的细度。
3.同样在上面的表格中,将属性板中,“border”、“cellpad”设置为“0”,“ce
llspace”设置为“1”,注意“cellspace”指的是单元格与单元格之间的距离大小。
如图
4.
将表格的“bgcolor”设定为“红色”,同时将单元格的“bgcolor”设定为同网页
背景色-“白色”,预览效果如图:
为了便于大家理解,这里笔者再稍微解释下。
其中我们将“cellspace”设定为1,在设定表格的背景颜色时,无疑已经包括了这一部分。
而后面的单元格设定则恰好把它“甩”下了。
这样就促成了显示上的效果,那么改变表格背景色也就是改变边框的颜色了。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- dw 怎样 制作 表格 步骤
![提示](https://static.bingdoc.com/images/bang_tan.gif)