动态网站制作指南 [  QQ表情  ]
[ 投票调查 ]
[ 企业邮箱 ]
[ 网站空间 ]
网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
ASP源码 | .Net源码 | PHP源码 | JSP源码 | JAVA源码 | CGI源码 | VB源码 | C++源码 | Delphi源码 | PB源码 | VF源码 | 汇编 | 服务器
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > Dreamweaver教程
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
文章搜索服务
邮件订阅
输入你的邮件地址,
你将不会错过任何关于:
[ Dreamweaver教程 ]的信息

本月文章推荐
.Dreamweaver 4 简明教程(六、建立.
.Dreamweaver行为全接触(5).
.学习Dreamweaver8了解掌握CSS层叠.
.Dreamweaver 4 简明教程(三、制作.
.Dreamweaver基础技巧全面接触.
.Dreamweaver MX 2004从零开始(3).
.DW-MX制作ASP.NET-修改.
.细品Dreamweaver MX内建FW技术.
.DreamweaverMX Ultradev探索(4-2).
.Ultradev实例教程:3.1 定义站点.
.Dreamweaver 4 简明教程(二、初步.
.Dreamweaver MX 打造我们的留言本.
.Dreamweaver MX Ultradev探索(2).
.Dreamweaver3 图层应用技巧(一).
.巧妙运用DW进行网页制作技巧.
.Dreamweaver 基础:DW的工作区布.
.Ultradev实例教程:2.3 创建Web站.
.如何制作会移动的广告条.
.Dreamweaver中层的应用技巧.
.Ultradev实例教程:1.4 Ultradev的.

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

发表日期:2004-1-29 |


四、从最简单的网页开始

  新建页面

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

  方法一:选择菜单上的 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 看看页面效果,满意吗?

上一篇:Dreamweaver 4 简明教程(三、制作前的准备工作——定义网站) 人气:16336
下一篇:Dreamweaver 4 简明教程(五、让你的网页更漂亮之一) 人气:17611
浏览全部Dreamweaver 4 简明教程的内容 Dreamweaver插件下载 常用网页广告代码全集
  最新网站源码 最新软件下载
2008-8-28 LDV个人相册系统 v1.6.1
2008-8-28 讯时网站管理系统CMS v3.5
2008-8-28 迅易评选管理系统 v9.3
2008-8-28 OpenX(广告管理系统) v2.6.1 多国
2008-8-28 雨点单用户免费留言板 v2.0 Buil
2008-8-28 APJE私服发布系统 v2.1 ASP版
2008-8-28 酷维CMS企业网站程序 v1.0
2008-8-27 风讯dotNETCMS v1.0 SP3 SQL/ACC
2008-8-27 风讯dotNETCMS v1.0 SP3 源码
2008-8-23 Mini WinMount V0.4
2008-8-23 Vista优化大师3.11正式版
2008-8-23 Wine 1.13
2008-8-23 KlipFolio 5.0 Build 5899-80
2008-8-23 Windows Sysinternals Desktops
2008-8-23 OneTap Movies1.2破解版
2008-8-23 AnnotaterPDF阅读1.1.503 破解版
2008-8-23 SoundMeter分贝测量仪 v1.0汉化破
2008-8-23 iDrum音乐节拍1.0破解版
  发表评论
姓 名: 验证码:
内 容:
站长工具:网站收录查询 | Google PR查询 | ALEXA排名查询 | CSS在线编辑器 | 广告代码 | Html转换js | js/vbs加密 | md5加密 | 进制转换
实用工具:汉字翻译拼音 | 符号对照表 | 个税计算 | 经典小工具 | 汉字简繁转换 | 普通单位换算 | 公制单位换算 | 生辰老黄历 | 国内电话区号 国家代码与域名缩写 | 文字加密解密 | 健康查询 | 万年历 | 汉字横竖排版 | 手机号码查询 | 计算器 | ip搜索
业务联系 | 广告刊登 | 频道合作 | 投稿荐稿 | 联系方式 | 加入收藏 | RSS订阅
Copyright © 2000-2008 www.knowsky.com All rights reserved | 网络实名:动态网站制作指南 | 沪ICP备05001343号
ホームページ制作 不動産検索システム 求人情報
防水工事·改修工事 フットサル大会 探偵