新手对网页制做一点也不懂。谁教教我？

[COLOR=#00ff94][/COLOR]对制作网页来说我是个新手几乎一窍不通.以前上网基本是玩游戏和浏览信息，光享受别人的成果，现在我也想让别人分享一下我的成果，有哪位好心的大侠帮我....我的QQ695386536 每天在线...

学习网页其实不难，你按一下几步学，只要有毅力，，，

首先 HTML ，掌握常用网页标记，学会利用<Table>布局。

第二步学习CSS，掌握利用<li> <div>等配合CSS布局。这个有些难，实在不行可以暂时略过。

第三步简单学习一个网页设计工具，吐血推荐Dreamweaver8，目前最好的网页设计工具。

掌握以上三步，已经具备制作网页的基本知识了，可以制作简单的网页了。

如果想成为真正的专家，以后还可以继续深造

Photoshop、ASP.net、SQL Server……

楼上说的非常在理，我也吐下血，支持下DreamWeaver，绝对是相当好用的工具

顶一下!```支持!``

我也是一个新手想在这里学点东西
望那位大虾能帮下我,帮我找几个项目的详细讲解,最好是用C#语言编的
因为我现在正在学这门语言
谢谢了

支持，有问题到论坛。

想学呀,但是......

■ HTML 一般概念：
这节将简单介绍 HTML。
全称：HyperText Mark-up Language
译称：超文本标记语言。
简意：一种为普通文件中某些字句加上标识的语言，其目的在于运用标记（tag）合文件达到预期的效果。
HTML 是在 SGML 定义下的一个描述性的语言，或可说 HTML 是 SGML 的一个应用程式。HTML 不是程式语言，如 C++ 和 Java 之类，它只是标记语言，基本上你只要明白了各种标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于编辑部方面，任何文字编辑器都市可以，只要能将档案存为文本格式即可，用专门的网页编辑工具当然更好。
■ 阅读须知：
这一篇【HTML486精品入门】偏重于标记的介绍，考虑到易懂及每节的篇幅问题，我并不按 W3C 的 HTML 分类，这可令你更易选择有兴趣的标记，其中只有【文件标记】是必须的，其余可任意选择。这一篇不会提及任何网页编辑软件，只要你掌握了HTML，任何网页编辑工具都可以变成一把利器。（就好像只要你有深厚内功，树叶同样可以杀人）
■ 标记写法：
·任何标记皆由"<"及">"所围住，如 <P>
·标记名与小于号之间不能留有空白字元。
·有些标记需要加上参数，有些不要。如 <font size="+2">Hello</font>
·参数只可加于起始标记中。
·在起始标记的标记名前加上符号"/"便是终结标记，如 </font>
·标记字母大小写皆可。
■ 围堵标记与空标记：
标记按型态分为围堵标记与空标记
1、围堵标记

顾名思义，它以起始标记及终结标记将文字围住，令其达到预期要显示的效果。

例如 HTML Source ： <b>Creation of Webpage</b> is my favourite.
显示成： Creation of Webpage is my favourite.

其中 <b></b> 便称为围堵标记。它以起始标记<b>及终结标记</b>标示文字 Creation of webpage ，令它显示成粗体，两者失其一都会发生错误显示。

2、空标记

是指标记单独出现，只有起始标记没有终结标记。

例如 HTML Source：

I love Creation of Webpage.<br>It’s a wonderful place.

显示成：

I love Creation of Webpage.
It’s a wonderful place.
其中换行标记<br>便属于空标记。
它的作用是将标记后的所有东西显示于下一行，可同终结标记对它是没有意义的，但有些人为空标记加上终结标记，这是为方便阅读而已，对 HTML 没有影响。

■ HTML 标记一览：

标记类型名称或意义作用备注
文件标记
<HTML> ● 文件宣告让浏览器知道这是 HTML 文件
<HEAD> ● 开头提供文件整体信息
<TITLE> ● 标题定义文件标题，将显示于浏览器顶端
<BODY> ● 主体设计文件格式及内容所在
排版标记
 ○ 说明标记为文件加上说明，但不被显示
<P> ○ 段落标记为字、图、表格等之间留下一空白行
<BR> ○ 换行标记令字、图、表格显示于下一行
<HR> ○ 水平线插入一水平线
<CENTER> ● 居中令字、图、表格等显示于中间反对
<PRE> ● 预设格式令文件按原代码的排列方式显示
<DIV> ● 定位标记设定字、图、表格等的摆放位置
<NOBR> ● 不换行令文字不因太长而换行
<WBR> ● 建议换行预设换行部位
字体标记
<STRONG> ● 加重语气产生字体加粗 Bold 的效果
<B> ● 粗体标记产生字体加粗的效果
<EM> ● 强调标记字体出现斜体效果
<I> ● 斜体标记字体出现斜体效果
<TT> ● 等宽字体 Courier字体，字母宽度相同
<U> ● 加下划线加下划线反对
<H1> ● 一级标题标记将字体变大，级数越高越小
<H2> ● 二级标题标记将字体变大
<H3> ● 三级标题标记将字体变大
<H4> ● 四级标题标记将字体变大
<H5> ● 五级标题标记将字体变大
<H6> ● 六级标题标记将字体变大
<FONT> ● 字体标记设定字体、大小、颜色反对
<BASEFONT> ○ 基准字体标记设定所有字体、大小、颜色反对
<BIG> ● 字体加大令字体稍微变大
<SMALL> ● 字体缩小令字体稍微缩小
<STRIKE> ● 加删除线为文字加删除线反对
<CODE> ● 程式码字体稍微加宽如<TT>
<KBD> ● 键盘字字体稍微加宽，单一空白
<SAMP> ● 范例字体稍为加宽如<TT>
<VAR> ● 变量斜体效果
<CITE> ● 斜体标记斜体效果
<BLOCKQUOTE> ● 向右缩排文字向右缩排
<DFN> ● 述语定义斜体效果
<ADDRESS> ● 地址标记斜体效果
<SUB> ● 下标字文字下标
<SUP> ● 上标字文字上标
清单标记
<OL> ● 顺序清单清单项目将以数字、字母顺序排列
<UL> ● 无序清单清单项目将以实心圆点作为符号排列
<LI> ○ 清单项目清单中的项目，一个标记一行
<MENU> ● 选项清单可用type参数指定项目符号。反对
<DIR> ● 目录清单与<menu>相同反对
<DL> ● 定义清单清单分两层出现
<DT> ○ 定义条目清单项标题
<DD> ○ 定义内容清单项内容
表格标记
<TABLE> ● 表格标记设定该表格的各项参数
<CAPTION> ● 表格标题做成一打通列以填入表格标题
<TR> ● 表格列设定该表格的列
<TD> ● 表格栏设定该表格的栏
<TH> ● 表格标头相等于<TD>，但其内文字字体会变粗
表单标记
<FORM> ● 表单标记决定该表单的运作模式
<TEXTAREA> ● 文字框提供文字输入栏
<INPUT> ○ 输入标记决定输入形式
<SELECT> ● 选择标记建立弹出卷动清单
<OPTION> ○ 选项每一个清单选项
图形标记
<IMG> ○ 图形标记用来插入图形及设定图形属性
链接标记
<A> ● 链接标记加入链接
<BASE> ○ 基准标记可将相对 URL 转绝对及指定链接
框架标记
<FRAMESET> ● 框架设定设定框架
<FRAME> ○ 窗口设定设定框架中的窗口
<IFRAME> ○ 页内框架于网页中插入框架 IE
<NOFRAMES> ● 不支持框架设定浏览器不支持框架时的提示
影像地图
<MAP> ● 影像地图名称设定影像地图名称
<AREA> ○ 链接区域设定各链接区域
多媒体
<BGSOUND> ○ 背景声音令背景播放音乐或声音 IE
<EMBED> ○ 多媒体加入声音、音乐或影像
其他标记
<MARQUEE> ● 走马灯令文字走动 IE
<BLINK> ● 闪烁文字令文字闪烁 NC
<ISINDEX> ○ 页内寻找器可输入关键字寻找该页反对
<META> ○ 开头说明提供关于此页的信息给浏览器
<LINK> ○ 关系定义定义该文件与其他 URL 的关系
StyleSheet
<STYLE> ● 式样表控制网页版面
<span> ● 自订标记独立使用或与样式表一起用

注：
·● 表示该标记属于围堵标记，即需要结束标记 </标记>。
·○ 表示该标记属空标记，即不需要结束标记。
·IE 表示该标记只适应于 Internet Explorer。
·NC 表示该标记只适用于 Netscape Communicator。
·反对表示该标记不为 W3C 所赞同，通常这标记是微软或网景自订，且已被大家支持，只是 HTML 标准中有其它功能相同或更好的选择。
·弃用表示该标记已被 W3C 所抛弃，是过时的标记，但 HTML 有向下兼容性，所以浏览器仍然支持。
·新表示该标记是 HTML 4.0 中新增的。

.5 表格排版-----Table
Table是一种用来描述表格信息的新结构，它是HTML3.0中的一个重要内容。其实验性草案刚
一发布就立刻被广大的Web浏览器厂商所采纳，并且在Web领域里掀起了一场深刻的
Homepage排版革命。
7.5.1 一个Table实例
Table往往是由一个表格名称再加上一行或多行的表格内容所构成块状结构。表格的每一行
内又由一个或多个表项单元组成，并且表项单元还可以按照行或列的方式结合在一起，成
为一个大的表项单元。
下面我们先来看一个Table实例：
<TABLE BORDER=3 WIDTH="90%">
  <CAPTION>A test table with merged cells</CAPTION>
  <TR><TH ROWSPAN=2><TH COLSPAN=2>Average
       <TH ROWSPAN=2>other<BR>category<TH>Misc
  <TR><TH>height<TH>weight
  <TR><TH ALIGN=LEFT>males<TD>1.9<TD>0.003
  <TR><TH ALIGN=LEFT ROWSPAN=2>females<TD>1.7<TD>0.002
</TABLE>

图7－16是这一Table实例的显示效果。

7.5.2 Table元素
下面我们就根据上面的实例来分析一下Table中的各个元素：
1。<TABLE> 表格内容 </TABLE>
一对<TABLE>标记是一个Table结构的最外层，它主要包括三个重要属性。一个是用来表示表格边
框粗细程度的属性BORDER，属性值取整数，如果省略BORDER属性，则表示不加边框。另一个是用
来表示表格宽度的属性WIDTH，其属性可取相对值（由一对 " "号括起来的百分数，表示相对于充
满窗口的百分比），也可取绝对值（用整数表示的屏幕像素点的个数，如WIDTH=300），缺省值是
"100%"。还有一个属性是CELLPADDING，用来表示每个表项单元的内容与表格边框之间所空开的
距离，用屏幕像素点为单位，缺省值是0。

图7－16 一个Table实例的显示效果
2。<CAPTION> 表格名称 </CAPTION>
在一对<CAPTION>标记中是这张表格的名称信息，它通常被Web浏览器显示在表格上方的中央部位。
3。<TR> 表格当前行的内容
单标记<TR>表示一个新的表格行（Table Row）的开始。
4。<TH> 表项标题内容
<TD> 表项数据内容
单标记<TH>和<TD>都表示在表格的当前行里产生一个新的表项单元。其中<TH>表示一个
表项标题（Table Header）单元，而<TD>表示一个表项数据（Table Data）单元。Web浏览器
一般把<TH>中的文本用粗体表示。每个表项单元（<TH>或<TD>）都可带有表示横向对齐
方式的属性ALIGN，属性的取值范围主要有LEFT，CENTER，RIGHT等，其中<TH>的缺省值
是ALIGN=CENTER，<TD>的缺省值是ALIGN=LEFT。另外还有表示纵向对齐方式的属性
VALIGN，属性的取值范围主要有TOP，MIDDLE，BOTTOM等，其中<TH>和<TD>的缺
省值都是VALIGN=MIDDLE。
表项单元的一个重要特征就是可以进行横向及纵向地扩展，从而结合成一个大的表项单元。
这是通过属性COLSPAN（按列横向结合）及ROWSPAN（按行纵向结合）来表示的，属性
值取整数，表示结合几个基本表项单元。如上例中的<TH COLSPAN=2>Average，就表示
Average这个表项标题单元要按列横向地将2个基本表项单元结合在一起。
如果要在表格中显示一个空项，也必须写上一个表项单元的标记，来表示占据一定的空间
，如上例中的<TH ROWSPAN=2>后面无任何表项标题的内容，其显示效果就是图7－16
中左上角的空白块。
另一个值得注意的问题是每一行中的表项单元总是从左到右地依次排列，并跳过已经被上一
行ROWSPAN结合掉的基本表项单元。如上例中的<TH>height本应在第2行，第1列的位置，
但由于此单元已经被上一行结合掉，因而只能顺延到第2行，第2列的位置。
7.5.3 利用Table进行排版
你或许已经发现，Table的应用并非仅限于显示一些表格数据，而更要利用它独特的格式
控制能力，来对Homepage中的各种图文信息进行各式各样地排版。因为Table中的每个
表项单元可以属于任何结构，如图像、段落、列表、Form（见下一节），甚至是嵌套的
Table。如图7－17是Micosoft公司Homepage的排版样式，图7－18是将它源文件里的所有
<TABLE>标记都加上BORDER属性后所现出的Table原型。因此，如果你想使自己
Homepage的版本设计地更具特色，别忘了使用Table！

图7－17 Micosoft公司Homepage的排版样式

*快速回复：新手对网页制做一点也不懂。谁教教我？ [ 回帖是一种美德 :) ]
会员账号	用户名：还没注册? 密码：忘记密码?
内容 HTML标签：不可用 UBB标签：可用贴图标签：可用多媒体标签：可用表情字符转换：可用上传图片：不可用最多15KB
点击表情图即可在帖子中加入相应的表情
邮件回复显示签名	[Ctrl+Enter直接提交贴子]