欢迎来到天天文库
浏览记录
ID:19537091
大小:392.50 KB
页数:36页
时间:2018-10-03
《创建基本网页,文本,图像轮换,链接,表单》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、创建基本网页文本、图像、超链接、表单第三章创建基本网页3.1插入文本3.2插入图像3.3轮换图像3.4插入媒体3.5创建链接3.6插入表单3.1插入文本一般来说,网页中显示最多的是文本。所以对文本的控制,以及布局在设计网页中占了很大的比重,能否对各种文本控制手段运用自如,是决定网页设计是否美观、富有创意及提高工作效率的关键。最适合于网页正文显示的字体大小和行距为:⑴字体大小10~14像素px左右⑵行距15像素px左右Dreamweaver插入文本直接输入复制和粘贴文本导入word文档:“文件”菜单-“导入”word文档实 例注意内容1、输入文本空格2、实现文本换行3、插入相关文本要素1
2、、输入文本空格通过键盘上的空格键可以实现输入文本空格,这是与很多文字处理软件是一样的,但是在DW中输入空格的数量在字符输入的半角状态和全角状态是不一样的。输入法切换半角状态时,按空格键只能输入一个空格,而无法连续输入多个空格。如需输入多个连续的空格,可通过一下几种方法来实现。(1)将输入法切换到中文全角状态。(2)直接按Ctrl+shift+spacebar。(3)”插入”菜单—“HTML”命令—“特殊字符”—不换行空格。2、实现文本换行当输入多个文本时就需要换行,这可以通过按Enter键或shift+enter键来实现。按Enter键换行的行距较大。按shift+enter键来实现正
3、常的换行。3、插入相关文本要素插入特殊字符制作网页时有时需要输入一些键盘上没有的字符,如注册商标符号、欧元符号等等。方法是:“插入”菜单—HTML—特殊字符插入文本列表在网页中插入文本列表,可以使文本内容显得更加工整、直观。方法:①“文本”插入工具栏②属性面板4、插入水平线使用水平线可以分割网页的文档内容和对象,使文档结构清晰,层次分明,便于浏览。在网页中合理地插入水平线可以取得很好的视觉效果。方法:“插入”—HTML—水平线3.2插入图像图像是网页中最重要的元素之一,图像能够使网页变得丰富起来,令人耳目一新.图像不但能美化网页,而且与文本相比更能够直观地说明问题,使表达的意思一目了然
4、,加深浏览者的印象.在网页中插入图像设置图像的属性3.2.1在网页中插入图像在Dreamweaver8中,可以在“设计”视图或“代码”视图中将图像插入文档。在Dreamweaver文档中添加图像时,可以设置或修改图像属性并直接在“文档”窗口中查看所做的更改。在网页中将光标置于要插入图像的位置,执行“插入”菜单,选择“图像”命令,打开“选择图像源文件”对话框。“选择图像源文件”对话框如果插入的图像不在当前网页所在的站点,Dreamweaver将提示是否将该图片复制到所在站点,一般单击“是”实 例3.2.2设置图像的属性图像属性的设置主要是通过“属性”面板来完成的,在“属性”面板中可设置图
5、像的大小、位置、名称、边框、替代文本、低解析度等内容,使图像更加符合页面设计,并使其更加美观。实 例3.3轮换图像鼠标经过图像效果是指当访问者移动鼠标经过图像时,图像变为另一幅图像,当鼠标离开时又恢复为原来的图像.注意:两幅图像的大小完全相同。如果这两个图像大小不同,Dreamweaver将自动调整第二个图像的大小,以匹配第一个图像的属性。方法:将光标置于文档中,执行“插入”“图像对象”“鼠标经过图像”命令,打开“插入鼠标经过图像”对话框。“插入鼠标经过图像”对话框3.4插入媒体多媒体对象和图像一样,在网页中是一道亮丽的风景,它能使网页丰富、活跃起来,使用Dreamweaver制作网页
6、,可以方便地插入各种多媒体对象。当需要编辑各种多媒体对象时,可以在Dreamweaver窗口中启动相应的媒体外部编辑器来编辑媒体。插入flash动画插入flash按钮插入flash文本3.4.1插入flash动画Flash动画是一种高质量的矢量动画,在网络中有着大量的精美动画素材。让网页活跃起来,使用Dreamweaver制作网页,可以在网页插入导出为.swf或.swt格式的Flash按钮。方法是:将光标置于文档中,执行“插入”“媒体”“Flash”命令,打开“选择文件”对话框。“选择文件”对话框实 例3.4.2插入flash按钮方法是:将光标置于文档中,执行“插入”“媒体”“Flas
7、h按钮”命令,打开“插入Flash按钮”对话框。使用Dreamweaver中的Flash按钮对象,可以创建或者载入一组预设的Flash按钮,并为按钮添加文本、背景颜色以及指向其他文件的链接。“插入Flash按钮”对话框实 例3.4.3插入flash文本方法是:将光标置于文档中,执行“插入”“媒体”“Flash文本”命令,打开“插入Flash文本”对话框。实 例3.4.4给网页添加背景音乐通过普通的标签来给网页添加背景音乐。在<
此文档下载收益归作者所有