我们之前有介绍过,不会 PS,可以有在线制作工具让你几分钟玩出高格调海报或者 PPT, 顺着这个逻辑,如果不会 DreamWeaver ,有没有方法可以自己也制作专业网站呢?
其实早几年就已经有了,比如凡科网、WOPOP。但不论从人性化还是个性化、格调、专业度等等,我们都要强烈推荐这一款在线网站制作工具,它的名字就叫“ 上线了 ”。不管你是专业人员还是小白,接下来我们用几分钟的时间制作一个网站,保证你一学就会。
首先我们登录网站 sxl.cn ,一般都需要注册账户,如果嫌麻烦,可以点击微信登录并扫码。点击屏幕上的“ 发现 ”,可以看到很多成型网站模板或案例,可以点开预览效果。如果你觉得这些网站很有格调,别羡慕。我们马上开始。
我要做一个网站叫做“ TWOYOUNGS +小课 ”,其中包含标题、简介、课程视频内容以及我们的联系方式。
首先,我们点击“ 创建新的网站 ”。选择一个模版,点击“ 开始编辑 ”。整个窗口的左边是一个编辑面板。我们可以点击这里的减号隐藏它。我们看到页面的顶端是导航栏,它包括网站 logo 、名称和导航,点击不同的导航,页面会自动定位到相应的板块。小小地科普一下,这种网站叫做 Wordpress ,相对传统网站的呆板,它更具有互动性和格调。
更改网站 logo 和页面标题
首先我们点击标题,将其更改为“ TWOYOUNGS +小课 ”,然后点击 logo ,点击替换,把你的网站 logo 上传到图库中,选择即可。
更改相应板块名称
根据我们的设计,只需要主页、课程内容和联系我们一共十三个板块。
我们看到控制面板中,每一个板块代表了一个名字,鼠标放在名字前方,可以点击并上下拖动调整板块顺序;我们可以删除不需要的板块,这里我们留下三个板块,将名称依次更改为:主页、课程和联系我们。你也可以点击“添加新版块”来增加板块。
我们点击“主页”回到第一板块,将名称更改为“ TWOYOUNGS + ”,简介更改为:分享生活 ║ 办公 ║ 影像中简单、有趣、实用的技能,你还可以调节字体、颜色等参数。
我们点击板块右上角的“布局”,点击一次,布局会变换一次。点击“ 背景 ”,选择小课适合的图片,或者自己上传图片,点击 Tt 字样的按钮,可以选择图文显示方式。最后点击保存。
接下来设置课程视频内容。由于上一板块中已经有标题和简介,这里我们删除这两行。同样我们可以点击右上角的“ 布局 ”选择你喜欢的布局。
然后我们在这里依次放入小课的课程视频和名字、简介。如,第一课,标题为,“ 10分钟让你操作电脑的速度快5倍 ”,简介为“ 掌握几个电脑快捷键让你事半功倍 ”。我们在左边的图片上点击编辑,选择“ 视频 ”,这里支持优酷、土豆和腾讯视频。所以我们登录腾讯视频,找到第一支小课,在浏览器中复制网址,将网址粘贴在刚刚的界面地址所在地。点击确定。第二课第三课到之后的课程也如法炮制。
完成后我们点击预览看看。好,下一步,就是设置“联系我们”。我们更改版块标题,选择每一个图标都可以更换,这里需要设置链接,才能让用户点击图标跳转到相应地方,比如微博,我们需要设定微博地址为:http://weibo.com/twoyoungs才能跳转。
设置网站标题和网址
我们点击设置,将网站标题设置为“ TWOYOUNGS + 小课 ”,网址设置为 twoyoungs ,点击设置完成。最后,点击左上角的“上线”即可。此时,我们在任何一台电脑的任何浏览器中输入“ twoyoungs.sxl.cn ”,都能进入刚刚设计的网站。