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

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

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

ブログ新着記事表示
レッスンお疲れ様でした! ブログの新着記事をホームページに表示する方法についての解説と、その実装を行っていきました。 ブログが配信しているRSSから情報を取得し、それをホームページ上に表...
WordPressの概要とテーマの作成
レッスンお疲れ様でした! 前半はWordPressの概要や使い方などをご確認いただき、後半はテーマの作成を行っていきました。 まだstyle.cssとindex.phpの最低限のファイル...
floatレイアウト
レッスンお疲れ様でした! 要素を横並びに表示させる方法を中心にレッスンを行いました。 横に並べる手段はいくつもありますが、その中でも利用頻度高いのはfloatです。 つまづきやすいCS...
プルダウンメニュー
レッスンお疲れ様でした! 前回実装したヘッダー固定tableの調整と、プルダウンメニューの実装を行っていきました。 プルダウンメニューは<li>の中に<ul>を入れるのがポイントですね!...
CSS|背景画像の操作
レッスンお疲れ様でした! 今回は背景画像の位置、大きさ、ウィンドウサイズによる変化などを、CSSで思い通りにコントロールする、といったことを実践していきました。 また、positionの...
グローバルメニューの装飾・tableの見出し固定
レッスンお疲れ様でした! 現在のページのメニューデザイン変更や、tableの見出し部分固定などを行いました。 メニュー装飾のスタイルシート記述の際には、同じ指定をコンマで区切ってまと...
サイトリニューアルの進め方とCSSメディアクエリ
レッスンお疲れ様でした! サイトをリニューアルする上で必要となること、 また、注意するべき点をお話させていただきました。 また、CSSメディアクエリを使用して、スタイルシートの切り替えを行...
HTML・CSSファイルの作成
レッスンお疲れ様でした! ページのデザインは出来上がっていて、スライス画像の書き出しも済んでいる状態でしたので、早速コーディングを進めていきました。 今の段階で必要となる最低限のファイル構成...
Dreamweaverテンプレート
レッスンお疲れ様でした! 今回はトップページのHTMLをDreamweaverでテンプレート化していきました。 テンプレートの機能は便利な半面わかりづらいところが多いので、正しい理解と慣れが...
カルーセルスライダー
レッスンお疲れ様でした! 実装したスライダーの表示の調整、また、その他メニューなどの表示の調整を行いました。 偶然ではありましたが、text-indentのおかげでtext-alignが行揃...

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

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