デモへリンク ファイルダウンロード 今回は、３State CSSメニューの作り方を紹介します。3 Stateとは、１：普段の状態、２：マウスをメニュー上に動かした時の状態、３：ページにいることを表した状態の三つの状態のことをいい、http://www.sagawa-exp.co.jp/ のメニューなどがいい例です。 ビデオ１ [youtube=http://www.youtube.com/watch?v=HeX2QgOU21E&rel=0&w=590] ビデオ２ [youtube=http://www.youtube.com/watch?v=BNoMwKNqA7s&rel=0&w=590] コード
デモへリンク 元ファイルダウンロード ウェブサイトの作り方を学ぶには、やはり、一からどう作っるか説明するのが一番学べると思います。 ということで、今回はクオリティの高いフォトショップのウェブデザインのコーディングを４回に分けて説明しています。 今回は、第４回目の最終回です。 そして、この最終回は、チュートリアルをビデオ録画して送りいたします。ビデオチュートリアルは、文書と違い、簡単に見たい所を飛ばすことや、飛ばし読みなどは難しいですが、実際にどんな用に作られたか目で見ながら学ぶことができるので、文書よりもっと簡単に学べるとおもいます。 過去のチュートリアルを見ていない方は、こちらよりどうぞ。 第１回： ウェブサイト作成の準備＆ボディーのバックグラウンドイメージの設定 第２回： メニュー＆ロゴ、ソーシャルリンクのCSS&HTML 第３回： jQueryを使ってイメージスライダーの設置 第４回： 最新のプロジェクトのCSS ビデオ講座 ビデオチュートリアルパート１ [youtube=http://www.youtube.com/watch?v=9Hye8gLzyWY&rel=0&w=590] ビデオチュートリアルパート２ [youtube=http://www.youtube.com/watch?v=6GU_TPJ4bUI&rel=0&w=590] ビデオチュートリアルパート３ [youtube=http://www.youtube.com/watch?v=rwwyTOLD_lI&rel=0&w=590] ビデオチュートリアルパート４ [youtube=http://www.youtube.com/watch?v=ddBiJFeL1h0&rel=0&w=590] 今回の分のHTML 今回の分のCSS
