教程中国
PHOTOSHOP CS9.0中文版 MAYA 8.5 FOR WINDOWS Corel Painter v9.0 Flash MX2004 中文版 Illustrator cs2 中文版
VC++6.0含sp6 中英文版 VB6.0 +sp6 简体中文版 Borland Delphi 7汉化版 MSDN for vb6.0中文版 Visual Studio 2005简体
教程中国下属 文件存储共享专家BIBIDU.COM 提供大型软件,教材,源码,电影,音乐,图书等下载 更多精品请点此进入
  您目前所在位置: 教程中国 >> 网页设计 >> Dreamweaver >> DW MX第三章:学习从最简单的开始 RSS订阅
DW MX第三章:学习从最简单的开始
教程(视频,书籍)下载:  ASP.NET AutoCAD 数据库 C# ASP java photoshop 网页设计 delphi 3dmax Flash C++ VB 张孝祥 实例   更多请进入BIBIDU搜索
IT搜索引擎   
   

一般推荐大家在站点窗口完成新建网页文件的操作,这样有助大家清楚新建的页面在整个网站的具体位置,找到 ⑦ 区(第一章已经讲述),在站点窗口里新建一个index.htm或index.html文件(上一章定义站点已经讲述过);当然你也可以从 ① 区(第一章已经讲述)中的文件(F)菜单,选新建(N) [其中后面的CTRL+N是该操作的快捷键],将出现下面的画面:

其中,如果选中模板,将使用模板创建一个新的网页文件,参数选择(P)...处就是第一章中说的参数选择,这里使用默认文档类型为HTML就行了,创建好之后,将文件保存为index.htm(注意:将它保存到站点文件夹里)。

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

何为CSS?CSS就是Cascading Style Sheets(层叠样式表单)的简称,可以用来统一网页的风格,后面将用详细讲述。

[提示:为什么网站的第一页的名字通常是index.htm、index.html、index.asp等,而不是其他?举个例子,当你在浏览器打入 http://www.tastelife.net 这个网址时,其实并没有明确地指定打开哪一个页面,但服务器就会自动寻找index.htm、index.html、index.asp等,道理就在于此处了]

设置页面属性

设置页面属性,是在正式开始制作网页前一个必不可少的工序。双击打开刚才新建的index.htm,就自动转入编辑窗口。选择 ① 区(第一章已经讲述)中的修改(M)页面属性(P) [CTRL+J为该操作的快捷键],设置一些必要的页面属性,如下图:

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

  b 背景图像(I):点击浏览(B)按钮,可以为网页添加背景图片。

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

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

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

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

  其它的可以自行设置一次,看看有何不同。以便熟练。

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

制作一个最简单的网页

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

此时光标处于 ⑤ 区编辑窗口的最最左上角,现在可输入你喜欢的任何文字,例如:“欢迎来来品味人生网站”,选取文字,在 ⑥ 区属性面板上的大小(S)下拉菜单 选取文字的大小,例如“7”,再点击面板上的(这个是让对象居中的操作,旁边分别为居左居右)使文字置中,再在文字前敲几个回车,使文字下移,直到使文字完全至于页面中央高度为止,如下图:

选取 ① 区菜单中的文件(F)> 保存(S)[该操作的快捷键为:CTRL+S]保存页面,恭喜你,你的第一个网页就已经完成了,按 F12 [注:F12为预览网页的快捷操作,你可以从 ① 区菜单中的文件(F)在浏览器中预览这里操作]看看页面效果,满意吗?

[小提示:使用鼠标右键操作更快,如:选中欢迎来来品味人生网站几个字后,点鼠标右键,会出现弹出菜单,可以找到大小(S)对齐(G)]

本章练习:

新建一个名字为index.htm的网页(格式要求:标题为“我的个人网站”,背景色为蓝色,上边界和左边界都为2),网页中插入三行文字,第一行为“欢迎光临我的个人网站”(格式要求:居中,字体大小为7);第二行为“这是我做的第一个网页”(格式要求:居左,字体大小为5);第三行为“请多多指教”(格式要求:居右,字体大小为1)。

来源:编程技术-十度教育
作者:
关键字:DW,MX第三章,学习从最简单,开始
发表日期:2006-10-18 10:48:13

网页显示有限 阅读全文请下载本文完整版WORD文档

上一篇:DW MX第四章:用图片美化你的页面   下一篇:DW MX第二章:学习从最简单的开始


2008-11-22 8:48:31
本文的相类似文章
  • Windows开始运行命令总览
  • 用VB创建开始菜单快捷方式(无需其他DLL)
  • 硬件从零开始:主板认识篇
  • Mandrake9.0的启动过程(从init开始)(二)
  • Mandrake9.0的启动过程(从init开始)(一)
  • PL/SQL构建代码分析工具之从测试开始
  • 从零开始 无线网络终极应用宝典
  • 企业安全管理从IP地址开始
  • 黑客经验之零开始自检系统漏洞
  • 从头开始学代理-新手篇
  • 在学习中进步 在进步中成长 教程中国相随您的成长之路
    华腾联合科技股份有限公司版权所有
    广告联系:Rosibo@163.com