中国设计联盟
联网
Dreamweaver Flash Photoshop 其它周边 web标准 asp php .net CSS WAP网站攻略 专题
域名注册 虚拟主机 广州网站设计 域名注册 广州网站建设 上海网站建设 虚拟主机 广州网页设计  虚拟主机 域名注册 acg王国 ACG玩家
求创科技
上海网站建设
中国福网
招聘求职
中国互联
中国设计秀
中资源
当前位置:网络学院首页 >> 设计教程 >> Dreamweaver >> Dreamweaver简单制作网页

Dreamweaver简单制作网页 (1)

来源:中国设计秀    作者:cooty    点击:997     加入收藏
关键字:网页 Dreamweaver
  本教程主要是针对初学者,如何使用Dreamweaver制作一个网页?这个教程具体详细讲解了制作网页的步骤,及注意的问题,并且拿一个实例来给大家做了一下详细讲解!
  
创建网页页面

  1、在Dreamveaver“文件-新建-常规-基本页-HTML”,这样就建好了一个页面,英文版的默认的文件名为untitled.htm。中文版的的默认的文件名为“无标题文档”。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。
  
   注:网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。这也就是主页,上传后打开网页默认连接到此页。

  2、在标题空格里输入网页名称,点击修改-页面属性,打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背景图像,超级链接的颜色(一般默认即可),其他都保持默认即可。

   3.此时光标位于左上角,可输入一句话,如“欢迎来到我的主页”。选取文字,用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间等。

   4.如要选取字体,则选择字体中的最后一项:编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加入了。
  
   注:在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用,因为别人电脑上未装就看不到。如果需要用的话,要做成图片后再使用。

   注:在网页上打入空格的办法是:把输入法调为全角。

   注:在网页上换行的办法是:shift+Enter。只按Enter则为换段。

  下面拿一个现成的例子来给大家讲解一下:

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

Dreamweaver简单描述制作网页的基本步骤



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

   □网页顶端的标题“我的主页”是一段文字。
   □网页中间是一幅图片。
   □最下端的欢迎词是一段文字。
   □网页背景是一深紫红颜色。

   构思好这个网页的结构,我们就可以开始制作了。

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

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

0
顶一下
[1] [2] [3]
2008-07-17 00:25:00    出处:中国设计秀cnwebshow.com
网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明 | 网站公告 | 友情链接 | 留言 | 旧版入口