转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> 网页制作 >> 正文
Dreamweaver 4 简明教程(四、从最简单的网页开始)         ★★★★

Dreamweaver 4 简明教程(四、从最简单的网页开始)

作者:闵涛 文章来源:闵涛的学习笔记 点击数:636 更新时间:2009/4/23 12:19:37
四、从最简单的网页开始

  新建页面

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

  方法一:选择菜单上的 File > New File



  方法二:在本地目录选中需要新建页面的目录,单击右键,选择 New File

 

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



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

  【提示

  为什么网站的第一页的名字通常是index.html而不是其他?举个例子,当你在浏览器打入 http://www.goeway.com/index.html 这个网址时,其实并没有明确地指定打开哪一个页面,但服务器就会自动寻找 index.html这个文件,如果有的话,就显示这个文件,如果没有,就再找index.htm,再没有的话,就很可能会显示错误信息了。而先找index.html,再找index.htm这个顺序是由服务器决定的,并且绝大多数的服务器都是遵循这种原则,而且一般用户无权修改这种设定。所以我们在制作网页时,最好将网站的第一页命名为index.html或index.htm。

  设置页面属性


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



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

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

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

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

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

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

  确保页面的设置正确后,点击 OK 结束。
  制作一个最简单的网页

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



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



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



[办公软件]如何在Excel表格单元格中输入比例(如4:1并让其正确…  [VB.NET程序]用VB.Net实现DirectSound9 (4) DS3D
[VB.NET程序]几个 WMI 的例子(初级) - 4  [VB.NET程序]VB程序员眼中的C# 4
[VB.NET程序]禁止使用 Alt+F4 关闭窗口  [Delphi程序]从 实 例 看 Delphi 4 中 的 动 态
[网页制作]Dreamweaver MX打造弹出“向导”  [网页制作]使FrontPage与Dreamweaver亲密合作
[网页制作]Fireworks/Dreamweaver双剑合壁造弹出菜单(2)  [网页制作]Fireworks/Dreamweaver双剑合壁造弹出菜单(1)
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台