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

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

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

アメブロカスタマイズ≪背景・枠線・影などの装飾≫
レッスンお疲れ様でした! 今回はヘッダー部分の背景、コンテンツ部分の装飾、また、影の付け方などのカスタマイズを行っていきました。 背景画像は1枚を配置したり、繰り返し並べて配置したりすること...
CSSでの装飾とレスポンシブWebデザインの確認
レッスンお疲れ様でした! 制作中のサイトの表示調整を行いながら、CSSの記述とメディアクエリーを使ったレスポンシブWebデザインの理解を深めていきました。 ひとつのセクションの内側にdivで...
float・フォント・メールフォーム
floatレイアウトのおさらい、フォント指定、Webフォントの概要と利用方法、メールフォームの設置を行っていただきました。 少し内容を多く詰め込んでしまいましたので復習していただく必要があるか...
アメブロカスタマイズ≪メニューバー・ヘッダー画像設置≫
レッスンお疲れ様でした! 新しいカスタマイズ用テンプレートでメニューバーとヘッダー画像の設置を行いました。 どちらの設置方法も旧タイプのテンプレートとほとんど変わっていません。 大きな違い...
現状の問題点
体験レッスンお疲れ様でした! 現状の問題点のヒアリングが中心のレッスンとなりました。 取り組まれている課題が難しいものなので、スムーズに制作が進まないといった状況のようです。 基本的な技術...
メニューバーの作成・装飾
メニューバーの作成を、HTMLとCSSの基本を学びながら行っていただきました。 記述方法などの基礎的なことから、実践的な装飾の応用技術まで、HTMLとCSSを操る上で大事な要素がたくさん詰まっ...
tableの装飾とfloat
主にtableの装飾とfloatの概要についてのレッスンとなりました。 tableはHTMLタグが複雑な分、スタイルシートの指定も混乱しがちです。 クラス名を使った指定を上手く利用して、簡潔...
メールフォームの概要とヘッダーの装飾
メールフォーム設置の流れをご確認いただきました。 また、ヘッダー部分のデザイン変更を行いながら、htmlとcssを編集していきました。
テーブルの装飾
レッスンお疲れ様でした! テーブル内のセルの幅の指定、1行おきの色変えなどを行っていただきました。 テーブルはHTMLタグが若干複雑になっているので、スタイルシートの指定でもつまずきやすいと...
ページの装飾
レッスンお疲れ様でした! CSSの基本的な記述方法を確認しながらページの装飾を行っていただきました。 基本がわかってしまえば、CSSのプロパティ(colorやbackground)などはリフ...

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

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