首页 > 建站资源 > 建站教程 > 零基础怎样开始学习做网站(Ruby on Rails)?

零基础怎样开始学习做网站(Ruby on Rails)?

时间:2015-09-17    来源:豆瓣网

说明:这是篇草稿,介绍怎么学习Rails的,希望大家提提建议,看看是不是真的对新手有帮助!

目标读者:完全0基础的人,Rails Girls

大多数教学, 都太有条理了。先讲概念, HTML是什么,CSS是什么,HTTP请求是什么....但是一次性听到这么多陌生的概念,很容易晕的。过于抽象了,所以试着写一篇!

based-on experience, not concept的介绍,来帮助大家入门Rails

Rails是做什么的?做网站的,你知道什么是网站(淘宝,知乎..),Rails能做这些,就行了!

1. 网站->网页->按钮

我们要做的是什么?是网站,那么就直接以知乎为例好了

网站策划 网站建设 网站运营 网站优化 怎么搭建网站

这样一个网站,是怎么和“代码”,Rails联系起来的呢?

这个太复杂了,我们不如只看他的首页(上图)

就拿这个页面来说,他是有3部分构成的,HTML,CSS,JS。不过这样说,依然没有什么用

我们只拿出其中的一个按钮,来解释这个概念

网站策划 网站建设 网站运营 网站优化 怎么搭建网站

我应该怎么来写代码,来实现这个按钮?

这个时候,就要用到HTML了,代码如此:

【<button class="sign-button submit" type="submit">注册知乎</button>】

写好以后,生成的就是按钮了(如图)

网站策划 网站建设 网站运营 网站优化 怎么搭建网站

"靠,可是这也差得太远了吧?这两个怎么能是一个东西呢!!",你可能会想

但是他的功能,是不是都是一样的呢?(就是点击)

这个时候,就用到CSS了。(不要在意代码具体什么意思,知道这是CSS就行了)

网站策划 网站建设 网站运营 网站优化 怎么搭建网站

(至于JS,可以以后再说)

上面想说的就是,我们看到的网页,都是用HTML、CSS、JS写的:HTML来说明这个内容是什么,CSS来让这个内容变好看(How it looks)。这里说的是按钮,其实,网页上的所有这些文字,标题等等都是这样,都是HTML+CSS+JS写的,如下图的头像,链接等等

网站策划 网站建设 网站运营 网站优化 怎么搭建网站

再举个例子,上面的指向某个问题的链接

纯粹的HTML,以及加上CSS来改变他的样子之后

网站策划 网站建设 网站运营 网站优化 怎么搭建网站

网站策划 网站建设 网站运营 网站优化 怎么搭建网站

小结一下,上面介绍了什么是HTML,CSS,(JS)

[如果有任何问题,可以直接提问]

相关推荐
主流开源建站程序大搜罗 自助建站不求人
8个提升网站速度的网站代码优化方法分享
13个选择WordPress做建站CMS的理由
如何善于利用开源技术和云服务快速建立网站
网页制作教程:无需写一行代码也能完成网页设计
不使用第三方平台 10分钟搭建运营人自己的网站
建站指南:Web前端图片极限优化策略
建站指南:简单6个步骤教会你快速搭建一个网站 windows环境
网站建设不用愁:最好用的网站设计工具集锦推荐
建站指南:创建网站全套流程完整总结
使用CloudControl和DotCloud免费云空间建站教程
如何在一天之内搭建具备cool属性的个人博客
免费SSL证书Let’s Encrypt安装使用教程
如何使用flarum框架搭建一个有逼格的轻论坛?
建站教程:5分钟快速搭建免费个人博客
新手建站指南:织梦网站必须学会的基本代码
百度开发云快速搭建WordPress网站的教程
建站教程:如何在Windows下搭建免费个人博客?
Bandwagonhost VPS主机购买、使用、及VPS速度优化方法
一键包YUM原生态安装LAMP Web环境 全教程
微企点:在不酷的建站领域创业,让别人更酷
建站程序哪个好?我试了30多款 这是我的答案……
写给大家看的教程:从零开始在GitHub上部署个人博客
PHPCMS V9下载模块"参数错误"的解决办法分享
10个常见需要避免的WordPress建站错误操作问题
小内存VPS建站进阶:从组件优化到Typecho个人网站安装
八大免费SSL证书:给你的网站免费添加HTTPS加密
织梦dedecms/gbk站点mip改造方案分享
WordPress博客搬家到阿里云的经验分享
mysql-bin.000001文件占满磁盘的原因与解决方法
Godaddy域名转出和Name.com域名转入全过程分享
建站教程:手动备份网站程序、MySQL数据库的方法
小内存VPS主机设置Web环境 安装Typecho博客的教程
WEB开发:MySQL优化都有那些“套路”?

精彩推荐

热门教程