注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

山东明光电缆集团有限公司博客

珍惜生活中每一天,每一份阳光;只要愿意去寻找快乐无处不在!祝所有的朋友端午快乐

 
 
 

日志

 
 
关于我

朋友,你好! 当我用鼠标滑过所有来访朋友的一瞬间,让我感慨万千……,茫茫人海,你我能在这里相遇,是一种难得的缘份,是共同的兴趣和相同的话题让我们相聚在一起,无意的擦肩,只愿我们每一次心与心的交流,能激起你我内心片刻的共鸣……!希望在虚拟的网络中能结交更多的真诚朋友! 我衷心地祝福所有来浏览我博客空间的朋友们年年有个好身体、天天有份好心情!

网易考拉推荐

[转载]《手把手教你建网站》  

2012-11-21 15:21:00|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 
 
[转载]《手把手教你建网站》 - lidaifeng88 - 山东济南明光电缆有限公司博客 
 
 
 
http://67.159.2.205/?fromuser=a2212575869 【不去看看你后悔!】 
 
[转载]《手把手教你建网站》 - lidaifeng88 - 山东济南明光电缆有限公司博客

 

 

 

 

 [转载]《手把手教你建网站》 - lidaifeng88 - 山东济南明光电缆有限公司博客

 

 

 http://67.159.2.205/?fromuser=a2212575869 【不去看看你后悔!】


 

 

整天在网上逛来逛去,有没有想过动手建一个网站?让自己也有一个

网上的家!

什么?想都没想过!那就是你的不是了,请记住:“没有做不到的,

只有想不到的!

有时候我们真的需要一种目标,即使现在达不到,只要努力,机会总

是有的!

万一没能如愿也不会后悔!不是吗?读了本文你也许会觉得建网站

原来不是很难啊!

这就叫“难者不会,会者不难”!我也是刚入门不久,把自己的一

些经验写出来,

省得那些刚触网的朋友再走同样的弯路!好了,闲话少说,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里,插入时从这个文件夹里找)

,然后右键

点击插入的照片选“自动缩略图”,是不是变小了?别担心,这实

际上是F

rontpage为你自动创建的超链接,用浏览器浏览时,点小图片会

自动调出

大图片!依次插入你所有要插入的照片!(提示:右击小图片选

“超链接

属性”在“屏幕提示”里输入你的图片介绍,当鼠标指在小图片

上时会显示!)

    到此为止你的网站已初具雏形!只是还需要修饰修饰,有人

会想,要是在我

的top.htm里要有一个站标就好了!嗯,不错,这“举一反三”

的发散思维真

是难得!站标最好做成动画,这样既醒目又能给人留下美好

的印象!Flash动画

好看但不好学,如果你不会就请人帮做一个,放在你“my

webs”文件夹下,

例如文件名为zb.swf光标置于top.htm里你要插入的地方,

依次点“插入”/

“web组件”,在“组件类型”里选“高级控件”,在“

选择一个控件”里

选“ActiveX控件”,点击“下一步”在“选择一个控件”

里选“Shockwa

ve Flash Object”,点“完成”,双击你插入的控件,

打开属性对话框,

在影片URL里输入zb.swf,拖动控件周围九个小方框,调整至

大小合适,

任务完成!如果没有Flash怎么办呢?就放一个gif动画也不错,

gif动画

很好做,万山会另外介绍制作gif动画的软件Ulead GIF Animator 5!

那怎么让文字也滚动呢?那就要执行“插入”/“web组件”,在“

组件类型”里选“动态效果”,在“选择一个控件”里选“字幕”,

点“完成”在字幕属性的“文字”对话框内输入想要显示的文字,

调整“方向”“速度”和“表现方式”等,直到满意为止!

    打开contents.htm,选中自我简介,右击,选“超链接”,

在地址栏

内输入me.htm,顺便确认一下“目标框架”里是“main”,同

样给我的

像册也做一个超链接!浏览是点击“我的像册”在main框架里

就会显示

你的靓照!感觉是不是很好呀!

    再打开bottom.htm,在适当的位置右击选中“超链接”在地

址栏内

输入internet地址,可以直接从网上获取图片或打开相应的网页!

例如:在地址栏内输入“http://www.wanshan.net”,在显示文字

栏内输入

“〖万山共享〗”,在你的主页里就会有我的网站的链接了!当

然还可以把

我网站上的Flash站标也链接过来,方法是先插入一个“Shockwa

ve Flash

Object”控件,在控件属性里的影片URL和基本URL里分别输入

http://www.wanshan.net/wanshanshare.swf”、“

http://www.wanshan.net”上传后你的网站就有了我的Flash站

标了!

    最后打开index.htm调整各框架的位置大小,就基本完成了!

