HTML-CSS入門講座

濱屋太郎

HTML-CSS入門講座概要

目次

本サイトについて

サイト概要

  • 本サイトは、HTMLとCSSを使用してWebサイトを作成するための基礎知識について記述しています。
  • 本サイトは、以下の分類で記述してあります。
(1) レッスン(Lesson)
HTMLとCSSを習得するために文法と使用例などを説明しています。
(2) Webパーツ(Web Parts)
Webサイトの作成時に使うHTML・CSSとJavaScriptやjQueryの部品サンプルを説明しています。
(3) 付録(Appendix)
Webサイトの作成時に知っておいた方が良い関連知識を説明しています。

お知らせ

■ 2021年11月30日
Webサイト作成時に使用可能なWebパーツの説明を追加しました。まだまだ、追加したいWebパーツがありますので順次追加していきます。完成度の高いWebサイトを作成するための情報としてご活用ください。また、お問い合わせフォームも追加しましたので誤字脱字や間違いなどを見つけた時に連絡頂けると幸いです。

本サイトの記載内容

改版履歴

■ 2022年01月09日 V3.01
  • 誤りの訂正および軽微な修正を実施(Lesson-2/-3/-4/-8/-9/-10/WebParts-4/-7)
■ 2021年11月30日 V3.00
  • Webパーツページを追加(Webパーツページ)
  • 付録ページの独立化と画像ファイル形式、知恵袋ページを追加(付録ページ)
  • お問い合わせページを追加(お問い合わせページ)
  • コンテンツ追加に伴いメニュー体系の見直しを実施(全ページ)
  • 章番号体系の見直しを実施(全ページ)
  • トップに戻るボタンをロケット型式に変更(全ページ)
  • コンテンツマネージメントシステムに対応(内部変更)
  • 目次作成の自動化機能を追加(内部変更)
  • その他の軽微な改善を実施
■ 2021年09月24日 V2.30
  • iframeコンテンツの縦方向幅の調整機能を追加(内部変更)
  • iframeコンテンツのリロード機能を追加(内部変更)
  • オンマウスをスマホのタップにする処理を追加(内部変更)
  • その他の軽微な改善を実施
■ 2021年09月22日 V2.20
  • 第4レベルの見出しの体裁を変更(全ページ)
  • 上記に伴いペーススタイルの見直しを実施(全ページ)
  • その他の軽微な改善を実施
■ 2021年09月20日 V2.10
  • ソースコード掲載をハイライト型式に変更(全ページ)
  • サンプルソースコードを折り畳み状態に変更(掲載ページ)
  • ソースコード変換ツールを追加(Lesson-2)
  • 細かな章タイトルを■から(数字)に変更(全ページ)
  • その他の軽微な改善を実施
■ 2021年08月29日 V2.00
  • 改版情報を追加(トップ(目次)ページ)
  • 目次ボックスの背景色を指定(全ページ)
  • 説明リストのレイアウトを変更(Lesson-8/-9/-10)
  • ソースコードなどに強調部分の記載(色指定)を追加
  • articleタグ部とsectionタグ部の分離を実施(内部変更)
  • 目次作成用のコメントを追加(内部変更)
  • その他の軽微な改善を実施(綴りミスの修正など)
■ 2021年08月22日 V1.90
  • フォントファミリーを指定(スマホのゴシック表示)
  • その他の軽微な改善を実施(iframeの縦サイズなど)
■ 2021年07月26日 V1.80
  • グリッドレイアウトの説明追加(L9)
  • レスポンシブ対応の改善を実施
  • その他の軽微な不具合を修正
■ 2021年07月22日 V1.70
  • CSSアニメーションの説明追加(Lesson-10)
  • メニュー表示を6項目/行に変更
  • レスポンシブ対応を実施
  • (工事中)(Lesson-9)を追加
  • その他の軽微な不具合を修正
■ 2021年07月13日 V1.60
  • フレックスレイアウト活用の説明追加(Lesson-8)
  • 濱屋太郎のアニメーションロゴに回転表示を追加
■ 2021年07月11日 V1.50
  • CSSを共通部よ個別部(各HTML)に分割(内部変更)
  • 濱屋太郎のアニメーションロゴ追加(池冨さんに感謝)
■ 2021年07月04日 V1.40
  • 目次および目次からのリンクを追加
■ 2021年06月27日 V1.30
  • テーブル活用の説明追加(Lesson-7)
  • ul/ol/dlの表示サンプル追加(Lesson-2/Lesson-5)
■ 2021年06月24日 V1.20
  • Webサイト開発フォルダ構成の説明追加(Lesson-1)
■ 2021年06月20日 V1.10
  • 文字コード、コードチェックの説明追加(Lesson-1)
  • フッタ表示を追加して一般公開(全体)
■ 2021年06月10日 V1.00
  • 初版(限定公開)

ロケット本体
PAGE
TOP
ロケット炎