ZOO
#ウエブワークショップ No 9
2014/11/24
いつの間にかちゃんとしたホームページが出来ちゃいました。
プレヒューはこちら
内容はこちら
いきなり難しくなったように見えますが、「細かいことは気にしない」で、そっくりコピーしていじくりたおして覚えましょう。
質問:もう一段記事を増やしたいんだけど・・・
答え:main の部分をそっくりコピーして main2 を作りましょう。
質問:メニューを増やしたい・・・
答え:メニューだな?と思う行をコピーして継ぎ足しましょう。
質問:横幅を小さくしたいんですけど・・・
答え:width というキーワードを見つけて、数字を変えてみましょう。
質問:タグの詳しい意味を知りたい・・・
答え:「意味を知りたいタグ」と「CSS」というキーワードでググってみましょう。しっかり覚えたい方は本屋さんに!
一般的には、style= の部分はまとめて指定するか、別のファイルにします。
このホームページはスマホで見ても自動でサイズが調整されます。
文字の大きさの調整や、スタイルをまとめる方法は次回以降のワークショップでやってみましょう!
難しくないでしょ?
※中身のテキストファイルが文字化けするかたは、最初にサンプルページを開いてからソーステキストを開いてください。それでも解消されない場合は、ブラウザのエンコードメニューを見つけて「shift-jis」を指定してください。
Tweet
関連記事( ワークショップ )
ウエブワークショップの発展形 2015/01/11
新しいデザインのサイトが出来ました。 2015/01/02
FAQ-よくあるご質問 2014/12/28
iPadで年賀状印刷 2014/12/21
アルバム作りました 2014/12/14
レスポンシブのサンプル #ウエブワークショップ 2014/12/02
#ウエブワークショップ No 12 2014/11/30
#ウエブワークショップ No 11 2014/11/28
#ウエブワークショップ No 10 2014/11/27
#ウエブワークショップ No 8 2014/11/19
#ウエブワークショップ No 7 2014/11/18
#ウエブワークショップ No 6 2014/11/07
#ウエブワークショップ No 5 2014/11/07
#ウエブワークショップ No 4 2014/11/06
#ウエブワークショップ No 3 2014/11/03
Copyright
2014
studio-elephant.com All rights reserved.