Skip to main content

フロントエンド演習

ウェブ制作チュートリアル(HTMLクイックリファレンス)

https://www.htmq.com/tutorial/

概要

このチュートリアルでは、架空の企業サイトを制作しながら、HTMLとCSSの使い方を学習していきます。 手順通りに制作を進めていただければ、以下のサンプルサイトと同じものが完成します。

ウェブサンプル株式会社

全30章で、そこそこ長いですがHTMLとCSSがそこそこ身に付きます。

実施して欲しい章

  • 第1章 ウェブサイトの制作を始める前に
    • どんなウェブサイトを作るのか
    • ウェブサイトの目的
    • 制作環境の用意
    • ウェブサイトの保存場所を作る
  • 第2章 HTMLファイルを作成する
    • HTMLファイルを作成する
    • ブラウザでの表示確認
    • この段階のサンプルサイト
  • 第3章 HTMLで情報の意味付けをする
    • ウェブページのタイトルを付ける
    • 見出しを付ける
    • テキストを記述する(段落・改行・区切り)
    • コピーライト表記を記載する
    • この段階のサンプルサイト
  • 第4章 CSSで文字スタイルを指定する
    • CSSファイルを作成する
    • 文字サイズの指定
    • ソース中の改行、半角スペース、タブ
    • フォントの指定
    • 行の高さの指定
    • 文字色の指定
    • CSSソース中にコメントを入れる

Webページ作成入門(とほほのWWW入門)

https://www.tohoho-web.com/wwwbeg.htm

概要

このチュートリアルでは、とにかく作ってみよう系でWebページを作成します。

簡単なのでサクサク進められます。

実施して欲しい章

「ホームページを公開しよう」以外の全部