大数跨境

用Bootstrap框架网页整站制作

用Bootstrap框架网页整站制作 学建站网
2016-03-24
2
导读:虽然获取网页有很多种方式,如:仿制、购买、免费下载,然而如果现在有一种方法能够让你很简单的学会制作一个属于自己的网页,你觉得是不是更好玩呢?

虽然获取网页有很多种方式,如:仿制、购买、免费下载,然而如果现在有一种方法能够让你很简单的学会制作一个属于自己的网页,你觉得是不是更好玩呢?


先说有没有可能:

如果是之前,我确实只能鼓动你仿制、下载了事,然而如果你之前学过我的另一套免费教程《WEB前端网页框架》视频的话,你就会发现,其实制作网页不需要你对HTML或CSS基础多么的扎实,也许你可能只是会使用一些简单的html标签,如a、img、p、h等等,也许你只懂得CSS常见的属性标签的应用,这些完全没有问题,因为你可以完全借助强大的前端开发框架 Bootstrap补充这些缺失。


所以综上所诉,零基础也可以做出符合自己设计风格的网页!


最近两天小川终于把网页整站制作的视频剪辑完了,整套视频总计10节课,之所以会久一些,是因为这是一个让完全零基础的朋友也能学习的课程,所以准备了很久,也录制了很久,不管结果还是差强人意!但是有点遗憾的是,每个视频的时间长了一些,10~25分钟之间。以下是这套视频的目录:


  • 网页素材准备和调用

  • 网页首页布局

  • 首页导航幻灯片制作

  • 首页文章图文列表制作

  • 侧边栏模块制作

  • 底部模块制作

  • 版权模块制作

  • 分类归档页面制作

  • 独立页面制作

  • 文章页面制作


以下是制作网页截图效果:(首页)


内容页面:



网页采用前端框架Bootstrap制作,鉴于美工水平有限,所以网页主要呈现的是功能模块,如果你本身就对于网页的设计思路,本套教程将助你快速实现网页化。并且此网页适配各种移动设备,如智能手机、平板等等。


当然制作网页只是第一步,虽然现在你也可以把网页上传到服务器正常显示,但是为后期更新便捷,做网站优化,所以后期我们还需要把这样的网页制作成动态的网站,这也是小川最近一直在开发的产品,敬请期待~


如何获取这些教程呢?

本教程将会在小川后期的VIP课程中销售,如果有需要的朋友,可以私聊小川微信咨询:512765456.

【声明】内容源于网络
0
0
学建站网
1234
内容 49
粉丝 0
学建站网 1234
总阅读0
粉丝0
内容49