分享
 
 
 

手把手教你建立自己的网站

王朝html/css/js·作者佚名  2008-05-31
窄屏简体版  字體: |||超大  

手建一个网站?让自己也有一个网上的家!什么?想都没想过!那就是你的不是了,请记住:“没有做不到的,只有想不到的!有时候我们真的需要一种目标,即使现在达不到,只要努力,机会总是有的!

万一没能如愿也不会后悔!不是吗?读了本文你也许会觉得建网站原来不是很难啊!这就叫“难者不会,会者不难”!我也是刚入门不久,把自己的一些经验写出来,省得那些刚 触网的朋友再走同样的弯路!好了,闲话少说,Let’s go!

一、制做网页

要建一个网站首先要有主题,就象写文章要有中心思想一样,哦!没有啊!想呀!还是想不出来!算了,就建一个自我简介吧,以后有了题材和素材再充实!要想好 你的网站包含哪几个部分,比如:自我简介、我的像册等等!

网站包括网页、图像、音频、视频等等,首先要建一个主页,就是进入网站显示的第一个网页,那么建网页要用什么软件呢?有老大哥MS Frontpage,还有当红小生Dreamweave等,各有所长!下面就以MS Frontpage 2002为例,因为它是MS Oiffice XP组件之一,大家电脑上应该都有,而且很容易上手!

打开Frontpage,点“文件”/“新建网页或站点”,右边会出现一个“新建网页或站点”任务窗格,选新建“空白站点”/“空白网页”(也可以选“个人站点”我个人认为不太实用,还是自己建来得中意)系统会新建一个“my webs”文件夹,点左边视图栏里的“文件夹”会看到“my webs”文件夹里有两个文件夹:_private和images,前面一个可能是储存回馈信息的(我也不太清楚^_^),后面一个存放图片,你还可以建存放其它元素的文件夹,或为每一个网页建一个文件夹。

然后点“新建空白网页”命名为index.htm。(重要提示:网页及其它图片等的名称最好是字母或数字,因为有的服务器不支持中文,我就吃过这方面的亏,传上去的网页怎么也打不开,让我纳闷了好几天,怎么 回事呢?最后看到几个英文名的图片能显示才悟出这个道理!)这就是主页了!

打开主页,就可以充分发挥你的个人想象力和创造力,做一个能展现自己的有个性和才华的网页了!白色的背景太一般了,换掉!点“格式”/“背景”打开背景属性对话框,在背景图片前的方框里点一下,点浏览选择背景图片,若没有合适的背景图片,改变一下背景颜色也很酷呀!在背景属性对话框里“常规”选项卡里还能插入背景音乐哦! 然后点击“表格”/“插入”/“表格”插入一个1行1列的表格(“对齐方式”选“居中”、“边框粗细”选“0”、指定宽度760像素),(提示:不能太宽,有的电脑屏幕较小,宽了显示不全,还要左右拖动滚动条,太影响效果了!)然后就可以输入文字,插入图像、flash动画等了,还可以拆分合并表格等,就象使用word一样简单!保存就OK了!

这只是普通网页,还有框架网页,框架网页显示的效果我举个简单的例子大家就会明白:有的网页分两部分,上面一个导航栏,下面是主窗口,导航栏里有很多链接,每点一个链接 在主窗口会显示相应的内容,导航栏不变!明白了吗?下面就简单介绍一下框架网页的制作, 点击“新建网页或站点”任务窗格里的“网页模板”,点“框架网页”选项卡,选择“标题、页脚和目录”,确定即可。

框架把网页分成几部分:标题(top)、目录(contents)、主窗口(main)和页脚(bottom)等,这只是一个框架,这几个区域分别显示你指定的网页,若没有也可以点“新建网页”,直接在上面编辑, 如:在“标题”里输入“欢迎您访问×××的网站”等;在“目录”中分别输入“自我简介”和“我的像册”;在“主窗口”中写一些本站的介绍等内容;然后在页脚处输入友情链解或其它内容。好了,别忘了保存!保存时会分别生成普通网页,命名为top.htm、contents.htm、main.htm和bottom.htm,这个框架网页命名为index.htm!以后分别编辑各网页就成了!再建两个普通网页用以编辑自我简介(me.htm)和我的像册(my_photos.htm)!

打开me.htm,按刚才的方法插入表格,输入你的自我简介,再打开my_photos.htm,也要先插入一个5行5列(根据你图片的多少)的表格,在每个单元格内点“插入”/“图片”/“来自文件”插入你的照片(最好先复制到你再“my webs”文件夹下指定的文件夹如:images里,插入时从这个文件夹里找),然后右键点击插入的照片选“自动缩略图”,是不是变小了?别担心,这实际上是Frontpage为你自动创建的超链接,用浏览器浏览时,点小图片会自动调出大图片!依次插入你所有要插入的照片!(提示:右击小图片选“超链接属性”在“屏幕提示”里输入你的图片介绍,当鼠标指在小图片上时会显示!)

到此为止你的网站已初具雏形!只是还需要修饰修饰,有人会想,要是在我的top.htm里要有一个站标就好了!嗯,不错,这“举一反三”的发散思维真是难得!站标最好做成动画,这样既醒目又能给人留下美好的印象!Flash动画好看但不好学,如果你不会就请人帮做一个,放在你“my webs”文件夹下,例如文件名为zb.swf光标置于top.htm里你要插入的地方,依次点“插入”/“web组件”,在“组件类汀崩镅案呒犊丶保凇把≡褚桓隹丶崩镅癆ctiveX控件”,点击“下一步”在“选择一个控件”里选“Shockwave Flash Object”,点“完成”,双击你插入的控件,打开属性对话框,在影片URL里输入zb.swf,拖动控件周围九个小方框,调整至大小合适,任务完成!

