收藏本站
 
设为主页
     您的位置:首页资源库网页制作Dreamweaver
== 资 源 搜 索 ==
 
高级搜索
== 学 习 资 源 ==
操 作 系 统
Windows DOS
Linux Unix
Novell OS/2
办 公 软 件
Word Excel
Access Powerpoint
Outlook Wps
媒 体 处 理
网页制作 动画制作
图片处理 视频处理
媒体播放 音频处理
课件制作 其它……
网 络 工 具
网页浏览 下载工具
FTP 工具 邮件工具
网络安全 服 务 器
联络聊天 其它……
工 具 软 件
压缩工具 系统工具
文件工具 磁盘工具
病毒防治 阅读工具
测试工具 程序设计
== 素 材 资 源 ==
GIF动画 Flash动画
按钮图库 图标图库
线条图库 背景图库
创意图库 音频素材
== 教 程 下 载 ==
 
从最简单的网页开始

作者:

 

新建页面
  一般推荐大家在站点窗口完成新建网页文件的操作,这样有助大家清楚新建的页面在整个网站的具体位置:

  方法一:选择菜单上的 文件(F)> 新建文件(N)

  方法二:在本地目录选中需要新建页面的目录,单击右键,选择 新建文件(F)

在Dreamweaver UltraDev中,新建页面的文件名默认为untitled.asp。我们要给这个页面重新起一个名字,例如是“index.htm”。改名的方法是在文件名上缓慢地点击两下,不要太快,否则会变成是双击打开该文件。

其中,htm既是文件的后缀,也是这个网页文件的类型说明,表示这个网页文件是属于静态的HTML文件(也可以用后缀html表示),以后大家紧记将网页的后缀改为htm或html,否则传上到服务器之后,浏览器就无法正常打开。

  【提示】

  为什么网站的第一页的名字通常是index.html而不是其他?举个例子,当你在浏览器打入 http://campo.3322.net 这个网址时,其实并没有明确地指定打开哪一个页面,但服务器就会自动寻找 index.htm

设置页面属性

  设置页面属性,是在正式开始制作网页前一个必不可少的工序。双击打开刚才新建的index.htm,就自动转入编辑窗口。选择修改(M)> 页面设置(P)设置一些必要的页面属性,如下图:

① 标题(Title):页面的标题会直接显示在浏览器的左上方,例如用浏览器打开 草原孤星网站,可以在浏览器的左上角看到该页的标题“★草原孤星-轻轻松松做网页(清爽新版)”。务必要养成为每一页都设定一个标题的习惯,这既便于访问者的浏览,也有助于你在网页编辑的过程中区分不同的页面。虽然标题并不是一个网页必要的元素,但却是体现着网页制作者有否从细处为浏览者着想。

  ② 背景图像(Background Image):点击浏览(Browse)按钮,可以为网页添加背景图片。

  ③ 背景(Background):默认为白色,点击 可以选择其他的颜色。后面“#FFFFFF”是以16进制形式显示的RGB色值。

  ④ 文字(Text):在这里将文字设置为黑色。要注意,假如不对背景及文字的颜色进行设置(此时RGB色值显示为空),那么浏览器在显示页面的时候,就会采用系统的默认设置。但因为不同的系统的设置都可能会有所区别,这样就回导致页面的显示效果也是千差万别。因为,为了更好地让页面体现出你的设计思想,就千万别忘记设定页面的背景颜色及文字颜色。

  ⑤ 链接(Link):设定超级链接的颜色,不设定则默认为蓝色。

  ⑥ 上边界和左边界:设置左部及顶部的页边距,一般都设置为“0”以方便于网页的编辑。

  确保页面的设置正确后,点击 确定结束。

制作一个最简单的网页

  万事起头难,就让我们先从最简单的网页做起。如果你是按照先前的步骤一步一步做下来,那么应该可以如下类似的画面:

  此时光标处于编辑窗口的最最左上角,现在可输入你喜欢的任何文字,例如:“欢迎来到 我的个人主页”,选取文字,在属性面板上的尺寸(Size)下拉菜单 选取文字的大小,例如“7”,再点击 使文字置中,再在文字前敲几个回车,使文字下移,直到使文字完全至于页面中央高度为止,如下图:

  选取菜单 文件(F)> 保存(S)保存页面,恭喜你,你的第一个网页就已经完成了,按 F12 看看页面效果,满意吗?

[上一页] [下一页]

 

Copyright © 2001-2002 东莞中学信息技术科 All Rights Reserved
IE4.0 or later / 800*600  For The Best View