dw中怎样实现文本框中有字

时间:2021-10-29 03:22:22 初二作文

篇一:《dreamweaver制作文本框行为》

dreamweaver制作文本框行为 我们在各种网页上见到过这种文本框,比如下面这个登陆界面,里面有提示“请输入用户名”,当光标放到上面的时候,它将提示删除,这就是一个文本框行为,其实制作这样的文本框行为很简单,下面就是具体的方法喽: 工具/原料

 dreamweaver cs5 方法/步骤 1. 1 打开dreamweaver以后,在插入选项中,插入一个表单,点击图示的位置,我们先来建立一个有文本域的表单

2. 将光标放到表单里,在菜单栏上,插入一个标签,如图所示,点击标签按钮。接着在标签中输入汉字“用户名”

3.

4. 接着,插入一个文本域,点击图示中的按钮 弹出一个设置对话框,这里需要填写id,因为会要用到对该id的文本域的行为,需要有id才可以

5.

6. 同样的方法我们在建立一个密码的文本框,设置他们都为右对齐 打开代码视图,将文本域标签中,添加一段代码value=“请输入用户名”,这个作为文本域的默认文字{dw中怎样实现文本框中有字}.

7.

8. 我们看到这里已经出现了默认文字,怎么样让光标放到文本域的时候让这些文字消失呢? 选中该文本域,打开行为窗口,点击添加按钮,添加一个行为,如图所示:

9. 依次执行:设置文本--设置文本域文字,打开设置对话框

10.在打开的对话框中,什么都不要输入,点击确定按钮即可。

篇二:《(2014.05.07)Dreamweaver网页设计课程辅导(文本)》

(2014.05.07)Dreamweaver网页设计课程辅{dw中怎样实现文本框中有字}.

导(文本)

王立:各位同学中午好,欢迎参加本课程的教学辅导活动。

各位同学在本课程的学习过程中,碰到了哪些问题,都可以在此提出来,我会在此予以解答。

殷亮: Dreamweaver网页设计工具

王立:比较流行的网页设计工具

殷亮:怎么样对于多个站点进行管理?

王立:参考教材第9章

殷亮:插入表格时,在表格单元中老是有个空格(<td></td>),怎样才能不让它产生? 王立:这是软件自动产生的,可以忽略

殷亮:Dreamweaver网页制作的基本设计思路?

王立:参考教材的案例,了解案例的操作步骤,总结一下设计思路

殷亮: SQL Server的物理存储主要包括3类文化,哪三类?

王立:数据文件,日志文件,按照文件组组织

张梅:怎么样对于多个站点进行管理?

王立:参考第9章

张梅:网页制作还有那些软件?

王立: frontpage。其他一些文本软件也可以编写html网页

殷亮: Dreamweaver网页设计的架构标准

王立:参考第5章、7章,然后结合案例

殷亮:在Dreamweaver中,可以向网页中插入的多媒体格式有些什么?

王立:参考第一章

殷亮:网页用Netscape Navigator出错

王立:请检查代码。因为用所见所得编辑器反复修改页面的某些部分,有时会留下一些多余的代码,比如多余的链接,这些代码在DW的文档窗口看不到,IE会忽视它们。但是Netscape Navigator对代码要求更严格,预览时就出现报错。还有java scripte的函数引用也会引起报错

殷亮:在文档区域中,可以进行哪些操作?{dw中怎样实现文本框中有字}.

王立:输入文字、插入表格和编辑图片等

殷亮:插入视频文件可以将视频直接并入页面中,但只有在什么情况下,视频才可以播放? 王立:浏览器没有禁用视频播放,同时安装了对应的视频播放插件

殷亮:为什么无法在文字中输入多个空格字符?

王立:这个问题是许多初学者都很困惑的难题,其实只要你掌握了以下方法,是非常简单的一个小问题而已:

1)可以用中文的全角状态下按空格键方法是:打开中文输入法,按[Shift]+[Space]切换到全角状态。这时你输入的空格就是全角空格了。强烈推荐.

2)插入一个透明的图

3)用pre标签里写你的内容

4)[object]里的[invisiables]里的[none-breaking space]点一下

