HP Guide for Beginners(タイトルロゴ)

((2024-12-21 Latest))

当サイトは、(超遅まきながら)2018年春頃に、"レスポンシブ化"(≒同じURLで、PCでもモバイルでもコンテンツは共通のものが見られるようになること)に伴い、

フレーム → ノンフレーム(擬似フレーム) の造り

に変わりました。

(PCでは以前のレイアウトと極力同じに見えるように苦心してのカスタマイズで、ソースがぐちゃぐちゃ変則的ですが・・・)

・・・その後更新滞っていましたが、同年12月~ "随時更新(再開)"で、(別サイトも含め)主要ページは2020年12月までに、やっと「完全HTML5化」完了しました。

(ここ(とサーシャのサイト)は、サイト開設当初からのレイアウトに極力合わせたので、PCでは見た目はほとんど変わってませんが、ソースを見ると全然違うのがお分かりになるかと思います)

ここと、サーシャのサイト(日本語ページ英語ページ)は、以後のコンテンツ更新は困難かもしれませんが("インフォメーションページ"を除く)、"ライブラリ的サイト" としてはずっと残そうと決めたので、いずれは

 主要なページ以外も可能なかぎり「完全HTML5化」したい 

と思ってはいるものの・・・途方もない作業になりそうです

(最近(2024年12月現在)は、残っている分の「完全HTML5化」はほぼ断念し、 "備忘録として、CSSサンプルを拾ってきてはボックス リンクボタン etc. カスタマイズ"に走ってしまってたりします)

(文法的に正しく「ページレイアウトが完全にCSS」に変換できたページ(CGI含む)のみ、"HTML5 宣言")

"Start" 

"WEBサイトライティング"は簡単なのでしょうか、それとも難しいのでしょうか?

・・・結論から言うと、"基本的なHTML(=Hyper Text Markup Language;'タグ'と呼ばれる'記号'を使ってブラウザに表示させるための文法)"を使って書くだけなら、非常に簡単です。

(ただし、CSSは・・・「 手書きでまともなCSS解説サイトを作成できるようになったら晴れて中級レベル 」だと思ってますが、2024年の今も全然その域に達してなかったりします)

このページでは、ビギナーの方でも"美しい"レイアウトのページが書けるように解説しています。・・・一見ややこしそうですが、慣れてしまうと簡単ですので、まずはページを見ながらTRYしてみてください。

  (このページは、(こちらの不利益にならないかぎり)リンクフリーです)
   (URL: https://www.cool-m.com/ )
  (下のアイコンも自由に貼って下さい)
   Coolest Moment(HP Guide) バナー画像
(Special thanks to Website Master;  "WEB PURPOSE" )
   ("静止画"のアイコンもあります)
    "グリーン系" 
    "ブルー系" 

(("HP"や"ホームページ"というのは誤りで、"WEBサイト"と言うべきだ、という主張もありますが、私は別に構わないと思っています。

・・・ "自宅(ホーム)で作っているページ" ですし))