如何怎样制作个人网站站

教你如何用WordPress打造免费个人网站
作者:佚名
字体:[ ] 来源:互联网 时间:08-05 16:03:09
在博客最火的年代里,我想大家或多或少都听说过一个名为WordPress的东西,它是一款基于PHP和MySQL数据库的开源博客平台,喜欢折腾、喜欢DIY的朋友或许都玩过WordPress。详情请看下文介绍
WordPress最大的优势在于自由性、开放性。伴随WordPress衍生的各式插件、主题不计其数,因此虽然WordPress是以开源博客平台身份出现的,但只要你愿意,就可以把它打造成任何你想要的样子。怎么样?这绝对比在现成的博客或网站或空间里换换皮肤、换几个固定插件要有意思的多吧?
编辑教你打造免费个人网站
我最早接触WordPress是在07年上大学期间,在当时看来,WordPress已经算是非常简单的自主搭建博客平台了,不过以现在的眼光来看,还是有一些门槛的。比如你至少要掌握MySQL数据库的一些知识、还要会用FTP工具、同时还要了解Apache等Web服务软件的使用方式,当然最后你还要花一些费用去租用一个服务器,而最终搭建的WordPress的整体体验好不好,比如打开速度快不快、稳不稳定等,则取决于你愿意花多少钱去租用服务器。
因此可以看出,以往要想玩转WordPress,即便你愿意花钱租用服务器,并且会使用FTP软件,但你至少也要跨过&MySQL数据库&以及&会使用Apache等Web服务软件&这两道坎,才可以保证一个WordPress的顺利搭建和运营。
WordPress是最好玩的开源博客平台
时过境迁,云时代的到来让很多事情都变得简单,渐渐被遗忘的WordPress也迎来了重生的机会。百度云、阿里云、京东云等云服务,都为搭载WordPress提供了傻瓜式的操作环境,但相对来说,京东云擎(JAE)是目前笔者觉得最为简单、最为划算的解决方案,因为它不仅操作简单,而且是完全免费的。
不过在我看来,各类云与WordPress之间总有一种&君生我未生,我生君已老&的遗憾,在这个以微博、微信为主导的碎片化信息分享时代里,&博客&二字怎么看怎么都觉得有些古老,但是JAE的免费加上WordPress的开源,我觉得还是具有很高的可玩性。
比如你可以通过WordPress来体验一下当个人站长的乐趣;再比如你可以搭建一个属于你和你爱人的&温馨小屋&,把你们的照片、日志放到里面;再比如你可以把它做成个人的资源分享网站等等。WordPress的开源性注定让它不会随着时间的洪流被淘汰,在今天它依然是我认为的最简单、最好玩的开源平台,没有之一。
好了,闲话不多说,下面就请各位小伙伴打起精神,随笔者一起来看看如何利用京东云擎(JAE:以下都采用JAE简称)以及WordPress来免费搭建一个属于自己的网站吧!
PS:看到一些朋友部署出现了问题,请确认一下下载下来的WordPress安装包是不是在根目录下打包的,如下图所示:
安装包打开之后是这个样子的,不要把这些文件放到文件夹里
&初识京东云擎?
之所以是小学生都能看懂的教程,主要还是得益于京东云擎的简单易懂,下面我们先来认识一下京东云擎。
想要使用京东云擎,首先你当然要有一个京东帐号,进入云擎首页,可以看到图说式的功能介绍,而之所以它能够成为傻瓜式的WordPress搭建平台,主要就是因为京东云擎集成了PHP、MySQL数据库、Apache这些WordPress运行的最基本条件,而且这些元素都是事先集成好的,无须用户再去做任何技术层面的调试,拿过来直接用就是了。
京东云擎(JAE)
JAE的特点是简单明了好用
当你拥有京东云擎帐号之后,看到第一张图右上角的控制台按钮了吗?没错,什么也不要想的点进去就是了。京东云擎最大的优点在于简单易懂、童叟无欺,上面这张图是第一次进入京东云擎时的页面,是不是很简单?绝对是学过拼音、学过汉字的小学生都能看懂的吧?
什么?小学生不明白php、Apache是什么?
NoProblem!因为你完全不需要去弄明白它们究竟是什么!
&简单几步创建数据库与应用服务
要想搭建WordPress,首先要为它提供一个运行环境,WordPress是建立在PHP与MySQL上的开源平台,而JAE正好提供了这两种数据库,因此我们接下来首先要做的,就是为WordPress搭建好两个数据库。
给WordPress创建一个数据库
首先我们点击左侧菜单栏里的&云数据库&按钮,进入云数据库控制台。在右侧找到&新建数据库&按钮直接点击即可弹出下图所示页面,其中的MySQL是我们需要的数据库类型,而且从基本信息来看,它的空间有5G,而且是永久免费的,这对于一般的WordPress网站来说,空间足够大了。要知道笔者当年搭建的WordPress空间仅有500MB,苦逼学生没有钱啊,哪像现在这么美好。
京东云擎的MySQL数据库永久免费
点击创建之后,你就可以在云数据库列表中看到建立的MySQL数据库了。
建立好数据库之后,我们接下来要给WordPress一个运行环境,因此我们点击左侧菜单栏里的&应用引擎&按钮,进入应用服务器控制台,直接点击&新建应用&按钮即可。
创建PHP应用服务
搭建PHP服务环境
点击&新建应用&之后会弹出上图所示的网页,不得不说JAE还是非常强大的云服务,提供了Java、PHP、Ruby-Web等这样的常用服务类型。我们搭建的是WordPress,因此选择PHP,并且在名称与二级域名处填好自己想要的。
就笔者这几天的试用来看,目前使用JAE搭建网站的人应该不多,很多简短的二级域名都能够注册,笔者为了方便大家理解,所以以&ZolWordPress&为名称和二级域名,大家可以填写的更加简短以便于记忆。二级域名填好之后,你搭载的WordPress网站地址也就产生了,比如笔者的网站地址就是zolwordpress.,此外你还可以根据自身需求,调整下面的内存配额参数,其它都不用动就可以了。
到这一步,属于你自己的WordPress网站就有了自己的运行环境。
&小学生都能看懂的个人网站部署
既然是搭建WordPress,那么首先你一定要有个WordPress的安装包。这个我就不在这里提供了,你可以去官方网站下载,当然也可以找一些大神们自行优化过的安装包。JAE支持RAR与Zip格式的安装包,所以大部分下载过来的都可以直接使用了。
部署WordPress
我们之前已经建立好了WordPress运行的PHP服务器,当你看到它的运行状态显示为&正常&的时候,就说明可以进行WordPress的部署了,其实这个部署的过程,就相当于以前使用FTP工具上传的过程。
上传包部署
点击上图所示的&上传包部署&按钮,之后找到WordPress安装包所在的位置,直接上传即可。
上传你下载的WordPress安装包,无须解压缩
上传过程需要稍微等待一会儿
耐心等待上传部署完毕之后,其状态会显示为&正常&,这样我们就可以接着进行下一步工作了。如果出现问题,可以反复进行调试,或者直接删除之前建立的数据库重新建立再上传即可。
点击数据库名称
记住相应的内容
其实部署完WordPress安装包之后,属于你的WordPress就已经搭建好了,接下来只需要完善一下WordPress的设置,就可以真正拥有自己的网站了。不过在完善设置之前,我们再点击进入云数据库中,之后点击刚刚建立的云数据库名称,调出数据库服务信息页面。
&轻松创建数据库链接信息
调出数据库服务信息页面之后,在浏览器新建标签页,之后在地址栏里输入刚刚申请的二级域名,比如笔者的二级域名就是zolwordpress.,然后进入该网址之后会弹出下面的页面。看下面对话框中的提示是不是心里咯噔一下,以为失败了呢?没关系,这其实是成功的开始。
打开浏览器输入二级域名
无视它的提示请直接点击&创建配置文件&按钮进入下一步。
记住相关信息
在没有JAE这类云服务之前,搭建好WordPress之后要在wp-config中手动填写信息,而如果没有一定的html语言基础的话,你可能真心找不到该在哪里填写。现在可就方便多了,迫不及待,我们直接点击&现在就开始&按钮进入下一步。
填写相关信息
大家有没有手贱把之前打开的&数据库服务信息页面&关掉呢?关了的还不快打开?在点击&现在就开始&按钮之后会进入到上图所示页面,大家把&数据库服务信息页面&的相关内容填入到这里即可,包括数据库名,用户名,密码以及数据库主机,记住主机栏除了填写IP地址外,还要填写端口,也就是:4066。最后一项&表前缀&里的内容不用动。
真心很方便有木有?
距离成功只差一步
填写好上述内容之后点击左下的&提交&按钮即可进入到上图所示页面,不用看内容,直接点击&进行安装&按钮进入下一步吧。自己搭建网站的过程是不是很有趣呢?虽然JAE简化了很多流程,不如以前自己摸索有意思,但能够自己动手去搭建一个网站,还是很有意思的事情吧?距离成功只差一步了,小伙伴们准备好了吗?
&做自己的站长让个性释放
在安装WordPress之前,会进入到下图所示页面,这里需要你填入一些信息,其实就是注册一个自己的帐号,只不过这个帐号是拥有网站管理员权限的。站点标题如果没想好可以先随便填一个,后期进入WordPress控制台可以随意更改,用户名、密码、邮箱就不多说了,大家自行解决吧。
填写相关信息
填写好注册信息之后,点击&安装WordPress&按钮即可,之后会进入到下图所示页面,总觉的那句话有些贱贱的感觉,不过WordPress确实是非常简单的开源平台。这页可以直接无视掉,直接点击下面的&登录&按钮。
请无视这一页
登录之后你以为会直接登录到建立好的WordPress网站吗?逗你玩的,下面这才是真正的登录页面。不多说了,输入用户名、密码进入吧。
这个就不用多说了吧
首先进入的是WordPress网站的控制台,不过中文翻译成了仪表盘&&这里就不多吐槽了。可以看到左侧一串按钮可以实现WordPress网站的管理和优化,而且你拥有最高的权限,想把这个网站建成什么样子,做什么用,全由你自己说了算,是不是很Cool?
WordPress的控制台页面
大家如果想看看自己建立的初始WordPress网站是什么样子,可以点击左上角的站点名称。而下图就是我所建立的WordPress网站最初形态,是不是很简陋呢?
WordPress初始页面
没关系,WordPress之所以好玩,就是因为它非常的开放,网络上可以搜到各式模版,把WordPress网站改变成各种模样。当然,在这之前你最好想想你要做一个什么样的网站,之前再去选择相应的样式即可。不过个人建议最好不要做视频类的网站,一方面JAE所提供的免费空间只有5G,另一方面也会涉及到版权问题。
好了,到这一步你就拥有了属于自己的一个网站,在这个空间里,你就是主人。此外从实际体验来看,JAE的速度还是非常理想的,其它网络不清楚,但笔者个人使用的10M联通光纤几乎瞬间就能打开网页。同时连续运行的稳定性也有保障,不过不知道JAE是否限制了数据库的连续运行时间,这些大家都可以体验之后发在文章下方的评论里告诉笔者。
&玩好WordPress第一步该做什么?
其实搭建WordPress只是最基础的一步,搭建好之后才是真正的开始。你可以把WordPress看作是一块儿未开垦的处女地,想要让它更加实用,就需要自己动手一步步去完善。当然如果你是第一次接触WordPress的话,除了基本设置之外,你最需要做的第一件事情,就是给WordPress安装插件。
在左侧仪表盘列表中可以找到插件选项,点击即可进入插件安装页面,你可以通过关键字搜索获得所需插件,所以笔者先给大家推荐几款初期WordPress最需要的插件。
首先要根据需求安装插件
1.GoogleXMLSitemaps:为博客添加xmlsitemap的插件,自动生成,发布文章之后自动更新。
2.Akismet:防止博客被spam的插件,自动删除恶意评论,对于群发广告、恶意评论更有效。
3.PlatinumSEOPack:WordPress的SEO插件,你的网站能不能被大家所知道全靠它了。
4.SEOtitleTag:也是一款SEO插件,可以让每篇文章都含有相应的关键词和描述,让每篇文章都符合SEO规范。
5.WordPressDatabaseBackup:WordPress非常需要的一个插件,安装之后,设定邮件,可以自动发送数据库到邮件,免除手动备份的麻烦,发送时间可以任意选定,每小时,每天,每两天等等。
6.WPKeywordlink:让关键词自动连接到地址,丰富网站内链。
7.日志自动截断:国人汉化的插件,原名为wp-limit-posts-automatically,此插件能控制文章在首页的显示字数,省略了每篇文章都加&more&标签的麻烦,非常实用,原英文插件只支持英文单词。
8.WordPressRelatedPosts:可以在小工具处直接调用,顾名思义,是能让页面显示最新文章的插件,可以在边栏或者是文章结尾调用,个人认为在文章结尾调用更加符合UE。
9.WP-PageNavi:WordPress分页插件,一般的主题都支持这个插件,给文章列表添加分页的插件,不带这个插件的话只能显示&较老的文章&,安装之后一般可以显示为&第一页,第二页等等&
10.WP-PostViews:这个也十分必要,很多主题都需要用到。
有了这十款基本插件,你的WordPress就更加完善了。当然,WordPress的插件成千上万,大家可以自行搭配所需插件。
&如何让WordPress更加美观
安装好WordPress之后我们看到的页面十分简陋,不过WordPress为我们提供了主题更换权限,通过左侧菜单栏的&外观&按钮进入主题页面,这里预置了三个页面,都不算太好看。如果自己有能力的话,可以动手设计制作自己的主题,当然我想更多朋友是像笔者一样的小白,这时我们就可以去求助WorPress专门的主题网站了。
主题能让你的WordPress更加炫酷
WordPress的主题安装很简单,下载下来的Zip压缩包直接上传即可。下面给大家几个例子,看看WordPress到底能有怎样的页面呈现效果:
做一个大气的图文分享平台
摄影爱好者还不快展示一下你的大片?
自己开一家商城又何妨?
是不是很炫呢?
其实你也可以下载一些左右对栏情侣主题,建立温馨的情侣博客,共同经营属于你们自己的网站。(小贴士:情侣主题需要两个帐号来实现左右对栏内容的撰写,你可以在&用户&选项中添加另一个帐号给你的另一半即可。)
博客时代虽然已经过去,但是笔者认为WordPress以其出色的开源性,完全能够利用免费的JAE重新焕发活力,如果你想拥有一个属于自己的网站,却又不懂如何去设计、不懂技术,那么选择WordPress绝对可以让你得偿所愿!
大家感兴趣的内容
12345678910
最近更新的内容5078人阅读
web互联网(2)
& & & & & & & &&
(首先感谢留美博士czxttkl的技术支持maider.)&
& & & & & & & 作为开源代码库以及版本控制系统,Github目前拥有140多万开发者用户。随着越来越多的应用程序转移到了云上,Github已经成为了管理软件开发以及发现已有代码的首选方法。
& & & & & & & 下面将分布讲解如何在github上发布个人网站。
1.首先登陆github,网址。进行注册。(注意:你的用户名将作为未来网站域名的一部分)
2.下载并安装,github的客户端。下载地址:
3.安装好了github的客户端,打开。点击creat,弹出这个画面
我们看到repository中有name一栏,注意如果你要发布个人主页,这个name要和下面account的值对应,如图中实例的name应该为tiancailibo.github.io。
它还提供一个默认的路径,我们要将制作好的网站的全部文件放到这个默认路径下。接着我们看到了这种画面
这是侯点击publish,它会提示我们出错,因为缺少commit。
4.于是我们打开github shell。,
到你上部的那个文件夹目录下,类似于cd&I:\github。。。
注意在shell中,粘贴信息是单击右键。
(2)接着我们在里面输入git status & & 按回车。会显示“&nothing added to commit but untracked files present”
(3)输入:git add . & &注意是有句号的
(4)输入:&git commit -a -m &your_message& & & & & & &(your_message部分是发布者信息随便填)
(5)这时它会上传你的项目文件,可能会比较慢或卡主,多试几次就行了。
如图中显示,ok!上传成功。
(6)这时在浏览器中进入github,点到生成的项目里
点击灰色的Edit,发现可以设置域名,实例中的域名设为tiancailibo.github.io。不可随便设置,save完过差不多十分钟,就可以登录自己的个人主页了
参考知识库
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:440063次
积分:6927
积分:6927
排名:第2159名
原创:196篇
转载:32篇
评论:373条
文章:31篇
阅读:23190
阅读:5224
文章:14篇
阅读:82676
文章:20篇
阅读:61162
阅读:17193
(1)(1)(1)(2)(12)(2)(7)(21)(17)(3)(3)(7)(5)(7)(10)(7)(10)(7)(11)(8)(7)(5)(13)(11)(10)(4)(24)(6)(2)(1)(7)怎样制作个人网页,有教程,简单点。_百度知道
怎样制作个人网页,有教程,简单点。
提问者采纳
这些主机不仅提供免费个人主页空间,一定要保持个人主页网页的相对位置?比如介绍三个方面;html),我的爱好,选取Image,现在必须做封面了。比如你要在你的主页里展示你的靓照,用另存为功能保存为,在Choosefile里选取你的图象文件即可.html)。现在有较多的主机提供免费主页空间,因为网页默认的个人主页主页名称是index,我是superboy,并且还提供留言簿,你就可以开始制作个人主页了:myself.html、开始制作  你无须去记复杂的HTML语言,job,就将“自我介绍”链接到下一页了,来放你的所有文件:自我介绍,因为有的主机要认大小写,你必须先申请一个个人网页空间或个人网页服务器,比如Office 97的照片编辑器,只要把位置改动一下就可以的了,我的爱好,你先写上“大家好.html文件,便可以制作了,我的工作”,放在myself的目录下!
需要注意的是。二。好。文件名你可以任意,老是出现网页错误呢。三,下面是我的照片。还可以拿来主义.html格式的文件,我的工作、准备材料  你首先做一个小计划,然后把这个文件保存为myself.0,你在封面写:为什么我的网页传上去了可是看不到,那就将你的照片扫描成JPG格式的文件:“欢迎来到superboy的主页”以下是“自我介绍,其他诸如BMP和TIF等很通用的格式都不能用在网上,工多艺熟,比如d,但最好全部小写:&#92,再选create link,关键是插入图片和产生链接:”这时要放图片了,细细研究人家是如何做的,你可以用Netscape4.制作主页其实很简单。把你准备在你个人主页上出现的图象放进相应的目录里后,然后再在这个目录建立三个子目录.htm(有的主机要求必须为index?其实他们都是因为位置的问题。只要到有关站点申请即可、将你制作好的个人网页安放在网上 要在网上安你自己的家.文字的处理基本跟Word没什么两样,以后在浏览器中一按.0或者WORD7。 在你的封面做好了所有链接和图片后,放在myself的目录下,interest,否则会看不到网页的,有很多朋友都问我.打开Netscape,只须点击Insert菜单。然后将你的材料copy进相应的子目录. 要注意,即向某一个主机申请一快硬盘空间。你的自我介绍要链接到下一页去,我用的是Frontpage,网上只能使用JPG和GIF两种图象格式。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了,就可以跳到镶有你靓照的页面啦,那你就先起一个总目录(文件夹,但你可以用图象软件进行转换,在file菜单里选Edit Page,参考相关题目、计数器等很有用的功能.我们先做关于你自我介绍的一页,具体见实用链接栏目,你只须用鼠标选“自我介绍”后按鼠标右键 一,准备在个人主页上告诉人家什么,只要多实际制作,因为它们太大了,在网上看到什么好的个人主页主页,具体方法,然后再选你myself目录下的myself。还可以借用网页模版来搞,记住你必须将这一页保存为index
提问者评价
太给力了,你的回答完美的解决了我问题!
其他类似问题
为您推荐:
其他1条回答
都是免费下载的,比如pageadmin系统自己去下载一个现成建站软件系统来改就可以了、worpress系统、discuz系统这些都很好用,你只需要注册一个域名和购买一个空间就行,可以下载到自己电脑上安装,本地做好了上传到网上就可以了,会打字就可以用了
您可能关注的推广
个人网页的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁十八岁自学少年:我的个人网站是怎么做出来的
优秀网页设计联盟-SDC-网页设计师交流平台-听讲座,聊设计,找素材,尽在优设网
& / & & / & 正文
Hi,我是优设小编
十八岁自学少年:我的个人网站是怎么做出来的
今天介绍的是一位仅18岁,年纪不大但艺惊四座的有为少年 ,是一个真正的 Homeschooler。爱好摄影、计算机和数码产品,他的个人简介上写着:整个世界都是我的学校,学自己之所想所爱。自由的身心定能使我成为一个一直朝前行走的行者 : )这是他的文章,分享关于自己创建第一个网站的过程:
少年的网站:
我的 2013 版上线已经两个多月了,没想到这个网站受到了不少人的喜爱和专业设计师的抬爱。上线第一天,单日访问量超过了建站三年以来的总和。上线后,我一直都想写一篇博文,简述一下网站的建设过程。但因为种种原因,直到今天才有时间写这篇博文。
上线以来,常常都有人通过 Email 或微博问我:”你的网站是怎么做出来的?”,这样的问题,还真不是三言两语就能说清楚的,希望这篇博文能够提供一些答案吧。
某一天的搜索引擎入口记录里,还见到了这样的关键词
我有个习惯,做网站到每一个关键点时都会截图留念,所以现在将所有图片贴在一起就可以展示出一个比较连续的建设过程。
国内外很多师都建议在开工之前先画草稿(线框)图,但我一般不用这种方法,只是在一个记事本里记下在脑海里一闪而过的想法。因为每次计划做 一个网站的时候,我脑子里就已经浮现出了它大概的样子,虽然很模糊,但我觉得它没必要太清晰。很多创意的灵感都是在做的过程中发现的,所以只要脑子里有一 个大概的方向就可以开工了,具体的细节部份一边做一边想即可,没必要一开始就把自己的思维给框住。根据大概的构想,我先整理出了一个大概的制作流程:
基本构想 → 设计规划 → 框架构建 → 优化文字 → 细节粗调 → Retina 处理 → 响应式处理 → 动画制作 → 细节微调 → 回迁上线 → 离线缓存和 Web App → 多语言版本
谈到这个网站的设计,就必然要谈到 Bootstrap。这是我首次使用 Bootstrap 框架制作网站。其实开始我一直在犹豫要不要用它,因为它预置了很多 CSS 样式和框架,用起来太方便了,以致于我觉得会减少那种完全自己设计制作的成就感。后来由于开发时间有限,就采用了它,但主要只使用了它的框架系统,界面元 素部份以自己写的为主。页面由七个独立模块组成,按顺序分别是:简述、旅行、摄影、创造、Apple、联系和关于,每个模块都有它自己的特点。这种模块化 的设计也方便做响应式处理。
解析测试版域名,挂一个简单的页面测试
引入 Bootstrap,测试
研究了一下 Bootstrap 的文档,做出了大概的框架,开始做地图的部份
这一步把所有的元素都摆到位,实现各元素基本的功能。
逐步录入地图的坐标点数据
坐标点数据录入完成,简单做一下完善地图的细节
给 header 换个背景看看
用简单的文字先拼出各个模块大概的样子
当时的记事本草稿
Retina 处理
Retina 也就算高清视网膜屏幕的支持,作为一个”果粉”,这点当然不能放过。技术方面,我先试用了一些 jQuery Retina 插件,但普遍都有加载速度慢的问题。看来还是不能偷懒,只有自己写。思路是用 JavaScript 检测 devicePixelRatio,若是 Retina 屏幕就将值写入 Cookie,然后刷新页面,再用 PHP 读取该 Cookie,输出对应的图片(高清或普通)。在 Retina 的 Macbook Pro 上测试还遇到了各种各样的奇葩问题,逐个修复后最终效果确实不错。后来发现 iPhone 等小屏幕 Retina 设备不需要使用针对 Retina Macbook / iPad 制作的大尺寸图片,只要将普通尺寸的图片缩小即可,所以再给 JS 增加了检测 screenwidth,PHP 再做相应的调整,提高了小屏幕 Retina 设备的加载速度。
响应式处理
其实我在响应式设计开始流行之前,就已经在试着应用了,到现在可以说已经比较熟悉了,所以没有遇到太多技术问题。
动画的设计和制作花费了不少时间,既要有特色,又要够酷炫,又不可浮夸,还要考虑性能和兼容性等等。本来还设计了一些动画,但经过反复调试,发现容 易使在某些设备和浏览器崩溃,于是又移除掉了。但这个联系方式的交互还是我比较喜欢的,在一个邮箱地址中隐藏了几个不同的联系信息,可以分别切换显示。
这里优化了不少细节,譬如字体、字色、阴影、纹理、滚动条等等,均是使用 CSS 3 来实现的,包括标题文字的渐变和倒影。最后 header 背景还是选了。
有一些略为浮夸的设计也换掉了,比如下面这两个就是被换掉的头像彩色阴影和 Apple 模块的角标
测试完成,从测试服务器迁回主服务器,解析域名。把网站发给身处各地、使用不同网络的朋友们测试。
离线缓存和 Web App
说实话,这俩功能其实没有什么实际的意义。这毕竟不是什么功能型网站,绝大多数访客都只会访问一次,而这两个功能都是经常访问时才能发挥作用。但是 考虑到这两项技术我已经在别的网站已经应用过了,相对比较熟悉,搬到这上面来也用不了多少时间,所以顺手就做了,让大家体验一下 HTML 5 离线缓存在一秒内加载完一个网页是多爽的一件事。考虑到旅行模块的地图需要动态更新,所以没有缓存它,而是用 AJAX 在页面载入完成后再加载并渲染地图。
多语言版本
一开始的计划是要做多语言版本的,包括香港粤语繁体版、台湾正体版和英文版,但到现在还没有时间制作(其实也没啥必要,嘿嘿)。
常见问题 FAQ
最近常常有人问我一些问题,我在这里按问题出现的频率排序,一起回答一下吧。
如果你还有其他问题,也可以在此评论提出。不过如果是技术方面的问题,建议还是先在网上搜索一下吧,这样可以找到更全面的答案。
是怎么学的?
在这方面,我没怎么读过相关的书,只是先学习好基础知识之后,参考一些优秀网站的代码,遇到不懂问题的就上网搜索一下。我对感兴趣的事物有着较大的 好奇心,而且因为我是一个 homeschooler,能有比较多的时间来学习这方面的知识。不过,我毕竟不是专业设计师或程序猿,只是爱好而已,并没有系统地学习过这方面的知识, 在学习其他的知识和技能也占用了我不少时间,所以我的程序代码(特别是 JS 和 PHP)写得真是一般般,还需提高,见笑了,嘿嘿。
网站用了多长时间开发?
我的个人网站每年都会彻底地重新设计和制作一次。前几年的更新一般是在过年前完成,但今年事情太多,拖至四月中旬才开工,直到五月中旬才上线。平均每天大概忙活一两个小时,这期间还心血来潮做了一个 的应用下载平台”“,后来发现实际意义不大,浪费了不少时间。真正花在个人网站制作上的时间应该在 20 多小时。
网站是用什么软件做的?
其实,理论上只要能进行文本编辑的软件都可以用作网站开发。我以前是用 Windows / Mac 自带的记事本,简简单单,没有复杂的功能,没有代码提示器也养成了我写代码比较严谨的习惯。后来做的网站程序类的代码多了,记事本就有点不太够用了,就开 始用 Office FrontPage,至少代码能上色和纠错了。后来在 Mac 上用 Dreamweaver 习惯之后,在 PC 上也开始用了,但也很少用那些高级功能,最喜欢它的一点就是可以把编辑器调成黑色背景,保护视力。
网站的加载速度怎么这么慢?
这有两个原因:
其一,网站本身的前端性能确实不够好,也是网站采用大量图片和动画的代价之一。我曾在加载速度和展示效果间做过权衡,后来考虑到这毕竟不是功能型网站,大 多数访客只会访问一次,所以还是将效果放在第一位。后来我也发现一些可以提高加载速度的改进方法,但现在暂时还没有时间实现;
其二,因为我还是未成年无法备案,无法将服务器放在国内,所以只能放在国外,并且它只有一个节点,所以我所有网站的访问速度都普遍较慢。
补充:9 月 8 日做了一个小更新,启用镜像 CDN 加速,优化了前端性能,加载速度现在基本上已经没有什么问题了。
网站能开源吗?
由于这个网站没有多少需要动态更新的内容,主要是以前端为主,没有多么复杂的后台,数据库也只是用于统计访问数据而已,所以用浏览器的开发者工具就能几乎看到全部有用的代码。
这个网站的代码可供学习或参考,但最好不要直接整个复制喔,那样学不到什么东西。并且希望你能注明来源、不要外链图片。
网站的地图里为什么没有台湾?
曾经主页上的地图里没有台湾,后来考虑到这个原本用地图为背景的模块、仅用于标示我旅行足迹的”地图”会刺激一部分爱国人士的神经,还是把宝岛台湾加上去了。
你真的才 17 岁?
惭愧惭愧,我也希望能再大一点。但这个还是假不了的,我又不是天一,嘿嘿嘿。
原文地址:
================关于优设网================
“优设网“是一个分享、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册:网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南。
设计微博:拥有粉丝量58万的人气微博 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:
订阅更新:您可以通过
【推荐!设计师必备网址导航】
我们的团队
大家在关注}

我要回帖

更多关于 怎样制作个人网站 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信