跟我学做网页(基础篇)
一、制作网站前的准备我假设你具有最起码的计算机操作水平。(如果您连打字都不会或连开始菜单都不知在哪里那我只好请您花个一百元钱到街角上上电脑扫盲班了)假设您现在会——
开关机(废话)
可以使用一种汉字输入方法,快慢不拘。当然会五笔最好。 (我就会五笔了)
会用IE点击上网并浏览网页(这您一定会。不然你怎么看到我的小站呢?呵呵……)
知道一些最最基本的术语,例如说超级链接你知道点一下就能到别的网页去,这个相信你也会吧。
你会使用office 软件——没听说过?WORD知道吧?就是你打字的东东。你肯定打过什么文稿之类的东东吧,那就得用到WORD,要不WPS也行,反正一定得会使用这样的软件,不然你就没办法实现制作网页的那些功能。
OK,假设你上面这些东东你全都会的话,那就可以制作网页啦。
二、制作网页前必须了解的东东为了使我们这个教材真正实现谁都学得会,谁都看得懂,我决定不在这个教材里说任何专业的东东,我们是想做网页而不是想当网络管理员,更不需要为考什么等级而努力。所以我将这教材定位在最最简单明了的基础上,有些地方写得恐怕你看了也会说一声“弱智”,不过请相信,网上一定还有比你还弱智的朋友等着这些提示呢。呵呵,那么,开始制作啦!
首先,我们需要有必要的软件来制作网页。我推荐你使用 Frontpage2000(没听说过吗?那我给你解释一下,你去街角的卖盗版盘的老板那问问,有FRONTPAGE2000全版的没有?老扳就会热心的给你一套OFFCE2000,说这就是了,然后要你买下),这个软件同 WORD,EXCEL之类软件一样,是OFFICE系列的一员,安装OFFICE的时候将它也装上,你就能做网页啦,别担心你不会用,我会手把手教你做的。如果你不会装OFFICE,那就请你哪位哥哥帮你个小忙,请他为你装上,其实一点也不难装。
好,假设你安装好了FRONTPAGE2000(FRONTPAGE97也可,不过使用起来没有FRONTPAGE2000顺手),我就是用的FRONTPAGE2000,所以教材上也以此为准。
喂,你先别得意,有了这个FRONTPAGE2000是可以做网页,不过还得有其它一大堆软件你才能做得和我的馨香小憩站一样呢,你要学的东东多着呢,千万别得意哦。
三、正式开始啦好,打开FRONTPAGE2000,第一次进入左边会有个烦人的什么视图窗,这东东用不着,关掉它!怎么关?记好了,方法如下:
点击上面那菜单条——选查看——在菜单上那个标有“视图栏”的小勾上点一下,呵呵!会了吧,为了简明起见,这个操作我将写为 菜单——查看——视图栏 记住了吗?这样你看着省心我打着省事,皆大欢喜 :-)
现在出现在我们面前的是一个空白的页面。
1、给这个网面起个名字,怎么起?请看方法: 菜单——文件——另存为……——(选择你想保存的文件名、网页标题、保存位置)
对了,你一定看到另存为的时候有个什么网页标题的更改按钮了吧,点一下你就可以改成你喜欢的网页标题了,例如说“欢迎来到我的主页”之类。记好,一定要选保存。建议你保存的文件名为 index ,因为这个名字的页面是网站必须有的第一页,网站必须有这一页。对了,另存为的对话框最上面还有个“保存位置”,你可以选好你想保存的网页路径,一般保存在“我的文档”里。你可以自己建个新文件夹用来存放你的主页。
现在我们的网页文件己经出来了,名字叫“index.htm” 页面标题是“欢迎来到我的主页”,你可以试着用IE打开这个网页文件,在浏览器最上最左边的蓝色条上能看到这句话。你又会说了,空空的嘛,一个网页是出来了,上面上个字也没有!别急,咱这就往里加字!
你直接输入“欢迎来到我的主页!”这句话。就会看到在网页的左上边出现了这句话,和打字一样,对了,就和打字一样,这么简单!点一下左上角那个小小的磁盘保存这个文件吧,或者用 Ctrl + S保存。
然后用浏览器IE打开这个文件,你就会看到你刚打的字了!其实FRONTPAGE2000页面下有三个标签,分别是“普通”、“HTML”、“预览”,用“预览”一样能看到。不过我自己觉得不如另外用浏览器打开来得实在,呵呵,个人习惯,你尽可以用预览这个标签来看。
2、改变字体的大小和颜色 你可以用鼠标在你想改变颜色的字上拖动,使之成为反色字,就算选中啦。我想你如果会复制粘贴就该会这个吧。选好后在上面工具栏上找到“格式”工具,——没有?那就用这个方法把它调出来!菜单——查看——工具栏——格式 ,出来了吧!
和WORD一样,格式的操作很简单,一看就会。请注意,字体请不要设置得太怪,一般采用默认字体或宋体。
选择字体的大小可以从1号至7号不等。1号最小,7号最大。字符颜色选择请看看那个标有“A”字的小按钮,点一下它旁边的向下箭头。会出现好多颜色,你选一下就成了。这时你会发现选中的字大小和颜色变了,其实这些操作和WORD是一样的,你应当一看就会。 其它诸如缩进、排列序号、段落间距之类都和OFFICE一样,我就不多说了,不会的话可以看看有关WORD的书或自己琢磨一下,挨个试一试,这些很容易就学会的。
3、表格
表格是网页中很重要的一节,在网页中为实现好看的效果,必须使用表格,表格不难画,只需点中那个工具栏上的小小铅笔的按钮就能画了。如果你的页面上没有表格工具,请使用 菜单——查看——工具栏——表格 来打开它。
表格无非就是这么横几道竖几道的框框,每一个格子叫单元格,这个很重要哦,你可以通过选中单元格按鼠标右键来选择相应的菜单。单元格有单元格的属性,表格有表格的属性,网页也有网页的属性,这一切都在右击鼠标键上。呵呵,学会这些做网页就不愁啦。
通过拉动表格的边线可以改变大小,也可以通过右击鼠标选表格大小里直接输入数值来指定大小,后者更精确一些。一般来说表格宽度不应超过790,因为网页的大小定位在800*600格式下,超过了就会在网页下面出现拉动条,有点不好看,所以我用表格一般让它宽度为790,当然这要根据你想实现的网页效果来做。
4、单元格
一般网页都是由几个表格组成的,表格里的单元格里分别放着相应的图片,文字和插件。所以单元格是网页是最小的单位,每个单元格都有它的属性,一般来说,我们可以用这些属性来做一些想做到的事。比方说边框的颜色、单元格内容对齐方式,可以选择水平和垂直属性。这些能很方便的给实现单元格内部的排版,再有就是单元格的颜色、行跨距什么的,一看就会,我想你能明白。设定这些属性的目的就在于改变各个单元格的样式,有了这些,单元格之间就能组成好看的页面了,多练练这方面的东东。
5、网页属性
网页的属性有许多,你可以点击右键选取择网页属性进入。和我们初学者有关的就是背景啦,选择背景标签你就会看到相应内容,分别是格式和颜色两个内容。里面有个背景图片按钮,你可以从中点浏览打一张你喜欢的图片做背景,比方说馨香小憩站的背景就是一张有泡泡的墙纸的样子。它可以很方便的做到漂亮的页面了。还有一个格式属性,通过这个属性你可以改变链接的样式,比方说文字默认颜色啦,背景默认颜色及其它一些选取项,你都可以试试,一看就会的。
6、插入图片
网页上没图片那就称不上是网页了,好看的网页当然要有图片陪衬,不过为了能找到图片,建议你在你的网页文件路径下设一个名为“image"的文件夹,把你这网页的图片放里面去,这样你就可以轻松的管理图片而不至于以后发生上传后网页上找不到图片的现象了。
插入图片操作很简单,通过下面这个方式就能做到了。 菜单栏——插入——图片——来自文件——选择想插入的图片。
你最好将想插入的图片放到 image 文件夹里,然后再插入,这样网页上所有的图片都包含在 image文件夹里了。方便也很实用。插入后可以选择一些图片属性让它更符合你的页面,比方说图片大小啦,图片颜色优化什么的,这些都可以在图片上通过右击鼠标选图片属性来修改。
说了半天你应该明白个道理,想修改什么就可以选中它然后按右键选相应的菜单,这很方便嘛,你学会这个就己经学会做网页的一半了!
7、超级链接
网页上没超级链接那不成其为网页,你想让你的小站也拥有超级链接吗?哈哈,很EASY!这样来实现它!
选中你想使之成为超级链接的文本,比方说是“进入”两个字,选取中后仍是按鼠标右键,选弹出菜单上那个“超级链接……”就会出现一个对话框让你来设定超级链接。你不会呀?简单极了!就是在 URL 里输入网址就行了。呵呵,比方说你输入我的小站的地址:“
http://tesoftware.126.com”保存一下网页。然后选预览或用IE打开这个网页文件,你会发现点击“进入”两个字就会进入到我的小站了,当然,你把超级链接改成别的网址点击它自然是到那个网址了。
记着,可以设定超级链接点击后是在新窗口打开还是在原窗口打开,这你只要在目标框架里选一下就成了。一般是设为网页默认值,你可以改变它使之成为新建窗口。
四、设计你自己的主页
以上提到的一些功能的使用你会了没?用这些功能就能做出相当漂亮的主页了!不信?好,你看看馨香小憩的一些页面不就是由这几个东东组成的吗?现在你就可以自己来设计一个主页了,相信你会做得比我好看的。
哦,忘了提一些东东了。有些东西你必须注意
1、图片不可太大,因为网络不快,图片一般在10K以下还能承受,超过10K就会影响浏览速度了,一般页面里可以有个总量为30K的图片,这是极限了,再多网页会半天也打不开的。
2、注意配色。网页好看是在于一个整体,而配色是很关键的,访问者一眼看到网页的整体布局就会以它的配色产生一个总体感觉,如果配色不好,访问者就不会有什么好印象了。关于配色方面是见仁见智的事,你可以注意一些杂志、画报之类刊物上的配色,学学别人的经验。
3、总体布局。网页布局要和协,不要看起来显着头重脚轻或虎头蛇尾,学学报纸上的布局对你会大有帮助!
4、链接注意事项。一般你的网站不会只有一个页面,你如果想使页面可以用链接连起来。只需在超级链接里输入文件名就行了。比方说你的首页文件名是 index.htm,次页文件是 text.htm 那么只需在 URL里输入 "text.htm"即可,记着 “http://”是网上才用的东东,你在本地编辑是用不着的,当主页上传到网上时,它自动会变成 "http://你的主页地址"加上"text.htm"了,这不用你担心,你只需填入你当前目录和当前目录的子目录的路径就行了。图片链接可以填入 "imagexx.gif"之类。
5、关于图片。可以在很多地方得到好看的图片,不过为了使你的主页更好看,还是有必要自己画一些图片的。比方说标志啦,美术字什么的,它会使你的主页更加妩媚动人。
好了,基础篇就讲到这里,用这些知识学学做网页吧,然后下一篇我会使你的网页具有更多效果的,如没有下划线的链接、滚动文字特效、网页框架设置……好多东东还等着你来学呢。今天就到这里,BYE!
(安家篇)
我己将制作网页的基本方法给大家说了,如果你肯稍稍花一点时间,就能做出不错的网页,继而通过超级链接把几个网页链接起来,形成了一个小小的站点。有了自己的小站,你会提出一大堆问题,我怎么上传网页呀,怎样建立站点?到哪里申请?这些我会细细给你讲来的。1、申请免费主页空间 现在许多网址都提供免费的主页空间申请,空间和大小不等,一般选择离自已上网地点近的地方,还要是大点的服务网站,这样不管上传还是下载都会比较快,灵通网(lt2000.com)就是一个提供免费主页的好地方,就是速度慢了一点,不过她提供30兆空间,算是国内很不错的网站了,其它如网易(163.com)、首都在线(263.com)、湛江碧海银沙(zhangjiang.gd.cn)等地方都提供主页空间申请,有兴趣的话到馨香小憩的“热门站点”栏目中的“中文网址寻仙之篇”中去找找免费资源这一栏,一般都会有不下十处的地方提供申请免费主页的服务。注意一下,申请主页空间有许多种条件,你得看清楚了,各个网站给你的空间是不同的,而且答复的方式也不一样,有的一申请就通了。有的要等一段时间网站给你发来F-MAIL对你就开通了你才能维护。总之,你要认真看一下网站的申请条件。找到了合自己意的网站主页后,进入申请免费主页栏目,会出现一张表格让你填写,一般是用户名、密码、联系地址之类,填写好后点击提交,会出现一个网页告诉申请结果,然后你就等着网站发给你开通的E-MAIL吧。
当E-MAIL传来的时候,上面会写着你的三样关键的东西,一是你的用户名(帐号users)、二是你的密码(PASSWORD),三就是主页默认的地址(URL),有了这三样东西你就可以实施安家工程了!
2、网站的构建 当然前提是你必须己用FRONTPAGE之类的编辑软件做好了一个网站的全部文件,包括.HTM 、.GIF、 .JPG等图象、网页文件,将它们的放在一个文件夹里,取个名字,最好叫“我的主页”之类好记的,这个目录就是主页的根目录了,在这个目录下建立三四个需要的文件夹,如一个“image” 一个 “text” 一个“zip”目录,image 目录存放图片,text目录存放文字页面,zip存放可下载的文件和其它页面。这样在 index.htm 打开后,可以通过超级链接访问不同的栏目页面,再给不同的页面加上回到首面的返回链接,这不就成了一个拥有几个页面的网站了吗?
3、关于制作下载链接 超级链接就是指向的文件不是 .htm 或 .hmal的文件就是下载了,比方说我们要让访问者点击“下载”可以下载一个用winzip打包的 zip文件,那么超级链接只需填写入 zip 文件所在的地址就成了,如在“下载”两个字中填入超级链接属性URL为 "zip01.zip" 这样当主页打开时用户点击“下载”就会出现下载对话框,就这么简单!
4、申请计数器 因为我们学的这种主页称作静态主页,不象西祠等BBS站具有交互功能,所以我们也不可能在主页上实现动态存贮文件,这带来的结果是我们只能看而不能做到有交互性。那一个网站最起码的东东如计数器、留言本、聊天室之类岂不是不可能做到了么?没错,理论上说不可能在你的主页上实现,不过,你忘了一点,就是链接呀,你可以到别的网站去申请计数器、留言本什么的,然后只需把它给你的一段话插在主页里就行了,这时你会说了——怎么插呀,喔,这不太好说清,因为你不会HTML呀,这样吧,我告诉你一个简单的法子,在编辑主页时你一定看到下面的三个标签,其中中间一个是“HTML”标签,点一下,哇!出现那么多不认识的话,头都晕了!千万别晕,其实这些话正是你的网页的语言,只不过FRONTPAGE2000把你的操作自动翻译成HTML语言了,可你要插入一段语句,(这句话大抵是“<script src="http://…………"></script>或<a href="http://……">”什么的)就必须插入到HTML的页面里,而我告诉你的法子很简单,你不是不会HTML吗?不过字你总认识呀,呵呵,那就在“HTML”而里找一下这句话“</body>”(看清了,这句话有个“/”,是在HTML的未尾。)找到这个语句后将你申请的计数器的那句话复制到这个语句之后,(最好之前备份一下这个页面文件,免得搞错了)复制完了保存一下,你会发现那个“</body>”自己跑到后面去了,然后你回到编辑页里看看,页面最后是不是多点东东?可能那个图片会出现显示不出的标志,当然。你没上网自然找不到链接啦。你可以试着上网看看这个计数器管不管用,方法嘛,你只要刷新一下你在硬盘上的页面文件就应能看到计数器了。记好,刷新是很重要的,凡是你修改并保存了页面,想看看改变后的结果,你只需点一下刷新就成啦,不必关掉再打开IE。这时你就可以对这个计数器象操作图片一样放在你喜欢的地方了,剪切复制粘贴都行,放好后就不必管它,当你的主页上传后它就会每天忠实的给你报告访问量了。
5、上传主页 用FTP上传 先得拷一份FTP软件来将它装上,FTP软件有很多,比较常用的是 CUTE-FTP 、WS-FTP之类,以CUTE-FTP为例,装上后会出现一个共享信息,英文的大概意思是说你只能用30天什么的,不理它,点CLOSE关掉这个信息窗,然后就会出现一个主介面,可以有两种方式上传,一种是按自定方式,就是用FTP上自带的向导一步步填入:1、连接名;2、服务器名;3、用户名;4、密码,还有一些其它诸如默认目录、端口设置什么的,一般用默认的设置,目录自然是那个“我的主页”啦,然后选CONNECT这个选项,意思是连接,当然此时要连在网上,然后FTP会出现信息框告诉你现在的连接状况,一般连接成功都会有信息窗弹出的,此时FTP的介面上有两个窗口,象是资源管理器那样,左边的是你选择的我的主页目录下的文件,右边的就是你连到主页服务器时给你的目录,然后你就可以点击“向上的箭头”,意思是上传,“向下的箭头”意思是下载,此外你还能通过快捷钮或对着文件单击鼠标右键选择1、Transfer 上传排队中;2、download 下载,3、delete删除;4、rename 改名,操作起来就象是在自已家的电脑上一样,只不过慢了些。这样你就能顺利的将主页上传了,你多试试,就会逐渐熟练的。熟练后你可以用快速连接方式直接点一下就能上传,具体的还要*你多试,时间长了自然会用了,并不复杂。
在线上传 如果你实在没办法弄清怎么用FTP软件,也不用担心,还有一种更简单的方法,就是有些网站提供可以在线直接上传的功能,这对我们来说真是太好了,(我就不喜欢用FTP)在线维护是非常简单好学的,无非就是些文件操作,什么改名啦,删除啦,上传啦,回到目录什么的,相信聪明的你一学就会!你要申请这样的主页空间可以多留心一下,我告诉你一个地址你可以试试。“
http://www.363.net"不说你也知道,我的小站就是这个服务器的。它提供在线服务,速度也很快。
6、发布主页的几点经验 当你终于在网上有了个小小的家的时候,那种心情是非常开心的,有一种其名的成就感,可是好景不长,当你发现你的主页总是你一个人在逛,没有人来么。这时你会急了,怎么我的网页没有人看呀?当然,你不对别人说谁会来呢?
为了使你的家有更多客人来访,你有必要做下面几件事。
在各大网站登记你的主页。
与你的网友们做友情链接。
参加若干交换链接的活动。
在聊天室请你的网友来看看并请他们支持。
其实上面这些我相信大部分斑竹都会做的,不过我要说的是,最重要的一点是你必须对你的小站倾注你的心血,让它做得与众不同出类拨萃,更新要及时,内容要丰富,这样才会有访客源源不断的来,如果只是马马虎虎的去做,那就不会有多高的访问量了。
7、主页最好能提供一种或几种服务 你的主页要想有更多人来的话,除了经常更新外还有个方法,就是提供服务。你会说我是个个人主页能提供什么服务呢?是的,个人主页不象商业站点那般有着许多方便的服务,什么电子信箱、网上社区之类咱个人主页不太可能做到。那么,我们能做什么呢?那就得看你的特长了,比方说你喜欢文学,可以做一个专门说文学的站点,又比方说你擅长军事,你可以专门开个网上军事天地,要是你做电脑生意,当然也能做一个硬件行情站。总之,你打算做个受人欢迎的主页,就得将你的主页做得与众不同,有新意。
好,今天就先说到这里,下次我将教您一些网页特效的制作和网站管理的经验。欢迎您来看看。 祝你好运。