点“文件”/“用浏览器预览”,查看一下效果,调整到各网页都

满意为止!哦,对了,请点击左边“视图”栏里的“文件夹”看一

看你网站的文件,查看一下各网页对应的标题是不是你想在浏览时

显示在网页标题上的文字,若不是请先选中该网页,然后在其对应

于标题栏的文字上单击一下,进入修改状态,修改即可!

    好了,终于可以松一口气了,你的网站已建好!那怎么传到网

上去呢?是呀,怎样才能传上去呢?

    二、申请域名

    域名是什么呀?哦,那应该就是网址吧,嗯!我想是地!:-) 对,

没有网址别人怎么访问我的网站呢?有道理!那就申请一个吧!说

轻巧,那么容易就能申请到啊!我知道你肯定是不会出money买的了!

没办法,来一个二级域名吧,这可是要找的哦,“当年”我就找了两天

两夜(夸张了点!),不是空间太小,就是要加广告,更可气的是搜

索的很多很多,可是真正提供免费主页空间的却很少很少,有的就干脆

打不开!免费的午餐越来越少喽!别卖关子了,赶快说呀!我都等不

及了!不好不好,要有耐——心,知道不?!

    OK,申请域名现在开始,首先到百度google等搜索引擎上搜索

一下,比如免费空间等,可以搜到很多,多点几次(不要灰心!功夫

不付有心人!),最好支持ftp上传的!可能要填一大堆表格!申请

好后会得到用户名、ftp上传地址和ftp上传密码等等!

    三、上传网页

    这下总该可以传了吧!差不多了!咋传?当然用工具最方便,

哦,ftp好象是文件传输协议(File Transfer Protocol)的简称,

是通过互联网发送文件的一种方式,ftp上传工具很多,万山在这

里向大家推荐http://www.biglabs.com/wanshan/download/

FlashFXP v2.0.rarFlashFXP,这是一个用winrar压缩的文件,

需要解压,加压密码是:wanshan.net,内含汉化注册程序!

安装注册后打开,有四个窗口,左上角是本地文件窗口,坐下角

是待传送文件窗口,右上角为目标文件窗口,右下角为传送状态

窗口,现在开始连接,点“连接”/“快速连接”或按F8,打开连

接窗口!在服务器框中输入ftp上传地址;用户名框里输入你的用

户名;密码框里当然是输入密码了!OK,可以连接了!连接成功

后,传送状态窗口会显示“Transfer complete”,这时就可以在本

地窗口中找到你的“my webs”夹,把里面你的网页,储存图片

的文件夹等内容选中,点“传送已选定的项目”就开始传了,

传完后你打开你的网址看一看,是不是在上面呀!

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

    四、网站维护

    当你修改网页后,要把最新修改(可以点本地文件窗口上的

“修改日期”,文件就乖乖地按时件排序了)的传上去覆盖原文

件,把不要的文件清除,以免占宝贵的空间!

    对了,你的网站是不是需要一个计数器呢?可以统计访问

人次!为了找一个好的计数器,万山也是搜索了一上午,终于

逮到一个免费的,申请非常简单,在哪呢?到http://www.

315go.com/free/jsq/reg.htm上看看吧!申请好后会得到一

段代码!然后把代码加到你的主页里即可!代码我不懂耶,

加在哪? 不懂不要紧,按下面的步骤做就可以!复制代码,

打开你的index.htm,光标置于要插入计数器的地方,切换到

“HTML”,用快捷键“ctrl+V”即可(最好别用鼠标点,以

免位置错乱或代码错误),浏览时点访问人数,即可进入查

询网页,访问者的访问时间、访问者的ip、访问过哪些网页、

访问者的系统和浏览器等就一目了然!还可以进行月统计和

年度统计等等!

    到这里你大概已经算“师傅领进门”了吧,那“修行就要

靠自己了”!如果把“『万山共享』http://www.

wanshan.net/”在你主页做了链接,请通知我,我也会

把你的网站链接到我的主页上!

   http://img20.ph.126.net/Yq_-3JETtkmKk7cKXad31g

==/3167437912926796465.jpgzhuanzai     转载

 http://67.159.2.205/?fromuser=a2212575869 【不去看看你后悔!】

 

 

 

 

 

 

 欢迎你到我在网易的博客去看看,点击??[转载]《手把手教你建网站》 - lidaifeng88 - 山东济南明光电缆有限公司博客

 

[转载]《手把手教你建网站》 - lidaifeng88 - 山东济南明光电缆有限公司博客王品的家,祝福朋友。快乐开心!

 

http://67.159.2.205/?fromuser=a2212575869 【不去看看你后悔!】 

 

  评论这张
 
阅读(9)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017