ホームページを自作しよう≪JoyWave便利箱≫
ジョイのHTML勉強 ホームページを自作しよう≪JoyWave便利箱≫
ジョイのHTMLソース勉強部屋

更新:2016/3/5
制作:ジョイ@関西
2016-03-05追記
ながらく更新できないでいます。このページの情報はかなり古いものとなりました。
できれば、2017年~2018年にかけて、新しいページに作り変えたいと思っていますので、その頃にご覧ください。


ホームページ(HP)の自作・制作は、制作ソフトがあるので便利です。 少し慣れた後はソース(「タグ」と「スタイルシート」)を覚えてレイアウトやデザインに変化をつける・・・・  そんなことができれば、楽しくなります v( ̄ー ̄)v 初心者の方でも「ソース」「タグ」のコピペ(コピー&ペースト)はできると思いますので利用してください、きっと便利です^^ 「基本構成」から「授業形式」までは順番に勉強してもらうために作りました。 独学ですので誤り・誤解があるかも知れません、指摘してください。
♪ 皆さんがホームページ(HP)を自作できますように ♪

※ Windows XP-IE8.0 で確認。Mac,Safari,Firefox,Sleipnir,Opera,Netscape では確認していません。
Windows7、Windows8とOSは新しくなっていますので一部不具合も出ていますが、ここに書かれたソースはまだ対応できていません、悪しからず。

◇ホームページ(HP)作成の基本

ホームページ(HP)の基本的な構造やソースの組み立て方、タグの書き方を学びます。

■ホームページ(HP)自作 HTML基本構成
<html>~</html>、<head>~</head>、<body>~</body> など「html」ソースの基本構成。
HP制作ソフトを使われる方も、ここは読んでください。htmlソースの構成が判ります。HPを自作するためには「必須」です。

■タグの書き方
タグ・属性の書き方や、色(カラー)などの値を一部紹介します。HPを自作するためには「必須」です。
判りやすくまとめた 色見本はこちら にあります。

■スタイルシートの書き方
ページ(サイト)の見栄えを作るためのスタイルシートです。3つのパターンを紹介します。
スタイルシートの使い方をもう少し詳しく紹介したページ

◇ホームページ(HP)を素早く作るための3つ

基本が判れば、次はホームページをできる限り簡単に作っていくための勉強です。

■ホームページ(HP)を素早く作るために
ホームページ(HP)をソース・タグで素早く作ったり、同じレイアウトのページを簡単に作る方法を勉強します。

■ホームページ(HP)初心者向け授業形式のページ「ソース・タグ初級講座」
ソース・タグを順番に学べるようにまとめました。資料をダウンロードして勉強することもできます。

ソース・タグの中でたぶん最も難しい「テーブル」についての特別の講座です。
■HPテーブル制作・基礎講座1/3~3/3
並び方やテーブルに背景色や背景画像を表示する方法を勉強します。
レイアウトに使ってはいけないと言われているテーブルですが、HPを自作するためには省くことができない項目です。

◇ホームページ(HP)を作るのに参考になるもの

内容が充分ではないかも知れませんが、参考書替わりにご覧ください。

左側に並んだアルファベットをクリックすると、右側に対応したタグ・属性が表示されます。
タグ・属性の名前をクリックすると詳細ページに進みます。
ソース・タグなどでホームページ(HP)を自作しようとする人は、よく使うタグ・属性だけでも覚えてください。

済みません、リニューアルの途中です。

◇ホームページ(HP)をインターネットで公開する

ホームページを作っただけでは完成したことになりません。インターネット上に公開することが大事です。

初心者の方には、ページは作れてもインターネット上に公開(お披露目)する方法が判らないので、 そこで止まってしまうことがあります。
FFFTPを使って忍者ホームページにアップロードする手順を説明します。
◇ホームページ(HP)にアクセス解析を付けて閲覧状態を調べる

ホームページを公開したのに、たくさんの人が見てくれているのか、そのままでは判りません。

ホームページを公開(お披露目)でき、内容も少しずつ充実されたころ、GoogleやYahooにインデックス(検索エンジンに紹介されること)されるようになります。
そうなれば、今度は、どこから、どんな人が閲覧してくれているのか調べたくなります。
そんなときに、無料の「忍者アクセス解析」を使って細かく調べてみましょう。

正当なCSSです!

CSSレベル2.1として検証されましたが、指定のようにリンクタグを貼り付けると今度はHTMLの検証でダメと指摘されました。 リンクURI末尾の「 /check/referer 」を外すとエラーになりませんので外しました。
HTMLの検証では、貼り付けているカウンターとアクセス解析ツール部分がErrorとwarningになるため、検証されませんでした。
W3Cのマークよりも勉強のための解析は重要と考え、カウンター等は外していません。





質問コーナー(フォーム)
自作フォームはSSL対応
通販法に基づく表示
このサイトに通販法表記は必要ありませんが、練習のため書いています。
相互リンク登録 新着
HPを自作された方で相互リンクご希望の方は、こちらから連絡をお願いします。
相互リンク登録(自動) 新着
HP作成支援サイト様で相互リンクご希望の方は自動リンクになりますが、こちらで登録をお願いします。


Copyright(C) 2005 ホームページを自作しよう≪JoyWave便利箱≫ All Rights Reserved.