サイタWeb・デザインスクールHTML/CSS入門講座埼玉 作りながら覚えるHTML・CSS レッスンノート

作りながら覚えるHTML・CSSレッスンノート(4ページ目)

レッスンノートって?レッスンノートって?

メニューバーの作成・装飾
メニューバーの作成を、HTMLとCSSの基本を学びながら行っていただきました。 記述方法などの基礎的なことから、実践的な装飾の応用技術まで、HTMLとCSSを操る上で大事な要素がたくさん詰まっ...
tableの装飾とfloat
主にtableの装飾とfloatの概要についてのレッスンとなりました。 tableはHTMLタグが複雑な分、スタイルシートの指定も混乱しがちです。 クラス名を使った指定を上手く利用して、簡潔...
メールフォームの概要とヘッダーの装飾
メールフォーム設置の流れをご確認いただきました。 また、ヘッダー部分のデザイン変更を行いながら、htmlとcssを編集していきました。
テーブルの装飾
レッスンお疲れ様でした! テーブル内のセルの幅の指定、1行おきの色変えなどを行っていただきました。 テーブルはHTMLタグが若干複雑になっているので、スタイルシートの指定でもつまずきやすいと...
ページの装飾
レッスンお疲れ様でした! CSSの基本的な記述方法を確認しながらページの装飾を行っていただきました。 基本がわかってしまえば、CSSのプロパティ(colorやbackground)などはリフ...
実践!スタイルシート
レッスンお疲れ様でした! スタイルシート(CSS)の基本を確認しつつ、グラデーションで色を付けたり、余白を調整したり、実践的なページの装飾を行いました。 長時間のレッスンとなり大変だったので...
アメブロカスタマイズ【メニューバー】
レッスンお疲れ様でした! メニューバーの実装と装飾を行っていただきました。 メニュー設置の全体の流れとしては、フリースペースにメニューを挿入(HTML)→positionでヘッダー画像の下に...
アメブロカスタマイズ【導入編】
レッスンお疲れ様でした! アメブロを効率よく正確にカスタマイズするために必要な、デベロッパーツールの使い方をご確認いただきました。 スタイルシートを自在に操るには、HTMLを読み解く力が必要...
jQuery UI タブ
jQuery UIの導入をファイルのダウンロードから行っていただきました。 タブ切り替えの機能を実装しただけではありますが、これを導入するにあたり、jQeuryの概要、サイトのファイル構成、H...
レスポンシブWebデザインでのサイト構築
お使いのテンプレートがレスポンシブWebデザインとなっていたので、主にレスポンシブWebデザインの概要についてのレッスンとなりました。 CSSメディアクエリを使って画面サイズ別に表示をコントロ...

作りながら覚えるHTML・CSSのレッスンノート ・・・計44件

作りながら覚えるHTML・CSS ページ先頭へ