中华网通行证
用户名 密码

Dreamweaver MX 2004简体中文版入门教程(七)

之页面制作
中华网科技 http://tech.china.com
进入BBS】【进入聊天室】【浏览字号: 】【关闭窗口

现在,以下边的简单网页为例,叙述一下制作过程。简单网页如下图:

   在开始制作之前,我们先对这个页面进行一下分析。看看这个页面用到了那些东西。
  □网页顶端的标题“我的主页”是一段文字。
  □网页中间是一幅图片。
  □最下端的欢迎词是一段文字。
  □网页背景是一深紫红颜色。
  知道了这个网页的结构以后我们就来可以制作了。
  首先启动Dreamweaver MX 2004,确保你已经用站点管理器建立好了一个网站(根目录)。
  为了制作方便,请您事先打开资源管理器,把要使用的图片收集到网站目录images文件夹内。

    【插入标题文字

  进入页面编辑设计视图状态。在一般情况下,编辑器默认左对齐,光标在左上角闪烁,光标位置就是插入点的位置。如果要想让文字居中插入,点属性面板居中按钮即可。启动中文输入法输入“我的主页”四个字。字小不要紧,我们可以对它进行设置。

  【设置文字的格式】 选中文字,在上图属性面板中将字体格式设置成默认字体,大小可任意更改字号。并选中“B”将字体变粗。

  【设置文字的颜色】首先选中文字,在属性面板中,单击颜色选择图标,在弹出的颜色选择器中用滴管选取颜色即可。

 

  【设置网页的标题和背景颜色
   点击“修改”菜单选“页面属性”。系统弹出页面属性对话框(如下图)

  请在标题输入框填入标题“我的主页”。
  设置背景颜色: 网页背景可以是图片,也可以是颜色。此例是颜色。如上图打开背景颜色选择器进行选取。如果背景要设为图片,点击背景图象“浏览”按钮,系统弹出图片选择对话框,选中背景图片文件,点击确定按钮。

  设计视图状态,在标题“我的主页”右边空白处单击鼠标,回车换一行,按照以下的步骤插入一幅画图片,并使这张图片居中。您也可以通过属性面板中的左对齐按钮让其居左安放。 


 
 来源:中国学习联盟
相关教程

Dreamweaver MX 2004简体中文版入门教程(一) 之新功能简介
Dreamweaver MX 2004简体中文版入门教程(二) 之窗口布局
Dreamweaver MX 2004简体中文版入门教程(三) 之菜单概述
Dreamweaver MX 2004简体中文版入门教程(四) 之常用工具栏
Dreamweaver MX 2004简体中文版入门教程(五) 之定义站点
Dreamweaver MX 2004简体中文版入门教程(六) 之创建页面
Dreamweaver MX 2004简体中文版入门教程(七) 之页面制作
Dreamweaver MX 2004简体中文版入门教程(八) 之超级链接
Dreamweaver MX 2004简体中文版入门教程(九) 之表格设计
Dreamweaver MX 2004简体中文版入门教程(十) 之框架技术
Dreamweaver MX 2004简体中文版入门教程(十一)之创建导航条

中华网搜索
站内搜索
全网搜索


科技频道主编信箱