域名"注册+交易+金融+行情+交流"
域名相关服务一应俱全,旨为您所想。

打造个人网站指南:轻松构建独特的主页步骤解析

如何构建网站首页

跟我一起学习制作网页(入门篇)

一、构建网站前的准备工作我假设你具备基本的计算机操作能力。(假如你连打字都不会或者连开始菜单的位置都不清楚,那我只能建议你花费一百元去街角的电脑培训班接受基础培训)假设你现在能够——

启动和关闭电脑(无需多言)

熟练运用一种汉字输入法,速度不限。当然,掌握五笔输入法是最好不过的。(我本人就精通五笔输入法)

使用IE浏览器上网并浏览网页(这你应该会,否则你怎么能看到我的小站呢?呵呵)

了解一些最基础的术语,比如超级链接,你知道点击一下就能跳转到其他网页,这个相信你也懂吧。

熟练使用Office软件——没听说过?WORD知道吧?那就是你用来打字的工具。你肯定写过什么文档之类的,那就需要用到WORD,或者WPS也行,反正你一定要会使用这类软件,否则你就无法实现制作网页的功能。

好了,如果你上面提到的这些技能你都掌握了,那么你就可以开始制作网页了。

二、制作网页前必须了解的知识为了使我们的教材真正实现让每个人都能学会、都能看懂,我决定在这个教材中不涉及任何专业内容,我们是想制作网页,而不是想成为网络管理员,更不需要为了考取什么等级而努力。因此,我将这个教材定位在最简单、最直接的基础上,有些地方可能你会觉得很简单,不过请相信,网上一定还有比你更不懂得朋友需要这些提示。呵呵,那么,让我们开始制作吧!

首先,我们需要必要的软件来制作网页。我推荐你使用Frontpage2000(没听说过吗?那我给你解释一下,你去街角的盗版光盘店问问,有没有FRONTPAGE2000的完整版?老板就会热情地给你一套OFFICE2000,说这就是了,然后让你买下),这个软件和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、超级链接

网页没有超级链接,就不能称之为网页。如果你想让你的小站也拥有超级链接,那么请按照以下步骤操作:

选中你想设置为超级链接的文本,例如“进入”两个字。选中后,右键点击,选择弹出菜单上的“超级链接”选项,就会出现一个对话框,让你设置超级链接。如果你不熟悉,不用担心,操作非常简单。只需在URL栏中输入网址即可。例如,输入我的小站的地址:“)等地方都提供主页空间申请,有兴趣的话到馨香小憩的“热门站点”栏目中的“中文网址寻仙之篇”中查找免费资源这一栏,一般都会有不下十处地方提供申请免费主页的服务。注意,申请主页空间有许多条件,你需要仔细阅读各个网站的申请条件。找到合适的网站后,进入申请免费主页栏目,会出现一张表格让你填写,一般是用户名、密码、联系地址等。填写完成后,点击提交,会出现一个网页告诉你申请结果。然后,你只需等待网站发送开通的E-MAIL即可。

当E-MAIL传来时,上面会写着你的三样关键信息:一是用户名(帐号users)、二是密码(PASSWORD)、三是主页默认地址(URL)。有了这三样信息,你就可以开始创建网站了!

2、网站的构建

当然,在构建网站之前,你必须使用FRONTPAGE等编辑软件制作好网站的全部文件,包括.HTM、.GIF、.JPG等图像、网页文件。将这些文件放入一个文件夹中,取一个容易记忆的名字,如“我的主页”。这个文件夹就是主页的根目录。在根目录下建立三四个需要的文件夹,如“image”、“text”、“zip”等。image文件夹存放图片,text文件夹存放文字页面,zip文件夹存放可下载的文件和其他页面。这样,在index.htm打开后,可以通过超级链接访问不同的栏目页面。同时,为不同的页面添加回到首页的返回链接,这样就构成了一个拥有多个页面的网站。

3、关于制作下载链接

超级链接指向的文件不是.htm或.html文件,就是下载文件。例如,我们想让访问者点击“下载”按钮下载一个用winzip打包的zip文件,那么只需在“下载”两个字中填写zip文件所在的地址即可。例如,在超级链接属性中,将URL设置为"zip_x0001_.zip"。这样,当主页打开时,用户点击“下载”按钮就会出现下载对话框,操作非常简单!

3、关于创建下载链接超级链接指向的文件非.htm或.html文件即表示已下载,例如,若想让访客点击“下载”按钮来下载一个使用winzip打包的zip文件,那么只需在zip文件地址处填写超级链接属性URL为"zip_x0001_.zip"即可。这样,当主页打开时,用户点击“下载”按钮就会弹出下载对话框,操作十分简便!

