［精华］网页制作相关

谜之训练家 · 发表于 2003-7-23 14:01:14

［精华］网页制作相关

谜之训练家 · 发表于 2003-7-23 14:02:28

网页制作入门（HTML语言篇）

只会用工具做网页还是不够的，因为在做网页的过程中还是有一些细节要注意，所以会看代码也是很重要的事，就拿个简单的例子来说：如果要你的文本开头空两行，那么光输入“ctrl+shift+space”在你做的网页上是看不出，那么就要利用看代码来解决。所以会HTML语言是制作网页的根本。

如果你是刚刚学习制作自己的网页，则以下的本文对你可能有所帮助。超文本标记语言HTML最基本的语法结构，其实不一定要全部记得（最好还是全部记住的好），但一定要眼熟，会看就行了，至少对一个初学者来说。

一：基本标记
文件格式<html></html>(文件的开头与结尾)
主题<title></title>(放在文件的开头)
文头区段<head></head>(描述文件的信息)
内文区段<body></body>(放此文件的内容)
标题<h?></h>(?=1~6,改变标题字的大小)
标题对齐<h align=right,left,center></h>
字加大<big></big>
字变小
粗体字
斜体字
底线字
上标字
下标字
文字对中<center></center>
基本字体大小<basefont size>(取值范围从1到7，默认值为3)
改变字体大小(?=1~7)
字体颜色(RGB色码)
指定字型(?=宋体，楷体等)

二：超链结
网址链结<a href='URL'></a>
设定锚点<a name='?'></a>(?以容易记为原则)
链结到锚点<a href='#?'></a>(同一份文件)
<a href='URL#?'></A>(锚点不同文件)
显示图形<img src='URL'></a>
图形位置<img src='URL' align=top,bottom,middle,left,right>(分别为上、下、中、左、右的位置)
图形取代文字<img src='URL'alt=?>(无法显示图形时用)
图形尺寸<img src='URL' width=? height=?>(?以像素为单位)
连结图形边线<img src='URL'border=?>(?以像素为单位)
图形四周留白<img src='URL'hspace=? vspace=?>(?以像素为单位)

三：区段划分
段落
断行 
横线<hr>
横线厚度<hr size=?>(?以像素为单位)
横线长度<hr width=?>(?以像素为单位)
横线长度<hr width=?%>(?与页宽相比较)
实横线<hr noshade>(无立体效果)

四：背景颜色
背景图案<body background=图形文件名>(图形文件格式为gif和jpg)
背景颜色<body bgcolor=#rrggbb>(RGB色码)
背景文字颜色<body text=#rrggbb>(RGB色码)
未链结点颜色<body link=#rrggbb>(RGB色码)
已链结点颜色<body vlink=#rrggbb>(RGB色码)
正在链结点颜色<body alink=#rrggbb(RGB色码)

HTML语言可以说是网页制作的灵魂，但我个人认为会HTML语言并不是一件很难的事，可以说大家只要一学就会，因为HTML语言就是一种“傻瓜”编程（类似与傻瓜照相机同理）。

好了，今天就介绍这些吧,希望对大家有所帮助。
以后还会有更深入的介绍。

谜之训练家 · 发表于 2003-7-23 14:04:21

网页制作进阶（表格制作篇）

1：使用表格排版网页，可以使你的网页更美观。（将表格的宽设为100%,可以使网页的兼容性更好）

2：不要把整个网页放在一个大的表格里，因为一个大表格里的内容要全部LOAD完才会显示，如果整个网页放在一个表格里，那么你的网页就只会两种情况：A全部不显示；B全部显示出来。

3：插入一个表格，边框大小设为0（border=0），间距设为1（cellspacing='1' ），背景色设为深色（如bgcolor='#000000'），全部选定单无格，并将单无格的背景色设为浅色（如:bgcolor='#FFFFFF'），这样可以得到一个细线边框的表格。当然你也可以另一种方法做到：将表格的边框设为0，选取表格，用CSS样式（这个东西很重要，以后会专门用一次讲解），为表格设一个大小为1的边框（这种方法做出来的兼容性会差一些）。

4：动太改变表格的颜色，可让网页更有动感，把鼠标移到下面表格看看效果。
在单元格的<td>标记里加上：onMouseOut='this.style.backgroundColor='' 'onMouseOver=this.style.backgroundColor='lightgreen'就可以了。

5：用表格代替水平线，插入一个表格，将高度设为1（按需要设定），当然也可以将宽设为1，制作竖线。
注：在DREAMWEAVER里制作时，先将高设为1后，切换到代码窗口，将表格里的空格符去掉（）,如果不去了，将看不到效时。

6：制作有立体感的表格
A表格的参数：border='1' cellspacing='0' cellpadding='0' bordercolor='#FFFFFF' bordercolorlight='#000000' bgcolor='#9999CC'

B表格的参数：border='1' cellspacing='2' cellpadding='0' bgcolor='#9999CC'

C表格的参数：border='1' bordercolor='#FFFFFF' bordercolorlight='#000000' bgcolor='#9999CC'

这儿有一个技巧：把bordercolor设为浅色一点，表格就会凸起来了。

其实这次讲的就有些需要实际操作来练习，因为一些代码初学者还不是很熟悉。

谜之训练家 · 发表于 2003-7-23 16:31:12

网页制作入门介绍（工具篇）

在现在这个信息时代，瞬息万变。而制作网页也成了一项普及的大众化知识，不过功欲善其事，必先利其器，所以我就先给大家介绍先进最常用的网页制作软件：Dreamweaver。