5)[instert]菜单下的[none-breaking space]

6)用[CTRL]+[SHIFT]+[SPACE]插入空格或任输几个字符,然后将其色彩设成背景的色彩

7)[CTRL+T]去掉尖括号,键入,每个之间用空格分开。

或者空格的代码用&nbsp;来实现多个空格字符输入

邬伟:DW选择多个不连续的单元格。在选定第1个单元格后,按下Ctrl键,并用鼠标单击其他要选择的单元格

王立:还有很多其他的操作技巧,希望掌握

邬伟:JavaScript包括在HTML中,它成为HTML文档的一部分<Script>...</S。既可放入<Head>..</Head>之间,也可放入<Body>...</Body>之间

王立:是的

邬伟:表单的主要作用?表单的主要作用是提交数据,如果要用户输入密码,应使用input type="password"作为表单对象。

王立:其他的表单元素也请掌握

邬伟:什么标签的设置有助于搜索引擎在因特网上搜索到网页?META标签

王立:标题标签<strong>和<em>标签。标记中有很多其他好的地方来放置关键词和短语。<strong>和<em>标签强调了内容中的一小部分,评估网页信息层级中的排名,并被搜索引擎视为重要内容

邬伟: HTML及XHTML的区别是什么?

王立:参考第三章

殷亮:请问用DW制作网页时怎样才能实现在浏览器的状态栏中显示滚动的字幕??

王立:在Behaviors窗口中选取Behaviors,单击“+”号,再选取“SetText→SetTextofStatusBar”,最后在弹出的对话框中写上你想在状态栏出现的文字就可以了。当然也可以结合javascript来实现

殷亮:创建一个层,什么是属性项层屋性可以设计的?

王立:以下是对面板中一些属性的说明

层编号:给层命名,以便在“层”面板和JavaScript代码中标识该层。

左、上:指定层的左上角相对于页面(如果嵌套,则为父层)左上角的位置。