4、申请计数器由于我们学习的这种主页属于静态主页,不像西祠等BBS站具有交互功能,因此在主页上实现动态存储文件是不可能的。这导致我们只能浏览而不能实现交互性。那么,一个网站最基本的元素如计数器、留言本、聊天室等岂不是无法实现吗?没错,理论上来说不可能在你的主页上实现,但你忽略了一点,那就是链接。你可以到其他网站申请计数器、留言本等,然后只需将它们给你的一段话插入到主页中即可。这时,你可能会问:“怎么插入呢?”嗯,这不太好解释,因为你不会HTML。这样吧,我告诉你一个简单的方法,在编辑主页时,你一定看到下面的三个标签,其中中间一个是“HTML”标签,点击一下,哇!出现那么多不认识的话,头都晕了!千万别晕,其实这些话正是你的网页的语言,只不过FRONTPAGE2000把你的操作自动翻译成HTML语言了。但你要插入一段语句,这句话大致是“<scriptsrc="的页面里,而我告诉你的方法很简单,你不是不会HTML吗?不过字你总认识呀,呵呵,那就在“HTML”标签里找一下这句话“”(看清了,这句话有个“/”,是在HTML的末尾。)找到这个语句后,将你申请的计数器的那句话复制到这个语句之后(最好之前备份一下这个页面文件,以防出错),复制完毕后保存一下,你会发现那个“”自己跑到后面去了。然后你回到编辑页里看看,页面最后是不是多了点东西?可能那个图片会出现显示不出的标志,当然。你没上网自然找不到链接啦。你可以试着上网看看这个计数器是否管用,方法就是刷新一下你在硬盘上的页面文件,应该能看到计数器了。记住,刷新是很重要的,每次修改并保存页面后,想看看改变后的结果,只需点击一下刷新即可,不必关闭再打开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)。在线维护是非常简单好学的,无非就是些文件操作,什么改名啦,删除啦,上传啦,回到目录什么的,相信聪明的你一学就会!你要申请这样的主页空间可以多留心一下,我告诉你一个地址你可以试试。“"不说你也知道,我的小站就是这个服务器的。它提供在线服务,速度也很快。

6、发布主页的几点经验当你终于在网上有了个小小的家的时候,那种心情是非常开心的,有一种莫名的成就感,但好景不长,当你发现你的主页总是你一个人在逛,没有人来的时候,你会急了,怎么我的网页没有人看呀?当然,你不对别人说谁会来呢?

在各大网站登记你的主页。

与你的网友们做友情链接。

参加一些交换链接的活动。

在聊天室请你的网友来看看并请他们支持。

其实上面这些我相信大部分版主都会做的,不过我要说的是,最重要的一点是你必须对你的小站倾注你的心血,让它做得与众不同,出类拔萃,更新要及时,内容要丰富,这样才会有访客源源不断地来,如果只是马马虎虎地去做,那就不会有多高的访问量了。

好,今天就先说到这里,下次我将教您一些网页特效的制作和网站管理的经验。欢迎您来看看,祝你好运!

个人网站怎么制作

个人网站的制作方法如下:

工具/原料:戴尔XPS13-9350-3708、win10。

1、注册网站域名。域名的选择性很多。不过,建议尽量选择大商家,经常用到有阿里云、百度云等。大多数情况下选择域名以.com/.cn结尾的。

1、注册网络域名。域名的可选范围颇广。然而,推荐优先考虑知名商家,如频繁使用的阿里云、百度云等。多数情形下,倾向于选择以.com或.cn结尾的域名。

2、购置网站服务器空间。包括独立服务器、VPS或虚拟主机等。网站服务器空间主要用于存放数据库等数据。通常,个人网站建议选用虚拟主机。若担心繁琐且希望节省开支,可直接在淘宝上咨询购买。

3、挑选建站软件。这类软件在网络上数量众多,专业型个人站长可自行构建网站软件。对于新手站长,建议从简单的开源软件开始。例如WordPress、Dreamweaver、shopex、pageadmin等。

4、构建个人网站。WordPress是一款开源建站软件。因其主题模板丰富,易于上手,学习迅速,深受众多博客站长的喜爱。通过百度搜索“WordPress”,将其下载并安装至FTP根目录。随后,你便可以设计你个人的主页。根据个人需求,你可以在网上下载众多WP主题。

5、网络优化中的SEO。仅仅学会建网站是不够的,如何推广自己的网站,使网友能够发现你的网站,这才是真正需要技术的地方。至于SEO,即如何让你的网站在百度等搜索引擎中获得较高的排名。

以上所转载内容均来自于网络,不为其真实性负责,只为传播网络信息为目的,非商业用途,如有异议请及时联系btr2020@163.com,本人将予以删除。夫唯域名网 » 打造个人网站指南:轻松构建独特的主页步骤解析

分享到: 生成海报