Dreamweaver正如一匹黑马在众多的网页制作工具中脱颖而出，成为WEB页面制作者的新宠。或许你现在用的还是Microsoft的FrontPage，但FrontPage给你的网页生成了大量的垃圾代码确实会另人烦恼;而更甚的是FrontPage还会经常无缘无故修改了你的网页，当我将我的作品给他（她）用Netscape看时只是一片乱码而感到无奈……（反正我是不能够容忍了）。
　　我不是在故意贬低FrontPage，相信大家当遇过与我一样的麻烦时，都渴望能找到一件真正让自己称心如意的“兵器”。而Dreamweaver正是你所需要的，让我们真正体会到了什么才是“WYSWYG”，让我们轻轻松松地就能织出精美的网页，即使你是一位新手，你也能做出令自己满意的网页。也许你会说:“哇！做网页原来这么简单啊！”是的，你说的一点也不错，做网页其实并不是件很难的事，特别是当你拥有了一件称手的工具，做起来就更会事半功倍。
　　究竟Dreamweaver有什么迷人的魅力，使我们为之神魂颠倒？概括起来就是这样七个字:易学易用易升级！
　　易学——用过Word，用过PhotoShop，24小时内你就可轻松入门，做出自己的主页;
　　易用——几乎所有的功能都只需动动鼠标即可完成，无需再输入繁琐的HTML代码;
　　易升级——这是Dreamweaver最具魅力的地方，互联网上众多的插件将让你的Dreamweaver功能与日俱增！
　　Dreamweaver和MACROMEDIA公司的另外两个产品Flash与Fireworks并称为网页制作“三剑客”，下面看一下它有什么特点:
提供视觉化网页开发工具，同时不会降低对HTML原始代码的控制。
提供的Roundtrip HTML功能，可以准确无误地切换到视觉模式与惯用的原始代码编辑器。
拖放式的表格与页框设计以及透过资料库存管理网站的内容更新。
支持跨浏览器的Dynamic HTML，层叠样式表CSS绝对坐标定位以及JavaScript的动画。
是第一套针对专业网页开发者特别开发的视觉化网页设计工具。
尊重你在其他编辑器所做出的原始代码，不会任意地改变它。
进行视觉性编辑环境时，可以在HTML监视器上同步地看到Dreamweaver为你产生的原始代码。

　　OK！DW就介绍到这儿，哇~花费了那么多时间（学校要找我麻烦了，我得加班了~~）如果想知道得更多，可去DW的娘家：http://www.macromedia.com看看

下次我再跟大家深入探讨制作网页的一些细节，今天只是肤浅的介绍了一下我们开发网页的“利器”。

谜之训练家 · 发表于 2003-7-23 16:42:22

网页制作-会员注册页面

制作会员注册页面:

是管理员获得网站用户信息时不可缺少的页面，所以必须要制作。让访问者可以注册成为会员的页面。

同主页的制作一样，按新建页面键，选择会员注册页面。

< 会员注册页面选择画面 >

显示与新建主页相似的画面。

< 会员注册模板选择画面 >

先输入会员注册页的文件名。

字符编码请在'中文'、'英文'、'不指定'中选择一项。

在企业模板中请点击自己所喜欢的设计模板。

将显示与编辑主页相似的画面。

< 会员注册页面编辑画面 >

如果看到左面的目录画面，将会发现新制作的会员注册文件夹下面产生了一个新页面。
该页面的编辑方式与编辑其他一般页面相同，请修改或输入页面上的内容。

但在页面中央有'在这个位置输入程序'的四方的区域。
这个区域是会员注册程序将被自动插入的区域，所以绝对不能删除。如果删除，将导致会员注册页面不能正常使用。但是可以调节区域的大小或移动位置。

双击此区域虽可以变更表示会员输入样式的数据库信息的形式，但建议不要改动。
最好在阅读完后面的关于数据库编辑方法的详细说明后再修改。
请修改显示在画面上的文本或图片。

结束页面编辑后请按保存键。
再次强调，如果过了10分钟左右，即使在编辑状态中的页面也要即时保存。在编辑过程中，在15分内不使用程序，将会因断开与网站服务器的连接而丢失编辑的内容。

在编辑页面过程中，请随时按菜单上面的预览键，可以即时确认访问者即将看到的页面。

< 会员注册页面预览画面 >

在左画面的页目录里双击'default'，可以把主页转换为编辑状态。
点击主页里的有关会员登录菜单图标或把菜单文字选定后（或者当在选择的模板里没有时请临时制作），设置可移动到会员注册页面的超链接。

< 超链接设置 >

选择第一个连接到内部页面的项目，在右边的目录中选择要链接的会员注册页面。

按左画面上端的'预览站点'键后预览主页，点击主页上的会员注册申请菜单后，确认会员注册页面是否正确地连接。

会员注册页面一般只制作一个使用，但需要的时候也可以制作几个来使用。

超链接.
超链接（Hyper-Link）是指从一个页面连接到另一个页面。
在页面上的文字，以及图片上制作超链接后，当访问者点击文字或图片时，可以显示连接的相应的页面。
设置超链接所要求的页面是指一般页面。制作几个一般页面后必须完成超链接的设定工作。
BBS页面除了一两个页面外，大部分页面都设置了超链接，所以管理员可以不另外设置超链接。

happyfly · 发表于 2005-2-14 22:31:44

网页制作必备工具：

DREAMWAER FOUNTPAGE flash Photoshop iis Access 记事本

FallerAngel · 发表于 2005-8-26 11:50:21

fireworks 也可以帮上忙滴

顺便，最近由么啥需要美工的地方```老不好意思的``啥都不作

		自动登录	找回密码
密码			注册