現在、48レッスンを709本の動画にて提供中です。また、ご利用はすべて無料です。
このサービスでは、「エンジニアが横にいて、あなたに説明しながらコードを組み上げていってくれるという体験」を提供しています。
したがって、すべてのレッスンは動画で提供されています。テキストでは伝わりにくい、開発現場の雰囲気を知ってもらえればうれしいです。
ということなので、在宅ワーカーの皆さんにも活用してもらいたいです。
プログラムの基礎（HTML.CSS)から結構高度なコトまで勉強できます。
こういう動画で学習できるサイトが増えていくといいですね。
↑↑コチラのボタンを”ポチッ”と応援クリックお願いします。
しかし、CSSだとページの外にスタイルの設定を書き込んだシートを作って、ページに適用することができます。
たくさんページを作った場合でもスタイルを設定したシートを修正することで、すべてのページを修正できます。
誰でも一つ一つ修正するのは面倒ですし、手間も掛かりますから覚えて欲しいテクニックです。
基本をしっかりマスターすればホームページ制作がかなり楽しくて楽になります！！
以下に参考になるサイトを紹介します。
http://hp-advance.com/lecture/index.html
http://www.d3.dion.ne.jp/~tiyoko01/style/style2.html
http://zero.css-happylife.com/
↑↑コチラのボタンを”ポチッ”と応援クリックお願いします。
情報通信研究機構（NICT）では、ホームページを作る機会のあるすべての人に向けて、
知っておいてもらいたいウェブアクセシビリティ12のポイントをまとめました。
はじめから順番に読み進める必要はありません。
まずは、できるところから、ほんの1つでもあなたの制作するページに取り入れてみてください。
http://www2.nict.go.jp/ict_promotion/barrier-free/103/accessibility/minna/index.html
ウェブアクセシビリティについては、以下のリンクを参考にしてみて下さい。
http://www.kanzaki.com/docs/html/accessible.html
↑↑コチラのボタンを”ポチッ”と応援クリックお願いします。
ウェブサイト作成について少しずつ紹介していく予定でしたが、
諸事情により情報の共有というカタチでまとめておきます。
参考にしてみて下さい。
１時間で作るホームページ
とほほのWWW入門
http://www.tohoho-web.com/www.htm
動画で覚える無料ホームページ制作講座
他にも素晴らしいサイトは沢山ありますが、HTMLの基礎的な部分に注目して絞りました。
↑↑コチラのボタンを”ポチッ”と応援クリックお願いします。
作成したHTMLファイルをブラウザで表示してみましょう。保存したHTMLファイルをダブルクリックするとブラウザ（Internet Explorer等）で表示されます。
または、ブラウザを起動してから [ファイル(F)]→[開く(O)…]→[参照(R)…] で、
表示したいHTMLファイルを選択して [開く(O)] ボタンを押してください。
<body>〜</body>に記述した文字列の表示が確認出来ます。
これで、とりあえずは、ホームページを作ったということになります。
ただし、超小さい最初の一歩ですが、、、。
↑↑コチラのボタンを”ポチッ”と応援クリックお願いします。
<html>
<head>
<title>ここに好きなタイトルを書いて下さい</title>
</head>
<body>
ここに内容を書いて下さい。
自由に文字列を書いてみましょう。
</body>
</html>
上のソースコードの<html>～</html>までをコピーして下さい。
デスクトップに戻り右クリックでメニューを開き、新規作成からテキストドキュメント（普通のメモ帳）を選んで下さい。
ファイルを作ったら、先ほどコピーしたソースコードを貼りつけて上書き保存して下さい。
これがHTMLファイルになります。
HTMLファイルを作ったとき、どんなファイル名にすればいいか迷ってしまう場合があります。
ここでHTMLのルールを一つ。
HTMLファイルの拡張子は“.html”です。
そして、インターネット上に公開するウェブサイトのトップページとなるファイル名は、必ず“index”インデックスという名前で作って下さい。（必然的にindex.htmlというファイル名になります。）
トップページ以外のファイル名は、半角英数字であれば何でも大丈夫なのですが、トップページだけは“index.html”にしなければなりません。
↑↑コチラのボタンを”ポチッ”と応援クリックお願いします。
<!DOCTYPE> はタグではないです。
HTMLは、バージョンごとにそのバージョンで使用できる要素（タグ）や属性の名前と、それらの配置の方法について厳しく決められています。
<!DOCTYPE> はHTML 文書ファイルの先頭に記述し、その HTML ファイルで使用している HTML のバージョンを宣言します。
HTML 4.01 Strict の場合
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
“http://www.w3.org/TR/html4/strict.dtd”>
HTML 4.01 Transitional の場合
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html4/loose.dtd”>
HTML4.01 Frameset の場合
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Frameset//EN” “http://www.w3.org/TR/html4/frameset.dtd”>
HTML5 の場合
<!DOCTYPE html>
この宣言でCSSの反映とかに影響があることもあるようです。
↑↑コチラのボタンを”ポチッ”と応援クリックお願いします。
↑↑コチラのボタンを”ポチッ”と応援クリックお願いします。
HTMLは大きな箱をイメージすると分かりやすいと思います。
HTMLと書いてある大きな箱の中にHEADと書いてある箱と
BODYと書いてある箱があるイメージです。
その箱の中身を詰めていく事がウェブサイトを作成するというコトになります。
この画像を見てからソースコードを見るとheadやbodyが発見出来て、
HTMLの構造が理解出来ると思います。
↑↑コチラのボタンを”ポチッ”と応援クリックお願いします。
以下のURLからダウンロード可能です。
http://www.forest.impress.co.jp/lib/offc/document/txteditor/terapad.html
動画を参考に設定してみて下さい。
メモ帳よりも便利に使えると思います。
↑↑コチラのボタンを”ポチッ”と応援クリックお願いします。
NPO法人 eふぉーらむのブログ 