さて、ある程度プログラミングは覚えましたか？
掲示板のようなものが作れたら大丈夫です。焦らないで下さい。半年以内で習得出来たら天才です。
さて、貴方が裏サイトを作るときどのようなデザインにしますか。
まずは背景から考えてみましょう。
黒地に白文字
いかにも裏サイトっぽいですね。
白地に黒文字
無難ですね。
背景クリーム色
少々古めかしいでしょうか。
赤い背景
学校にこんな色の壁あったような気がします。
青い背景
読みにくいでしょうか。
緑の背景
これも古臭いかも。
御覧の通り、背景によって雰囲気が変わります。うまく使うと、内容が乏しくても良く魅せられます。
柄を使うと雰囲気が
変わり種です
使いどころが難しいです。
おおまかな構想はできましたか。
もしも、あなたのサイトを平和で治安の良いものにしたいならば、そのような雰囲気となるデザインを採用するべきです。
暗い雰囲気の掲示板には、マイナス表現の書き込みをされるでしょう。
貴方の裏サイトは、様々なデバイスでアクセスする想定ですか。
画面が縦長のスマートフォンと画面が横長のパソコンの両方を想定する場合、片方でデザインが崩れたりしないように注意が必要です。
対応方法は簡単です。最初にパソコン用デザインを作り、ブラウザのウィンドウ幅を狭くしていき、デザインが崩れた段階を「ブレークポイント」にします。その幅は何pxであるか記録します。事前にF12キーを押しておくと便利です。
/* レスポンシブ対応 */
@media only screen and (max-width:ブレークポイントpx){
/* スマートフォン用のスタイルを記述(差分だけで良い) */
}
これをCSSで記述します。最初にスマートフォン用のデザインを作った場合は、これと逆の作業になります。「max-width」は「min-width」に書き換えます。
このサイトのソースを流用しても良いです。