首页 - 快讯 - 钢琴 - 曲谱 - 童画 - 教案 - 国画 - 书法 - 素描 - 色彩 - 雕塑 - 版画 - 漫画 - 设计 - 高考 - 简章 - 考分 - 院校 - 考题 - 考点 - 图库 - 名家 - 下载 - 论坛
河南艺术网
幼儿教案 - 小学教案 - 初中教案 - 高中教案 - 美术论文 - 国画教程 - 书法教程 - 色彩教程 - 雕塑教程 - 版画教程 - 素描教程 - 漫画教程 - 童画教程 - 设计学院
photoshop Fireworks flash sdmax Illustrator CorelDraw PhotoImpact maya AutoCAD Dreamweaver
高考频道
您现在的位置: 河南艺术网 >> 教程 >> 设计学院 >> Dreamweaver >> 正文

Dreamweaver教程:页面制作
http://www.henanart.com 2007-11-15 9:28:15 佚名

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


在开始制作之前,我们先对这个页面进行一下分析。看看这个页面用到了那些东西。

□网页顶端的标题“我的主页”是一段文字。

□网页中间是一幅图片。

□最下端的欢迎词是一段文字。

□网页背景是一深紫红颜色。

知道了这个网页的结构以后我们就来可以制作了。

首先启动Dreamweaver MX 2004,确保你已经用站点管理器建立好了一个网站(根目录)。

为了制作方便,请您事先打开资源管理器,把要使用的图片收集到网站目录images文件夹内。

【插入标题文字】

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

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

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

【设置网页的标题和背景颜色】

点击“修改”菜单选“页面属性”。系统弹出页面属性对话框(如下图)

请在标题输入框填入标题“我的主页”。

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

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

[1] [2] 下一页


  • 上一篇教程:

  • 下一篇教程:
  •   网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
     热 门 文 章
    普通教程Dreamweaver进阶:标签选择器的妙用
    普通教程Dreamweaver也能轻松制作Flash相册
    普通教程网站制作中的版式原理和版式原理
    普通教程Dreamweaver中灵活使用网页表格
    普通教程Dreamweaver技巧之如何使用模板
    普通教程十二个Dreamweaver使用小秘诀
    普通教程Dreamweaver制作网页经典问题大整理
    普通教程Dreamweaver8创建自定义代码片段的方法
    普通教程Dreamweaver轻松制作网页页内连接
    普通教程Dreamweaver轻松制作网页页内连接
     相 关 文 章
    Fireworks教程:制作图标-金属锁教程
    Fireworks制作“回形针卡照片”特效教程
    用Fireworks打造漂亮流光吊坠教程
    CorelDRAW浮雕图案教程
    CorelDRAW透明图案教程
    Dreamweaver进阶:标签选择器的妙用
    Dreamweaver也能轻松制作Flash相册
    Dreamweaver中灵活使用网页表格
    Dreamweaver技巧之如何使用模板
    CorelDRAW 12合并打印使用方法及应用实例教

    河南艺术网

    豫ICP备05020495号
    版权所有 河南艺术网(HenanArt.Com)
    网站推广:河南天艺文化传媒有限公司 联系电话:0371-65257910
    Copyright © 2006 - 2008 henanart.com Inc. All Rights Reserved
    关于我们 | About HeNanArt | 服务条款| 广告服务| 招聘信息 | 公益事业| 客服中心| 网站导航