只会用工具做网页还是不够的,因为在做网页的过程中还是有一些细节要注意,所以会看代码也是很重要的事,就拿个简单的例子来说:如果要你的文本开头空两行,那么光输入“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>
字变小<small></small>
粗体字<b></b>
斜体字<i></i>
底线字<u></u>
上标字<sup></sup>
下标字<sub></sub>
文字对中<center></center>
基本字体大小<basefont size>(取值范围从1到7,默认值为3)
改变字体大小<font size=?></font>(?=1~7)
字体颜色<font color=#rrggbb></font>(RGB色码)
指定字型<font face=?></font>(?=宋体,楷体等)
二:超链结
网址链结<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=?>(?以像素为单位)
三:区段划分
段落<p></p>
断行<br></br>
横线<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语言就是一种“傻瓜”编程(类似与傻瓜照相机同理)。
好了,今天就介绍这些吧,希望对大家有所帮助。
以后还会有更深入的介绍。 网页制作进阶(表格制作篇)
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设为浅色一点,表格就会凸起来了。
其实这次讲的就有些需要实际操作来练习,因为一些代码初学者还不是很熟悉。 网页制作入门介绍(工具篇)
在现在这个信息时代,瞬息万变。而制作网页也成了一项普及的大众化知识,不过功欲善其事,必先利其器,所以我就先给大家介绍先进最常用的网页制作软件: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看看
下次我再跟大家深入探讨制作网页的一些细节,今天只是肤浅的介绍了一下我们开发网页的“利器”。 网页制作-会员注册页面
制作会员注册页面:
是管理员获得网站用户信息时不可缺少的页面,所以必须要制作。让访问者可以注册成为会员的页面。
同主页的制作一样,按新建页面键,选择会员注册页面。
< 会员注册页面选择画面 >
显示与新建主页相似的画面。
< 会员注册模板选择画面 >
先输入会员注册页的文件名。
字符编码请在'中文'、'英文'、'不指定'中选择一项。
在企业模板中请点击自己所喜欢的设计模板。
将显示与编辑主页相似的画面。
< 会员注册页面编辑画面 >
如果看到左面的目录画面,将会发现新制作的会员注册文件夹下面产生了一个新页面。
该页面的编辑方式与编辑其他一般页面相同,请修改或输入页面上的内容。
但在页面中央有'在这个位置输入程序'的四方的区域。
这个区域是会员注册程序将被自动插入的区域,所以绝对不能删除。如果删除,将导致会员注册页面不能正常使用。但是可以调节区域的大小或移动位置。
双击此区域虽可以变更表示会员输入样式的数据库信息的形式,但建议不要改动。
最好在阅读完后面的关于数据库编辑方法的详细说明后再修改。
请修改显示在画面上的文本或图片。
结束页面编辑后请按保存键。
再次强调,如果过了10分钟左右,即使在编辑状态中的页面也要即时保存。在编辑过程中,在15分内不使用程序,将会因断开与网站服务器的连接而丢失编辑的内容。
在编辑页面过程中,请随时按菜单上面的预览键,可以即时确认访问者即将看到的页面。
< 会员注册页面预览画面 >
在左画面的页目录里双击'default',可以把主页转换为编辑状态。
点击主页里的有关会员登录菜单图标或把菜单文字选定后(或者当在选择的模板里没有时请临时制作),设置可移动到会员注册页面的超链接。
< 超链接设置 >
选择第一个连接到内部页面的项目,在右边的目录中选择要链接的会员注册页面。
按左画面上端的'预览站点'键后预览主页,点击主页上的会员注册申请菜单后,确认会员注册页面是否正确地连接。
会员注册页面一般只制作一个使用,但需要的时候也可以制作几个来使用。
超链接.
超链接(Hyper-Link)是指从一个页面连接到另一个页面。
在页面上的文字,以及图片上制作超链接后,当访问者点击文字或图片时,可以显示连接的相应的页面。
设置超链接所要求的页面是指一般页面。制作几个一般页面后必须完成超链接的设定工作。
BBS页面除了一两个页面外,大部分页面都设置了超链接,所以管理员可以不另外设置超链接。 网页制作必备工具:
DREAMWAERFOUNTPAGEflashPhotoshopiisAccess记事本 fireworks 也可以帮上忙滴
顺便,最近由么啥需要美工的地方```老不好意思的``啥都不作
页:
[1]