Embed Size (px)
DESCRIPTION
這是先前跟朋友介紹Rails的投影片，有需要自行取用
Citation preview
jaja
緣起
How Do
Rails安裝
Rails安裝
Rails安裝
httprailsinstallerorgenDownload httpgooglDvzVwLOr
How Write
Sublime Text 2
Dowload httpwwwsublimetextcom2 Or httpgooglByaLtn
We Are Ready
靜態與動態網站的差別
程式語言是什麼
瀏覽器終端程式碼編輯器目錄結構
Learn A B C
靜態與動態網站的差別
程式語言是什麼
Ruby On Rails
程式碼編輯器終端瀏覽器
Try Ruby
TryRuby
1 Use httptryrubyorg or
Bulid WebSite App
第一步
輸入cmd後按Enter
第二步
輸入cd c 按enter
輸入mkdir projects 按enter
第三步
輸入cd projects 按Enter
輸入rails new railsgirl 按Enter
第四步
輸入cd railsgirl 按Enter
輸入rails server按Enter
第五步
打開瀏覽器
輸入localhost3000
出現右邊的畫面的話
恭喜你的第一個網站建起來了
伺服器
來點不一樣的
確定我們還在railsgirl目錄
輸入rails generate scaffold idea namestring descriptiontext picturestring
按下Enter
再次輸入 rake dbmigrate 按下Enter
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
緣起
How Do
Rails安裝
Rails安裝
Rails安裝
httprailsinstallerorgenDownload httpgooglDvzVwLOr
How Write
Sublime Text 2
Dowload httpwwwsublimetextcom2 Or httpgooglByaLtn
We Are Ready
靜態與動態網站的差別
程式語言是什麼
瀏覽器終端程式碼編輯器目錄結構
Learn A B C
靜態與動態網站的差別
程式語言是什麼
Ruby On Rails
程式碼編輯器終端瀏覽器
Try Ruby
TryRuby
1 Use httptryrubyorg or
Bulid WebSite App
第一步
輸入cmd後按Enter
第二步
輸入cd c 按enter
輸入mkdir projects 按enter
第三步
輸入cd projects 按Enter
輸入rails new railsgirl 按Enter
第四步
輸入cd railsgirl 按Enter
輸入rails server按Enter
第五步
打開瀏覽器
輸入localhost3000
出現右邊的畫面的話
恭喜你的第一個網站建起來了
伺服器
來點不一樣的
確定我們還在railsgirl目錄
輸入rails generate scaffold idea namestring descriptiontext picturestring
按下Enter
再次輸入 rake dbmigrate 按下Enter
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
How Do
Rails安裝
Rails安裝
Rails安裝
httprailsinstallerorgenDownload httpgooglDvzVwLOr
How Write
Sublime Text 2
Dowload httpwwwsublimetextcom2 Or httpgooglByaLtn
We Are Ready
靜態與動態網站的差別
程式語言是什麼
瀏覽器終端程式碼編輯器目錄結構
Learn A B C
靜態與動態網站的差別
程式語言是什麼
Ruby On Rails
程式碼編輯器終端瀏覽器
Try Ruby
TryRuby
1 Use httptryrubyorg or
Bulid WebSite App
第一步
輸入cmd後按Enter
第二步
輸入cd c 按enter
輸入mkdir projects 按enter
第三步
輸入cd projects 按Enter
輸入rails new railsgirl 按Enter
第四步
輸入cd railsgirl 按Enter
輸入rails server按Enter
第五步
打開瀏覽器
輸入localhost3000
出現右邊的畫面的話
恭喜你的第一個網站建起來了
伺服器
來點不一樣的
確定我們還在railsgirl目錄
輸入rails generate scaffold idea namestring descriptiontext picturestring
按下Enter
再次輸入 rake dbmigrate 按下Enter
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
Rails安裝
Rails安裝
Rails安裝
httprailsinstallerorgenDownload httpgooglDvzVwLOr
How Write
Sublime Text 2
Dowload httpwwwsublimetextcom2 Or httpgooglByaLtn
We Are Ready
靜態與動態網站的差別
程式語言是什麼
瀏覽器終端程式碼編輯器目錄結構
Learn A B C
靜態與動態網站的差別
程式語言是什麼
Ruby On Rails
程式碼編輯器終端瀏覽器
Try Ruby
TryRuby
1 Use httptryrubyorg or
Bulid WebSite App
第一步
輸入cmd後按Enter
第二步
輸入cd c 按enter
輸入mkdir projects 按enter
第三步
輸入cd projects 按Enter
輸入rails new railsgirl 按Enter
第四步
輸入cd railsgirl 按Enter
輸入rails server按Enter
第五步
打開瀏覽器
輸入localhost3000
出現右邊的畫面的話
恭喜你的第一個網站建起來了
伺服器
來點不一樣的
確定我們還在railsgirl目錄
輸入rails generate scaffold idea namestring descriptiontext picturestring
按下Enter
再次輸入 rake dbmigrate 按下Enter
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
Rails安裝
Rails安裝
httprailsinstallerorgenDownload httpgooglDvzVwLOr
How Write
Sublime Text 2
Dowload httpwwwsublimetextcom2 Or httpgooglByaLtn
We Are Ready
靜態與動態網站的差別
程式語言是什麼
瀏覽器終端程式碼編輯器目錄結構
Learn A B C
靜態與動態網站的差別
程式語言是什麼
Ruby On Rails
程式碼編輯器終端瀏覽器
Try Ruby
TryRuby
1 Use httptryrubyorg or
Bulid WebSite App
第一步
輸入cmd後按Enter
第二步
輸入cd c 按enter
輸入mkdir projects 按enter
第三步
輸入cd projects 按Enter
輸入rails new railsgirl 按Enter
第四步
輸入cd railsgirl 按Enter
輸入rails server按Enter
第五步
打開瀏覽器
輸入localhost3000
出現右邊的畫面的話
恭喜你的第一個網站建起來了
伺服器
來點不一樣的
確定我們還在railsgirl目錄
輸入rails generate scaffold idea namestring descriptiontext picturestring
按下Enter
再次輸入 rake dbmigrate 按下Enter
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
Rails安裝
httprailsinstallerorgenDownload httpgooglDvzVwLOr
How Write
Sublime Text 2
Dowload httpwwwsublimetextcom2 Or httpgooglByaLtn
We Are Ready
靜態與動態網站的差別
程式語言是什麼
瀏覽器終端程式碼編輯器目錄結構
Learn A B C
靜態與動態網站的差別
程式語言是什麼
Ruby On Rails
程式碼編輯器終端瀏覽器
Try Ruby
TryRuby
1 Use httptryrubyorg or
Bulid WebSite App
第一步
輸入cmd後按Enter
第二步
輸入cd c 按enter
輸入mkdir projects 按enter
第三步
輸入cd projects 按Enter
輸入rails new railsgirl 按Enter
第四步
輸入cd railsgirl 按Enter
輸入rails server按Enter
第五步
打開瀏覽器
輸入localhost3000
出現右邊的畫面的話
恭喜你的第一個網站建起來了
伺服器
來點不一樣的
確定我們還在railsgirl目錄
輸入rails generate scaffold idea namestring descriptiontext picturestring
按下Enter
再次輸入 rake dbmigrate 按下Enter
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
How Write
Sublime Text 2
Dowload httpwwwsublimetextcom2 Or httpgooglByaLtn
We Are Ready
靜態與動態網站的差別
程式語言是什麼
瀏覽器終端程式碼編輯器目錄結構
Learn A B C
靜態與動態網站的差別
程式語言是什麼
Ruby On Rails
程式碼編輯器終端瀏覽器
Try Ruby
TryRuby
1 Use httptryrubyorg or
Bulid WebSite App
第一步
輸入cmd後按Enter
第二步
輸入cd c 按enter
輸入mkdir projects 按enter
第三步
輸入cd projects 按Enter
輸入rails new railsgirl 按Enter
第四步
輸入cd railsgirl 按Enter
輸入rails server按Enter
第五步
打開瀏覽器
輸入localhost3000
出現右邊的畫面的話
恭喜你的第一個網站建起來了
伺服器
來點不一樣的
確定我們還在railsgirl目錄
輸入rails generate scaffold idea namestring descriptiontext picturestring
按下Enter
再次輸入 rake dbmigrate 按下Enter
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
Sublime Text 2
Dowload httpwwwsublimetextcom2 Or httpgooglByaLtn
We Are Ready
靜態與動態網站的差別
程式語言是什麼
瀏覽器終端程式碼編輯器目錄結構
Learn A B C
靜態與動態網站的差別
程式語言是什麼
Ruby On Rails
程式碼編輯器終端瀏覽器
Try Ruby
TryRuby
1 Use httptryrubyorg or
Bulid WebSite App
第一步
輸入cmd後按Enter
第二步
輸入cd c 按enter
輸入mkdir projects 按enter
第三步
輸入cd projects 按Enter
輸入rails new railsgirl 按Enter
第四步
輸入cd railsgirl 按Enter
輸入rails server按Enter
第五步
打開瀏覽器
輸入localhost3000
出現右邊的畫面的話
恭喜你的第一個網站建起來了
伺服器
來點不一樣的
確定我們還在railsgirl目錄
輸入rails generate scaffold idea namestring descriptiontext picturestring
按下Enter
再次輸入 rake dbmigrate 按下Enter
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
We Are Ready
靜態與動態網站的差別
程式語言是什麼
瀏覽器終端程式碼編輯器目錄結構
Learn A B C
靜態與動態網站的差別
程式語言是什麼
Ruby On Rails
程式碼編輯器終端瀏覽器
Try Ruby
TryRuby
1 Use httptryrubyorg or
Bulid WebSite App
第一步
輸入cmd後按Enter
第二步
輸入cd c 按enter
輸入mkdir projects 按enter
第三步
輸入cd projects 按Enter
輸入rails new railsgirl 按Enter
第四步
輸入cd railsgirl 按Enter
輸入rails server按Enter
第五步
打開瀏覽器
輸入localhost3000
出現右邊的畫面的話
恭喜你的第一個網站建起來了
伺服器
來點不一樣的
確定我們還在railsgirl目錄
輸入rails generate scaffold idea namestring descriptiontext picturestring
按下Enter
再次輸入 rake dbmigrate 按下Enter
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
靜態與動態網站的差別
程式語言是什麼
瀏覽器終端程式碼編輯器目錄結構
Learn A B C
靜態與動態網站的差別
程式語言是什麼
Ruby On Rails
程式碼編輯器終端瀏覽器
Try Ruby
TryRuby
1 Use httptryrubyorg or
Bulid WebSite App
第一步
輸入cmd後按Enter
第二步
輸入cd c 按enter
輸入mkdir projects 按enter
第三步
輸入cd projects 按Enter
輸入rails new railsgirl 按Enter
第四步
輸入cd railsgirl 按Enter
輸入rails server按Enter
第五步
打開瀏覽器
輸入localhost3000
出現右邊的畫面的話
恭喜你的第一個網站建起來了
伺服器
來點不一樣的
確定我們還在railsgirl目錄
輸入rails generate scaffold idea namestring descriptiontext picturestring
按下Enter
再次輸入 rake dbmigrate 按下Enter
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
靜態與動態網站的差別
程式語言是什麼
Ruby On Rails
程式碼編輯器終端瀏覽器
Try Ruby
TryRuby
1 Use httptryrubyorg or
Bulid WebSite App
第一步
輸入cmd後按Enter
第二步
輸入cd c 按enter
輸入mkdir projects 按enter
第三步
輸入cd projects 按Enter
輸入rails new railsgirl 按Enter
第四步
輸入cd railsgirl 按Enter
輸入rails server按Enter
第五步
打開瀏覽器
輸入localhost3000
出現右邊的畫面的話
恭喜你的第一個網站建起來了
伺服器
來點不一樣的
確定我們還在railsgirl目錄
輸入rails generate scaffold idea namestring descriptiontext picturestring
按下Enter
再次輸入 rake dbmigrate 按下Enter
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
程式語言是什麼
Ruby On Rails
程式碼編輯器終端瀏覽器
Try Ruby
TryRuby
1 Use httptryrubyorg or
Bulid WebSite App
第一步
輸入cmd後按Enter
第二步
輸入cd c 按enter
輸入mkdir projects 按enter
第三步
輸入cd projects 按Enter
輸入rails new railsgirl 按Enter
第四步
輸入cd railsgirl 按Enter
輸入rails server按Enter
第五步
打開瀏覽器
輸入localhost3000
出現右邊的畫面的話
恭喜你的第一個網站建起來了
伺服器
來點不一樣的
確定我們還在railsgirl目錄
輸入rails generate scaffold idea namestring descriptiontext picturestring
按下Enter
再次輸入 rake dbmigrate 按下Enter
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
Ruby On Rails
程式碼編輯器終端瀏覽器
Try Ruby
TryRuby
1 Use httptryrubyorg or
Bulid WebSite App
第一步
輸入cmd後按Enter
第二步
輸入cd c 按enter
輸入mkdir projects 按enter
第三步
輸入cd projects 按Enter
輸入rails new railsgirl 按Enter
第四步
輸入cd railsgirl 按Enter
輸入rails server按Enter
第五步
打開瀏覽器
輸入localhost3000
出現右邊的畫面的話
恭喜你的第一個網站建起來了
伺服器
來點不一樣的
確定我們還在railsgirl目錄
輸入rails generate scaffold idea namestring descriptiontext picturestring
按下Enter
再次輸入 rake dbmigrate 按下Enter
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
程式碼編輯器終端瀏覽器
Try Ruby
TryRuby
1 Use httptryrubyorg or
Bulid WebSite App
第一步
輸入cmd後按Enter
第二步
輸入cd c 按enter
輸入mkdir projects 按enter
第三步
輸入cd projects 按Enter
輸入rails new railsgirl 按Enter
第四步
輸入cd railsgirl 按Enter
輸入rails server按Enter
第五步
打開瀏覽器
輸入localhost3000
出現右邊的畫面的話
恭喜你的第一個網站建起來了
伺服器
來點不一樣的
確定我們還在railsgirl目錄
輸入rails generate scaffold idea namestring descriptiontext picturestring
按下Enter
再次輸入 rake dbmigrate 按下Enter
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
Try Ruby
TryRuby
1 Use httptryrubyorg or
Bulid WebSite App
第一步
輸入cmd後按Enter
第二步
輸入cd c 按enter
輸入mkdir projects 按enter
第三步
輸入cd projects 按Enter
輸入rails new railsgirl 按Enter
第四步
輸入cd railsgirl 按Enter
輸入rails server按Enter
第五步
打開瀏覽器
輸入localhost3000
出現右邊的畫面的話
恭喜你的第一個網站建起來了
伺服器
來點不一樣的
確定我們還在railsgirl目錄
輸入rails generate scaffold idea namestring descriptiontext picturestring
按下Enter
再次輸入 rake dbmigrate 按下Enter
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
TryRuby
1 Use httptryrubyorg or
Bulid WebSite App
第一步
輸入cmd後按Enter
第二步
輸入cd c 按enter
輸入mkdir projects 按enter
第三步
輸入cd projects 按Enter
輸入rails new railsgirl 按Enter
第四步
輸入cd railsgirl 按Enter
輸入rails server按Enter
第五步
打開瀏覽器
輸入localhost3000
出現右邊的畫面的話
恭喜你的第一個網站建起來了
伺服器
來點不一樣的
確定我們還在railsgirl目錄
輸入rails generate scaffold idea namestring descriptiontext picturestring
按下Enter
再次輸入 rake dbmigrate 按下Enter
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
Bulid WebSite App
第一步
輸入cmd後按Enter
第二步
輸入cd c 按enter
輸入mkdir projects 按enter
第三步
輸入cd projects 按Enter
輸入rails new railsgirl 按Enter
第四步
輸入cd railsgirl 按Enter
輸入rails server按Enter
第五步
打開瀏覽器
輸入localhost3000
出現右邊的畫面的話
恭喜你的第一個網站建起來了
伺服器
來點不一樣的
確定我們還在railsgirl目錄
輸入rails generate scaffold idea namestring descriptiontext picturestring
按下Enter
再次輸入 rake dbmigrate 按下Enter
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
第二步
輸入cd c 按enter
輸入mkdir projects 按enter
第三步
輸入cd projects 按Enter
輸入rails new railsgirl 按Enter
第四步
輸入cd railsgirl 按Enter
輸入rails server按Enter
第五步
打開瀏覽器
輸入localhost3000
出現右邊的畫面的話
恭喜你的第一個網站建起來了
伺服器
來點不一樣的
確定我們還在railsgirl目錄
輸入rails generate scaffold idea namestring descriptiontext picturestring
按下Enter
再次輸入 rake dbmigrate 按下Enter
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
第三步
輸入cd projects 按Enter
輸入rails new railsgirl 按Enter
第四步
輸入cd railsgirl 按Enter
輸入rails server按Enter
第五步
打開瀏覽器
輸入localhost3000
出現右邊的畫面的話
恭喜你的第一個網站建起來了
伺服器
來點不一樣的
確定我們還在railsgirl目錄
輸入rails generate scaffold idea namestring descriptiontext picturestring
按下Enter
再次輸入 rake dbmigrate 按下Enter
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
第四步
輸入cd railsgirl 按Enter
輸入rails server按Enter
第五步
打開瀏覽器
輸入localhost3000
出現右邊的畫面的話
恭喜你的第一個網站建起來了
伺服器
來點不一樣的
確定我們還在railsgirl目錄
輸入rails generate scaffold idea namestring descriptiontext picturestring
按下Enter
再次輸入 rake dbmigrate 按下Enter
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
第五步
打開瀏覽器
輸入localhost3000
出現右邊的畫面的話
恭喜你的第一個網站建起來了
伺服器
來點不一樣的
確定我們還在railsgirl目錄
輸入rails generate scaffold idea namestring descriptiontext picturestring
按下Enter
再次輸入 rake dbmigrate 按下Enter
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
伺服器
來點不一樣的
確定我們還在railsgirl目錄
輸入rails generate scaffold idea namestring descriptiontext picturestring
按下Enter
再次輸入 rake dbmigrate 按下Enter
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
來點不一樣的
確定我們還在railsgirl目錄
輸入rails generate scaffold idea namestring descriptiontext picturestring
按下Enter
再次輸入 rake dbmigrate 按下Enter
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
確定我們還在railsgirl目錄
輸入rails generate scaffold idea namestring descriptiontext picturestring
按下Enter
再次輸入 rake dbmigrate 按下Enter
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
再次輸入 rake dbmigrate 按下Enter
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
現在再一次輸入rails server然後在網址打上httplocalhost3000ideas
試著操作一下
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
What we do
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
第一道指令
rails generate scaffold idea namestring descriptiontext picturestring
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
第二道指令
rake dbmigrate
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
長好醜hellip
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
不用怕
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
怎麼做
1先打開Cprojectsrailsgirlappviewslayouts資料夾
2在applicationhtmlerb檔案上按右鍵用sublime Text2開啟
3找到lt= stylesheet_link_tag application media all data-turbolinks-track =gt true gt
4在這行上面加入ltlink rel=stylesheet href=httprailsgirlscomassetsbootstrapcssgt
5把lt= yield gt換成ltdiv class=containergtlt= yield gtltdivgt
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
6找到ltbodygt在底下加入
ltdiv class=navbar navbar-fixed-topgt
ltdiv class=navbar-innergt
ltdiv class=containergt
lta class=brand href=gtThe Idea appltagt
ltul class=navgt
ltli class=activegtlta href=ideasgtIdeasltagtltligt
ltulgt
ltdivgt
ltdivgt
ltdivgt
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
7找到ltbodygt在上方加入最後按存檔
ltfootergt
ltdiv class=containergt
Rails Girls 2013
ltdivgt
ltfootergt
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
最後一步
1先打開Cprojectsrailsgirlappassetsstylesheets資料夾
2在applicationcss檔案上按右鍵用sublime text開啟
3在最下方加入底下的文字然後存檔
body padding-top 100px
footer margin-top 100px
table td th vertical-align middle important
border none important
th border-bottom 1px solid DDD important
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
終於能看了
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
一個網頁的基本組成
我們剛剛做了這個
還有這個
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
加點調味料
1加入圖片上傳
2調整一下我們瀏覽時的網址
3作者頁面
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
圖片上傳
1 先開啟Cprojectsrailsgirl資料夾
2在Gemfile檔案上按右鍵用sublime Text 2開啟
3找到gem lsquosqlite3lsquo 在這行下面加入 gem rsquocarrierwavelsquo 然後按存檔
3接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter
4 再打上rails generate uploader picture
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
圖片上傳
5打開Cprojectsrailsgirlappmodels資料夾
6在idearb按右鍵用sublime text2開啟
7找到class Idea lt ActiveRecordBase這行後在下面加入
mount_uploader picture PictureUploader
8打開Cprojectsrailsgirlappviewsideas資料夾
9在_formhtmlerb上按右鍵用sublime text2開啟
10找到lt= ftext_field picture gt這行修改為lt= ffile_field picture gt
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
好像出錯了
1打開Cprojectsrailsgirlappviewsideas資料夾
2找到showhtmlerb按右鍵後用sublime text2開啟
3把lt= ideapicture gt換成
lt= image_tag(ideapicture_url width =gt 600) if ideapicturepresent
gt
4重新整理一下瀏覽器看看 )
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
調整一下瀏覽的網址
1開啟Cprojectsrailsgirlconfig資料夾
2在routesrb上按右鍵用sublime text2開啟
3在第一行的底下加入root to =gt redirect(lsquoideasrsquo) 然後存檔
4再重新開啟httplocalhost3000 看看 )
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
Last
1在我們的cmd視窗裡輸入 rails generate controller pages info
2開啟Cprojectsrailsgirlappviewspages資料夾
3在infohtmlerb上按右鍵用sublime text2開啟
4開始動手做自已的作者頁吧 )
5最後在瀏覽器上打上httplocalhost3000pagesinfo 看看你的成果
![Ruby On Rails Introduction [Εισαγωγή στο Rails]](https://img.pdfslide.us/doc/110x75/55830112d8b42a50628b45bb/ruby-on-rails-introduction-rails.jpg)
