【硅谷创业公司CCO】教你3天内搭建自己的响应式商业网站
Bootstrap
Eve
449人收藏 68890次学习

【硅谷创业公司CCO】教你3天内搭建自己的响应式商业网站

适合人群:0基础小白,  小企业主 ,设计师 

课程目标:根据提供的bootrap模版 制作一个商业网站 

学前须知:在极短的时间内你可以让你迅速制作出一个商业站点,你可以简单的了解js,css ,html的工作原理。但你不可能真正的理解所有的关于bootstrap,关于前端的知识。这节课只是带你快速入门,建立起学习的兴趣和自信。

成果展示

 


 

 

要求下载安装的软件

课前准备首先要下载安装课堂上用到的软件。

1. 下载sublime text editor2:  http://www.sublimetext.com/2

2. Chrome 浏览器:https://www.google.com/intl/zh-CN/chrome/browser/desktop/index.html

 

软件安装指导文档 https://pan.baidu.com/s/1c2hyrNM

 

课堂讲义及源代码包

此处内容需登录后浏览

课程大纲

欢迎进入本堂课,本系列视频我们将涉及以下知识点和内容:

a.开发环境配置
b.网页结构
c.如何使用审查元素工具分析网页结构和内容
d.开发中遇到问题和困难的解决技巧
e.HTML知识: 文本和图片
f.CSS知识: 颜色和背景图
g.终极挑战:自己动手做一个商业网站

课程概述

本节课将会教会大家如何制作一个响应式的移动端网页。为了简单易懂我们将只会学习HTML和CSS部分。HTML和CSS是网页制作的基础,我们可以通过HTML编辑文本和框架,用CSS改变颜色和背景图片,之后我们就会得到一个完全不同的网页。

这是我们开始的网页:

这是结束时网页的样子:

开发环境配置

此处内容需登录后浏览

如何使用审查元素工具分析网页结构和内容

此处内容需登录后浏览

开发中遇到问题和困难的解决技巧

此处内容需登录后浏览

HTML知识: 文本和图片

此处内容需登录后浏览

CSS知识: 颜色和背景图

此处内容需登录后浏览

终极挑战:自己动手做一个商业网站

此处内容需登录后浏览

加入1KE学习俱乐部

1KE学习俱乐部是只针对1KE学员开放的私人俱乐部
课程交流
Dante
2016-09-26

妹纸真漂亮啊

lilu
2016-06-23

@CheapSkate 要全面学习前端只是包含bootstrap框架的正确使用姿势 ,请关注我们的前端工程师课程 http://www.1ke.co/frontend

CheapSkate
2016-06-17

http://startbootstrap.com/只能说水分好大,这都能做教程,无法理解。虽然听不懂英文,但也就改下图片和背景颜色,其他没了。

阿力
2016-05-12

没字幕白搭,幸好么买

VinsonDragon
2016-03-16

omg,you r so hot!!!

彭梁烜
2015-08-06

啊!没字幕啊!听不懂呢!

sleepmilk
2015-07-16

为什么我看的视频很模糊

陈虫子
2015-06-30

Eve老师讲得好清楚,小白也能明白 :)

lilu
2015-06-08

@星辉 请对照中文解说

星辉
2015-06-07

英文听不懂哎

Louis_Vitamin
2015-06-02

lilu
2015-05-19

@jtam 赞

jtam
2015-05-16

完成

不二
2015-05-15

想要自己照着写一个还是觉得很困难

lilu
2015-05-14

@不二 直播课暂时停了, 可到学习群151115091 交流

不二
2015-05-13

网络直播课在哪儿?不是有同学交流群吗?

不二
2015-05-13

能有字幕就太好了

不二
2015-05-13

好喜欢这个老师,感觉爱上编程了

lilu
2015-05-13

@freestyle21 哈哈

freestyle21
2015-05-13

瞬间有了无穷的学习动力....