《手把手教你建网站》

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

整天在网上逛来逛去，有没有想过动手建一个网站？让自己也有一个 网上的家！ 什么？想都没想过！那就是你的不是了，请记住：“没有做不到的， 只有想不到的！ 有时候我们真的需要一种目标，即使现在达不到，只要努力，机会总 是有的！ 万一没能如愿也不会后悔！不是吗？读了本文你也许会觉得建网站 原来不是很难啊！ 这就叫“难者不会，会者不难”！我也是刚入门不久，把自己的一 些经验写出来， 省得那些刚触网的朋友再走同样的弯路！好了，闲话少说，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.”,在显示文字 栏内输入 “〖万山共享〗”，在你的主页里就会有我的网站的链接了！当 然还可以把 我网站上的Flash站标也链接过来，方法是先插入一个“Shockwa ve Flash Object”控件，在控件属性里的影片URL和基本URL里分别输入 “http://www./wanshanshare.swf”、“ http://www.”上传后你的网站就有了我的Flash站 标了！     最后打开index.htm调整各框架的位置大小，就基本完成了！ 点“文件”/“用浏览器预览”，查看一下效果，调整到各网页都 满意为止！哦，对了，请点击左边“视图”栏里的“文件夹”看一 看你网站的文件，查看一下各网页对应的标题是不是你想在浏览时 显示在网页标题上的文字，若不是请先选中该网页，然后在其对应 于标题栏的文字上单击一下，进入修改状态，修改即可！     好了，终于可以松一口气了，你的网站已建好！那怎么传到网 上去呢？是呀，怎样才能传上去呢？     二、申请域名     域名是什么呀？哦，那应该就是网址吧，嗯！我想是地！:-) 对， 没有网址别人怎么访问我的网站呢？有道理！那就申请一个吧！说 得 轻巧，那么容易就能申请到啊！我知道你肯定是不会出money买的了！ 没办法，来一个二级域名吧，这可是要找的哦，“当年”我就找了两天 两夜（夸张了点！），不是空间太小，就是要加广告，更可气的是搜 索的很多很多，可是真正提供免费主页空间的却很少很少，有的就干脆 打不开！免费的午餐越来越少喽！别卖关子了，赶快说呀！我都等不 及了！不好不好，要有耐——心，知道不？！     OK，申请域名现在开始，首先到百度或google等搜索引擎上搜索 一下，比如免费空间等，可以搜到很多，多点几次（不要灰心！功夫 不付有心人！），最好支持ftp上传的！可能要填一大堆表格！申请 好后会得到用户名、ftp上传地址和ftp上传密码等等！     三、上传网页     这下总该可以传了吧！差不多了！咋传？当然用工具最方便， 哦，ftp好象是文件传输协议（File Transfer Protocol）的简称， 是通过互联网发送文件的一种方式，ftp上传工具很多，万山在这 里向大家推荐http://www./wanshan/download/ FlashFXP v2.0.rarFlashFXP，这是一个用winrar压缩的文件， 需要解压，加压密码是：，内含汉化注册程序！ 安装注册后打开，有四个窗口，左上角是本地文件窗口，坐下角 是待传送文件窗口，右上角为目标文件窗口，右下角为传送状态 窗口，现在开始连接，点“连接”/“快速连接”或按F8，打开连 接窗口！在服务器框中输入ftp上传地址；用户名框里输入你的用 户名；密码框里当然是输入密码了！OK，可以连接了！连接成功 后，传送状态窗口会显示“Transfer complete”，这时就可以在本 地窗口中找到你的“my webs”夹，把里面你的网页，储存图片 的文件夹等内容选中，点“传送已选定的项目”就开始传了， 传完后你打开你的网址看一看，是不是在上面呀！     噢！我终于也有网站了，太好了，谢谢你！不用客气！     四、网站维护     当你修改网页后，要把最新修改（可以点本地文件窗口上的 “修改日期”，文件就乖乖地按时件排序了）的传上去覆盖原文 件，把不要的文件清除，以免占宝贵的空间！     对了，你的网站是不是需要一个计数器呢？可以统计访问 人次！为了找一个好的计数器，万山也是搜索了一上午，终于 逮到一个免费的，申请非常简单，在哪呢？到http://www. 315go.com/free/jsq/reg.htm上看看吧！申请好后会得到一 段代码！然后把代码加到你的主页里即可！代码我不懂耶， 加在哪？ 不懂不要紧，按下面的步骤做就可以！复制代码， 打开你的index.htm，光标置于要插入计数器的地方，切换到 “HTML”，用快捷键“ctrl+V”即可（最好别用鼠标点，以 免位置错乱或代码错误），浏览时点访问人数，即可进入查 询网页，访问者的访问时间、访问者的ip、访问过哪些网页、 访问者的系统和浏览器等就一目了然！还可以进行月统计和 年度统计等等！     到这里你大概已经算“师傅领进门”了吧，那“修行就要 靠自己了”！