Dreamweaver教程：页面制作

• 关 键 词：
• dreamweaver
• flash
• 输入法

（1）使用插入菜单：在“插入”菜单选“图像”，弹出“选择图像源文件”对话框，选中该图像文件，单击确定。如下图：

• 菜鸟学用DreamWeaver做ASP
• Dreamweaver动态网页实例：验证用
• Dreamweaver制作网页幻灯片效果
• 用Dreamweaver打造在线音乐网站
• photoshop切片结合dreamweaver拼接
• 用Dreamweaver实现网站购物车功能
• 下拉菜单全攻略之Dreamweaver篇
• Dreamweaver轻松打造Flash像册
• Dreamweaver制作产品展示动态网页
• 如何在Dreamweaver中进行数据库连

（2）使用插入栏（如下图）：单击插入栏对象按钮>选

按钮，弹出“选择图像源文件”对话框，其余操作同上。

（3）使用面板组“资源”面板（如下图）：点

按钮，展开根目录的图片文件夹，选定该文件，用鼠标拖动至工作区合适位置。

注：为了管理方便，我们把图片放在“images”文件夹内。如果图片少，您也可以放在站点根目录下。注意文件名要用英文或用拼音文字命名而且使用小写，不能用中文，否则要出现一些麻烦。

一个图片就插入完毕了。（插入*.swf动画文件，选择“插入”菜单＞媒体＞Flash）。

【输入欢迎文字】

在图片右边空白处单击，回车换行。仍然按照上述方法，输入文字“欢迎您……”然后，利用属性面板对文字进行设置。

保存页面。

一个简单的页面就这样编辑完毕了。

【预览网页】在页面编辑器中按F12预览网页效果。网站中的第一页，也就是首页，我们通常在存盘时取名为index.htm。

【小结】在今天的教程中我们制作了一个简单的网页。

内容有四：

①图片插入和对齐设置；

②文字的格式、颜色和加粗等设置；

③背景颜色的设置；

④预览网页，查看实际效果。

不仅要掌握还要举一反三反复练习。收藏 http://www.qqread.com/dreamweaver/2006/07/q833130022.html 更多内容请看ASP.NET教程、FreeBSD使用教程专题，或进入讨论组讨论。

【深 度 阅 读】 相 关 文 章

• Dreamweaver制作网页之图片应用技巧
• Dreamweaver+ASP.net开发动态广告管理
• Dreamweaver教程：表格设计
• Dreamweaver下拉菜单全攻略