#ウエブワークショップ No 11
2014/11/28
#ウエブワークショップ No 9
![](../timeline/bitmap/141214202401.jpg)
いつの間にかちゃんとしたホームページが出来ちゃいました。
いきなり難しくなったように見えますが、「細かいことは気にしない」で、そっくりコピーしていじくりたおして覚えましょう。
質問:もう一段記事を増やしたいんだけど・・・
答え:main の部分をそっくりコピーして main2 を作りましょう。
質問:メニューを増やしたい・・・
答え:メニューだな?と思う行をコピーして継ぎ足しましょう。
質問:横幅を小さくしたいんですけど・・・
答え:width というキーワードを見つけて、数字を変えてみましょう。
質問:タグの詳しい意味を知りたい・・・
答え:「意味を知りたいタグ」と「CSS」というキーワードでググってみましょう。しっかり覚えたい方は本屋さんに!
一般的には、style= の部分はまとめて指定するか、別のファイルにします。
このホームページはスマホで見ても自動でサイズが調整されます。
文字の大きさの調整や、スタイルをまとめる方法は次回以降のワークショップでやってみましょう!
難しくないでしょ?
※中身のテキストファイルが文字化けするかたは、最初にサンプルページを開いてからソーステキストを開いてください。それでも解消されない場合は、ブラウザのエンコードメニューを見つけて「shift-jis」を指定してください。
![](img353x250/150922184043.jpg)
アルバム作りました
2014/12/14
FAQ-よくあるご質問
2014/12/28
こだわり
2016/05/10
移動しやすい
2016/05/29
![](img353x250/160603130635.jpg)
文字が同じように見える
2016/06/03
![](img353x250/160604130705.jpg)
ブログを超シンプルデザインにして解ったこと
2016/06/04
![](img353x250/160604200545.png)
サンプル4
2016/06/04
![](img353x250/160604201757.png)
サンプル8
2016/06/04
![](img353x250/160617185033.jpg)
スマートホン・タブレットの時代
2016/06/17
![](img353x250/160704201806.jpg)
象さんのパオーン通信
2016/07/04
![](img353x250/161219212542.jpg)
著作権について
2016/12/19
ポップアップを使うサイトは嫌いです。
2018/05/26
![](img353x250/180525185947.jpg)
南三陸ハマーレ歌津
2018/05/25
ものぐさレシピ
2018/05/25
![](img353x250/180524154106.jpeg)
象さんの知恵袋
2018/05/24
![](img353x250/180524002244.jpg)
笑ったら負け
2018/05/24
![](img353x250/180521141909.jpg)
歌津の見所
2018/05/21
![](img353x250/180521103827.jpeg)
快適パソコン生活
2018/05/21
![](img353x250/180521062744.jpg)
復興レポート
2018/05/21
![](img353x250/180520120803.jpeg)
フォト
2018/05/20
ブログ
2018/05/20
旗のご報告
2018/04/19
伊里前のおじぞうさん
2018/04/15
南三陸町歌津写真集
2018/04/14
イベント
2018/04/05
![](img353x250/180315073841.jpeg)
グッズ
2018/03/15
フラッグ物語
2018/01/06
![](img353x250/171211173220.jpg)
パジェロミニ
2017/12/11
![](img353x250/171116221627.jpg)
映画の部屋
2017/11/16
![](img353x250/171026104028.jpg)
リンク
2017/10/26
歌津のポストくん
2017/10/17
秘密結社怪人ハマーレ会
2017/10/09
象ショップ
2017/06/07
南三陸町のお店
2017/06/04
![](img353x250/170427183642.jpg)
歌津応援
2017/04/27