小编分享如何做一个专业的网站。

我们之前有介绍过，不会ps，可以有在线制作工具让你几分钟玩出高逼格海报或者ppt,顺着这个逻辑，如果不会dreamweaver，有没有方法可以自己也制作专业网站呢？

其实早几年就已经有了，比如凡科网、wopop（我也不知道这个鬼怎么读）。但不论从人性化还是个性化、逼格、专业度等等，我们都要强烈推荐这一款在线网站制作工具，它的名字就叫“上线了”。

不管你是专业人员还是小白，接下来我们用几分钟的时间制作一个网站，保证你一学就会。

首先我们登录网站sxl.cn,一般都需要注册账户，如果嫌麻烦，可以点击微信登录病扫码。点击屏幕上的“发现”，可以看到很多成型网站模板或案例，可以点开预览效果。如果你觉得这些网站很有逼格，别羡慕。我们马上开始。

我要做一个网站叫做“TWOYOUNGS+小课”，其中包含标题、简介、课程视频内容以及我们的联系方式。

首先，我们点击“创建新的网站”。选择一个模版，点击“开始编辑”。整个窗口的左边是一个编辑面板。我们可以点击这里的减号隐藏它。我们看到页面的顶端是导航栏，它包括网站logo、名称和导航，点击不同的导航，页面会自动定位到相应的板块。小小地科普一下，这种网站叫做Wordpress，相对传统网站的呆板，它更具有互动性和逼格。

1.更改网站logo和页面标题

首先我们点击标题，将其更改为“TWOYOUNGS+小课”，然后点击logo，点击替换，把你的网站logo上传到图库中，选择即可。

2.更改相应板块名称；

根据我们的设计，只需要主页、课程内容和联系我们一共三个板块。

我们看到编辑面板中，每一个板块代表了一个名字，鼠标放在名字前方，可以点击并上下拖动调整板块顺序；我们可以删除不需要的板块，这里我们留下三个板块，将名称依次更改为：主页、课程和联系我们。你也可以点击“添加新版块”来增加板块。

我们点击“主页”回到第一板块，将名称更改为“TWOYOUNGS+”，简介更改为：分享生活║办公║影像中简单、有趣、实用的技能，你还可以调节字体、颜色等参数。

我们点击板块右上角的“布局”，点击一次，布局会变换一次。

我们点击“背景”，选择小课适合的图片，或者自己上传图片，点击Tt字样的按钮，可以选择图文显示方式。最后点击保存。

接下来设置课程视频内容。由于上一板块中已经有标题和简介，这里我们删除这两行。同样我们可以点击右上角的“布局”选择你喜欢的布局。

然后我们在这里依次放入小课的课程视频和名字、简介。如，第一课，标题为，“10分钟让你操作电脑的速度快5倍”，简介为“掌握几个电脑快捷键让你事半功倍”。我们在左边的图片上点击编辑，选择“视频”，这里支持优酷、土豆和腾讯视频。所以我们登录腾讯视频，找到第一支小课，在浏览器中复制网址，将网址粘贴在刚刚的界面地址所在地。点击确定。第二课第三课到之后的课程也如法炮制。完成后我们点击预览看看。

好，下一步，就是设置“联系我们”。我们更改版块标题，选择每一个图标都可以更换，这里需要设置链接，才能让用户点击图标跳转到相应地方，比如微博，我们需要设定微博地址为：http://weibo.com/twoyoungs 才能跳转。

3.设置网站标题和网址。

我们点击设置，将网站标题设置为“TWOYOUNGS+小课”，网址设置为twoyoungs，点击设置完成。

最后，点击左上角的“上线”即可。此时，我们在任何一台电脑的任何浏览器中输入“twoyoungs.sxl.cn”，都能进入刚刚设计的网站。