ホームページ

#ウエブワークショップ No 9

ホームページ     ワークショップ     2014/11/24    

いつの間にかちゃんとしたホームページが出来ちゃいました。

プレヒューはこちら


内容はこちら



いきなり難しくなったように見えますが、「細かいことは気にしない」で、そっくりコピーしていじくりたおして覚えましょう。

質問:もう一段記事を増やしたいんだけど・・・
答え:main の部分をそっくりコピーして main2 を作りましょう。

質問:メニューを増やしたい・・・
答え:メニューだな?と思う行をコピーして継ぎ足しましょう。

質問:横幅を小さくしたいんですけど・・・
答え:width というキーワードを見つけて、数字を変えてみましょう。

質問:タグの詳しい意味を知りたい・・・
答え:「意味を知りたいタグ」と「CSS」というキーワードでググってみましょう。しっかり覚えたい方は本屋さんに!

一般的には、style= の部分はまとめて指定するか、別のファイルにします。
このホームページはスマホで見ても自動でサイズが調整されます。
文字の大きさの調整や、スタイルをまとめる方法は次回以降のワークショップでやってみましょう!

難しくないでしょ?

※中身のテキストファイルが文字化けするかたは、最初にサンプルページを開いてからソーステキストを開いてください。それでも解消されない場合は、ブラウザのエンコードメニューを見つけて「shift-jis」を指定してください。

ホームページ

#ウエブワークショップ No 10

ホームページ

2014/11/27

閲覧するデバイスが変わると自動的にレイアウトが変わるホームページやブログのデザインのことを、そのまま、

#ウエブワークショップ No 11

ホームページ

2014/11/28

すぐれた芸術家はまねる。偉大な芸術家は盗む。アップルの創設者スチーブジョブスの名言です。メモ帳で出来ます。

#ウエブワークショップ No 12

ホームページ

2014/11/30

↑↑↑iPad横位置キャプチャ表示サイズで変化するホームページをレスポンシブ・サイトと呼びます。このサイトでは、

レスポンシブのサンプル #ウエブワークショップ

ホームページ

2014/12/02

パソコンやスマホで変化するホームページの中身をダウンロードして仕組みを勉強してみてね。楽しんでくださいね。

アルバム作りました

ホームページ

2014/12/14

象さんのパオーン通信にフォトアルバムを追加しました。ブログの記事を画像から探せます。

FAQ-よくあるご質問

ホームページ

2014/12/28

A:PCでホームページのツイートボタンをクリックすると、ブラウザの新しいウィンドウが開きます。端末のスペック、