宽、高:指定层的宽度和高度。如果层的内容超过指定大小,层的底边缘(按照在 Dreamweaver设计视图中的显示)会延伸以容纳这些内容。(如果“溢出”属性没有设置为“可见”,那么当层在浏览器中出现时,底边缘将不会延伸。

Z轴:设置层的层次属性。在浏览器中,编号较大的层出现在编号较小的层的前面。值可以为正,也可以为负。当更改层的堆叠顺序时,使用“层”面板要比输入特定的z轴值更为简便

可见性:在“可见性”下拉列表中,设置层的可见性。使用教本语言如Java Scrip可以控制层的动态显示和隐藏。有四个选项:

Default——选择该选项,则不指明层的可见性。

Inherit——选择该选项,可以继承父层的可见性。

Visible——选择该选项,可以显示层及其包含的内容,无论其父级层是否可见。{dw中怎样实现文本框中有字}.

Hidden——选择该选项,可以隐藏层及其包含的内容,无论其父级层是否可见。 背景颜色:用来设置层的背景颜色。

背景图像——用来设置层的背景图像。

溢出——选择当层内容超过层的大小时的处理方式。有四个选项:

Visible(显示):选择该选项,当层内容超出层的范围时,可自动增加层尺寸。

hidden(隐藏):选择该选项,,当层内容超出层的范围时,保持层尺寸不变,隐藏超出部分的内容。

scroll(滚动条):选择该选项,则层内容无论是否超出层的范围,都会自动增加滚动条。

auto(自动):选择该选项,,当层内容超出层的范围时,自动增加滚动条(默认) 剪辑:设置层的可视区域。通过上、下、左、右文本框设置可视区域与层边界的像素值。层经过“剪辑”后,只有指定的矩形区域才是可见的。

类:在类的下拉列表中,可以选择已经设置好的CSS样式或新建CSS样式。

王立:本次教学活动结束,感谢各位参与。若有任何问题,可以发帖,也可以发送邮件到我的邮箱:wlpolo@crtvu.edu.cn

篇三:《Dreamweaver给文本和图像添加超链接》

实验7 给文本和图像添加超链接

实验要求

通过实验,理解链接的概念。熟悉掌握如何给文本和图像添加超链接,如何添加邮件链接和创建锚记链接。

说明:站点是由繁复的链接组成的。因为媒体的其他元素都可以按另一种形式进行复制,但是如果没有了链接,也就不会有万维网。通常,网页设计者需要为短语、单词或者一个图片设置链接,链接到想要到达的地址。一旦用户创建了链接,就可以在浏览器中预览它,实现在网络上的跳转。 对应知识点:

●给文本和图像添加超级链接 ●添加邮件链接 ●创建锚记链接

实验素材

图像和文字制作完成的网页。

实验步骤{dw中怎样实现文本框中有字}.{dw中怎样实现文本框中有字}.

1. 启动Dreamweaver MX 2004程序,选择菜单“文件”“打开”命令,弹出“打开”

对话框。在对话框中,选择本书配套光盘exp7/sucai07文件夹中的网页文件page07.htm。如图7-1所示。 2. 单击“按钮”,打开网页文件编辑窗口。如图7-2所示。

图7-1“打开”对话框

图7-2page07.htm网页编辑窗口

说明:此网页主要使用图像和文件制作完成。其中大量使用了表格布局,读者可以打开

网页进行分析,回顾关于图像、文本等实验的学习。

3. 首先需要创建本地站点。选择菜单“站点”“管理站点”命令,打开“管理站点”对

话框。选择“新建”“站点”命令,打开“站点定义”对话框。

4. 在对话框“站点名称”编辑框中输入“广西行”,单击“本地根文件夹”和“默认文件夹”后面的文件夹,选择网页和图像的位置,确定后如图7-3所示。

5. 单击“确定”按钮,返回“管理站点”对话框。新建站点名称“广西行”显示在站点列

表中。如图7-4所示。

图7-3“站点定义”对话框

图7-4“管理站点”对话框

图7-5 文件面板

6. 单击“完成”按钮,本地站点创建完成。

Dreamweaver MX 2004将自动打开“文件”面板,

定位到当前站点下。如图7-5所示。

7. 在打开的“page07.htm”文件上制作文字链接。拖动鼠标,选中“我们的宗旨”图像下

的第1个小标题“关于广西的介绍”。

8. 单击属性面板“链接”编辑框右侧的“指向文件”按钮

,拖动鼠标时从“指向文件”

图标上会延伸出一条直线,当定位到需要链接的文件(page07-2.htm)后,释放鼠标按钮。文件名和路径信息就会自动显示在“链接”文本框内。如图7-6所示。

图7-6 使用“指向文件”按钮制作文本连接

说明:通过“指向文件”图标

,用户就不用为了查找一个文件而浏览一个又一个的

文件夹,因为现在它们都必须清楚地显示在文件面板上。当然,用户可以指向另一个打开的Dreamweaver窗口中的一个文件,或者同一个窗口中另一个框架中的文件。如果用户需要的链接是一个命名锚,它位于页面的底部。则Dreamweaver 会自动滚动来寻找它。用户甚至可以指向另一个页面的命名锚。

9. 当然,用户也可以单击“浏览文件”按钮

,打开“选择文件”对话框。在其中选择需要链接的文件“page07-2.htm”。如图7-7所示。

10. 单击“确定”按钮,文件路径和名称显示

在“链接”文件框内。

说明:文本链接通常是蓝色并加有下滑线。

用户可以改变文档链接的颜色和下滑线状态,在前面实验关于“页面属性”中已有介绍。单击属性面板上的“页面属性”按钮,在“链接”框内可以设置链接的颜色和下划线等状态。如7-8所示。

11. 双击“推出单位”下的第1个名称,选中文字。在属性面板“链接”编辑框内输入此单

位的网址(这里假设为)。在目标下下拉列表中选择"-black"选项。 如图7-9所示。

图7-8在“页面属性”连接框内设置连接状态

图7-9制作网站链接

图7-10制作电子邮件连接

说明 需要注意在制作网站链接时,需要在网址前面加上””。在”目标”下拉列表中有4个选项分别为:-blank在新的未命名的窗口中显示被连接的文档;-parent:在父框架集中显示被连接的文档;-self这是系统默认的设置,是在与该连接相同的框架和窗口中显示