如果没有Flash怎么办呢?就放一个gif动画也不错,gif动画很好做,万山会另外介绍制作gif动画的软件Ulead GIF Animator 5! 那怎么让文字也滚动呢?那就要执行“插入”/“web组件”,在“组件类型”里选“动态效果”,在“选择一个控件”里选“字幕”,点“完成”在字幕属性的“文字”对话框内输入想要显示的文字,调整“方向”“速度”和“表现方式”等,直到满意为止!

打开contents.htm,选中自我简介,右击 ,选“超链接”,在地址栏内输入me.htm,顺便确认一下“目标框架”里是“main”,同样给我的像册也做一个超链接!浏览是点击“我的像册”在main框架里就会显示你的靓照!感觉是不是很好呀!

再打开bottom.htm,在适当的位置右击选中“超链接”在地址栏内输入internet地址,可以直接从网上获取图片或打开相应的网 页!例如:在地址栏内输入“http://wanshanshare.web1000.com”,在显示文字栏内输入“万山共享”, 在你的主页里就会有我的网站的链接了!当然还可以把我网站上的Flash站标也链接过来,方法是先插入一个“Shockwave Flash Object”控件,在控件属性里的影片URL和基本URL里分别输入“http://wanshanshare.web1000.com/wanshanshare.swf”、“http://wanshanshare.web1000.com”上传后你的网站就有了我的Flash站标了!

最后打开index.htm调整各框架的位置大小,就基本完成了!点“文件”/“用浏览器预览”,查看一下效果,调整到各网页都满意为止!哦,对了,请点击左边“视图”栏里的“文件夹”看一看你网站的文件,查看一下各网页对应的标题是不是你想在浏览时显示在网页标题上的文字,若不是请先选中该网页,然后在其对应于标题栏的文字上单击一下,进入修改状态,修改即可!

好了,终于可以松一口气了,你的网站已建好!那怎么传到网上去呢?是呀,怎样才能传上去呢?

二、申请域名

域名是什么呀?哦,那应该就是网址吧,嗯!我想是地!:-) 对,没有网址别人怎么访问我的网站呢?有道理!那就申请一个吧!说得轻巧,那么容易就能申请到啊!我知道你肯定是不会出money买的了!没办法,来一个二级域名吧,这可是要找的哦,“当年”我就找了两天两夜(夸张了点!),不是空间太小,就是要加广告, 更可气的是搜索的很多很多,可是真正提供免费主页空间的却很少很少,有的就干脆打不开!免费的午餐越来越少喽!别卖关子了,赶快说呀!我都等不及了!不好不好,要有耐——心,知道不?!

OK,申请域名现在开始,首先到百度或google等搜索引擎上搜索一下,比如免费空间等,可以搜到很多,多点几次(不要灰心!功夫不付有心人!),最好支持ftp上传的!可能要填一大堆表格!申请好后会得到用户名、ftp上传地址和ftp上传密码等等!

三、上传网页

这下总该可以传了吧!差不多了!咋传?当然用工具最方便,哦,ftp好象是文件传输协议(File Transfer Protocol)的简称,是通过互联网发送文件的一种方式,ftp上传工具很多,万山在这里向大家推荐FlashFXP,这是一个 用winrar压缩的文件,需要解压,加压密码是:wanshan.net,内含汉化注册程序!安装注册后打开,有四个窗口,左上角是本地文件窗口,坐下角是待传送文件窗口,右上角为目标文件窗口,右下角为传送状态窗口,现在开始连接,点“连接”/“快速连接”或按F8,打开连接窗口!

在服务器框中输入ftp上传地址;用户名框里输入你的用户名;密码框里当然是输入密码了!OK,可以连接了!连接成功后,传送状态窗口会显示“Transfer complete”,这时就可以在本地窗口中找到你的“my webs”夹,把里面你的网页,储存图片的文件夹等内容选中,点“传送已选定的项目”就开始传了,传完后你打开你的网址看一看,是不是在上面呀!

噢!我终于也有网站了,太好了,谢谢你!不用客气!

四、网站维护

当你修改网页后,要把最新修改(可以点本地文件窗口上的“修改日期”,文件就乖乖地按时件排序了)的传上去覆盖原文件,把不要的文件清除,以免占宝贵的空间!

对了,你的网站是不是需要一个计数器呢?可以统计访问人次!为了找一个好的计数器,万山也是搜索了一上午,终于逮到一个免费的,申请非常简单,在哪呢?到http://www.315go.com/free/jsq/reg.htm上看看吧 !申请好后会得到一段代码!然后把代码加到你的主页里即可!代码我不懂耶,加在哪? 不懂不要紧,按下面的步骤做就可以! 复制代码,打开你的index.htm,光标置于要插入计数器的地方,切换到“HTML”,用快捷键“ctrl+V”即可 (最好别用鼠标点,以免位置错乱或代码错误),浏览时点访问人数,即可进入查询网页,访问者的访问时间、访问者的ip、访问过哪些网页、访问者的系统和浏览器等就一目了然! 还可以进行月统计和年度统计等等!

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有