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

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

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

HTML・CSSファイルの作成
レッスンお疲れ様でした! ページのデザインは出来上がっていて、スライス画像の書き出しも済んでいる状態でしたので、早速コーディングを進めていきました。 今の段階で必要となる最低限のファイル構成...
Dreamweaverテンプレート
レッスンお疲れ様でした! 今回はトップページのHTMLをDreamweaverでテンプレート化していきました。 テンプレートの機能は便利な半面わかりづらいところが多いので、正しい理解と慣れが...
カルーセルスライダー
レッスンお疲れ様でした! 実装したスライダーの表示の調整、また、その他メニューなどの表示の調整を行いました。 偶然ではありましたが、text-indentのおかげでtext-alignが行揃...
アメブロカスタマイズ≪背景・枠線・影などの装飾≫
レッスンお疲れ様でした! 今回はヘッダー部分の背景、コンテンツ部分の装飾、また、影の付け方などのカスタマイズを行っていきました。 背景画像は1枚を配置したり、繰り返し並べて配置したりすること...
CSSでの装飾とレスポンシブWebデザインの確認
レッスンお疲れ様でした! 制作中のサイトの表示調整を行いながら、CSSの記述とメディアクエリーを使ったレスポンシブWebデザインの理解を深めていきました。 ひとつのセクションの内側にdivで...
float・フォント・メールフォーム
floatレイアウトのおさらい、フォント指定、Webフォントの概要と利用方法、メールフォームの設置を行っていただきました。 少し内容を多く詰め込んでしまいましたので復習していただく必要があるか...
アメブロカスタマイズ≪メニューバー・ヘッダー画像設置≫
レッスンお疲れ様でした! 新しいカスタマイズ用テンプレートでメニューバーとヘッダー画像の設置を行いました。 どちらの設置方法も旧タイプのテンプレートとほとんど変わっていません。 大きな違い...
現状の問題点
体験レッスンお疲れ様でした! 現状の問題点のヒアリングが中心のレッスンとなりました。 取り組まれている課題が難しいものなので、スムーズに制作が進まないといった状況のようです。 基本的な技術...
メニューバーの作成・装飾
メニューバーの作成を、HTMLとCSSの基本を学びながら行っていただきました。 記述方法などの基礎的なことから、実践的な装飾の応用技術まで、HTMLとCSSを操る上で大事な要素がたくさん詰まっ...
tableの装飾とfloat
主にtableの装飾とfloatの概要についてのレッスンとなりました。 tableはHTMLタグが複雑な分、スタイルシートの指定も混乱しがちです。 クラス名を使った指定を上手く利用して、簡潔...

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

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