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

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

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

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

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

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