忍者ブログ
NinjaToolsAdminWriteRes

NUI.T NINBLO

MacOS9.2で忍者BLOG。専らテンプレ実験中。

HOME ≫ [20] [21] [22] [23] [24] [25] [26] [27] [28] [29] [30]

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。


火狐3

6/17(日本時間で18日)リリースだそうですが、併せて24時間ダウンロード数のギネス記録挑戦だそうで。
日本時間18日02:00から19日02:00までの間に、全世界でどれだけダウンロードされるのか。
特設ページ:www.spreadfirefox.com/ja/worldrecord
国毎の人気が見えて面白いなぁ。アメリカは桁違いとして、日本よりヨーロッパで人気が高そうなのかな。

つか、今日までこの話題知らなかった…のは自分の行動範囲の問題か。
PR

ほーむぺーじ初歩の初歩 3

「ホームページ」の中身について。ブログその他でも基本は同じ。

まずは「HTMLファイル」。

「HTML」と呼ばれるマークアップ言語(タグ)で書かれたテキストファイル。ファイル名の拡張子を「.html」 or 「.htm」にして保存すれば、それがHTMLファイル。

【HTML】の基本

<html>
 <head>
  <title>ページタイトル</title>
 </head>
 <body>
  ページの内容
 </body>
</html>

最小限これだけを「メモ帳」などのテキストエディタで打って、適当に半角英数字で「xxx.html」と名前をつけて保存。はい、HTMLファイルが1ページ分出来上がりました。
※「index.html」と名前をつけると、大体それが「サイト(のディレクトリ内)の入口ページ」として扱われます。ブラウザのアドレス(URL)でファイル名を省略した時には、大概「index.html」という名前のファイルが表示される仕様になっていることがほとんど。「ホームページ」の“ホームページ”ですね。

大雑把なタグ説明

<html>:今から「HTML」始めまーす。
 <head>~</head>:主にブラウザや検索エンジン等へお知らせする為のページ説明部分でーす。
 <body>~</body>:ブラウザの画面で見える、肝心の中身部分でーす。
</html>:これで「HTML」終わりまーす。

簡単。

<head>~</head>内には、最低限<title>~</title>(ページタイトル…ブラウザの一番上の部分に表示される情報)があれば十分。外部CSSやJavascriptとかも使うよーという場合はここにその旨書き込むことになります。

<body>~</body>内が肝心の中身ですが、この間で主に使うタグは

  • <a href="xxx.html">~</a>:他のページなどへの「リンク」のタグ。
  • <img src="xxx.jpg" alt="画像説明文">:ページに「画像」を貼るタグ。
  • <p>~</p>:段落。本文テキスト部分など。 画像やリンクはこの中に入れられる。
  • <br>:強制改行。段落内での改行などに使う。あまり多用するのはHTML的にはよくないらしい。
  • <hr>:罫線。最近は使われてるのをあまり見なくなったなぁ。
  • <h1>~</h1>:大見出し(1ページに1回だけ使う)。使わなくても可。
  • <h2>~</h2>:中見出し。以下<h3><h4><h5><h6>…と小見出しがある。ページ内で何回使っても可。使わなくても可。

これだけ覚えておけば大体事足りるという。他にも色々なタグがあるけど、真面目にHTMLタグを覚えたい場合は「html タグ」とかでぐぐって専門の解説サイト様を探しましょう。

「HTML」というのは基本的に、ごく簡単な言葉の決まりごと。一定の作法の下で作文するような感じ。
えー、でもブラウザで「ソース」見ると、訳の分からないこと一杯書いてあるけど?
はい、それはほとんどが「飾り」です。偉い人には(以下略)というのは冗談として、基本だけ押さえとくと、ややこしそうなソースもそのうち何となく読めるようになります。


あ。いいな。

忍ブロトップにあるスタッフブログ一覧がリニューアルされてる。ブログリストの中から更新順に最新3件が記事タイトル付きでピックアップ表示。(今まで公式には一覧に載ってなかったお侍様のとこが入ってたり、見当たらなくなった方は…脱退されたのだろうか…というのはまぁ余談の感慨)
こういうの忍者さんでツールとして提供してもらえないものだろうか。…サーバスペック喰いそうかなぁ?
リスト登録した複数ブログのRSS拾って更新情報を並び替えてブログパーツ的に書き出してくれるようなツール。。前から時々探してるけど、これといったものはなかなか見つからない。やっぱコスト喰うものだろか?

ほーむぺーじ初歩の初歩 2

自分のサイト、個人的な「ホームページ」を作りたい。となると、最初にどうすればいいか。

【ホームページ作成】の大雑把な手順

  1. ホームページの「アドレス(URL)」を確保。( 「アカウント作成」とか言われる作業)
  2. ホームページの「中身(HTML等)」を作る。
  3. 作った「中身」を「アドレス」の中(サーバスペース)にFTPなどでアップロード。 公開。

1. アドレス確保(アカウント作成)

まず、何処にホームページを作るか、ということですが。
ホームページ作るの初めてで。。という場合、最初は「契約したプロバイダのサイト」に行ってみるのをお薦め。大手だと、プロバイダ会員向けに無料のホームページスペースと作成サービスが確保されてるとこが大半。プロバイダサイトのサービスメニューに「ホームページ」というのがあるはず。初手はそこに突入するのが一番簡単。大概、作り方の手順を丁寧に説明してくれてるので悩む必要なし。テンプレートが用意されていて、HTMLとか知らなくてもOKな作成サービスがあるとこも多い。この場合、上記の2と3は省略(手順に従えば出来てることになる)。CGIが使えたり、簡単作成サービスがあったのに無くなったという少々マニアック?なとこもあったりします。
プロバイダのとこに無かった…とか、それじゃ物足りない〜と思うようになった場合に、それ以外の無料ホームページスペース(忍者ホムペとか)を探すとよいのです。もっと本格的に…なら、有料サーバをレンタルとか。
※プロバイダのとこのでも分からなかった。。という場合は…ホームページ作るのに向いてなかったということで、諦めましょう。ブログやってみる?

2. 中身作成

どんな内容にするかは決まってるとして(決まってないのにホームページ作りたいと思うはずもなし)、どうやって「ホームページ」の中身を作るか。

  1. 市販のホームページ作成(Webオーサリング)ソフトを買ってくる
  2. 「メモ帳」などのテキストエディタでタグを打つ

2択。タグとかって覚える気無いしー、という方は1。せっかくだから基本から覚えとくと後々便利だよね、仕事にできるかもだし、という前向きな方は2。ちなみに、市販のソフト使いこなすのもタグ覚えるのも、手間自体はさほど変わらないと思うのでした。向き不向きはあるけど。
1⇒IBMの「ホームページ・ビルダー」やAdobe(未だにMacr○mediaと言ってしまうが)「Dreamweaver」とかが有名。自分は林檎使いだしビルダーは使ったことないですが(余談として昔はタグがアレで評判だったとかむにゃむにゃ)。購入後は、作成ソフトの説明や解説サイト様等をよくお読みの上、慣れてください。で終了。市販の作成ソフトにはアップロード機能も大概ついてるはずなので、3段階目もソフトにお任せ。
2⇒パソに最初から付属してるソフトだけで作れるので、高価なソフトを買ったはいいが使いこなせなくて損したーな気分にはならない。こちらでの作成方法を以降別記事にて。

どちらの場合も、htmlファイルをメインに、画像やCSSやスクリプトやプログラムファイルとか諸々で飾り、リンクで繋げて行く。基本は同じでございます。
「HTML」とは「HyperText Markup Language(はいぱーてきすと・まーくあっぷ・らんげーじ)」。「ハイパーテキスト(ちょー文書)」てのは、ちょーリンクされてる感じの文書。ですからに。(※死語超訳)

3. アップロード(公開)

さて、市販ソフト使うにしても、メモ帳使うにしても、作った中身はまだあなたのパソコンの中だけにしか存在しません。
作成したホームページの内容を、実際に皆に見てもらうためには、「アップロード」。
市販のソフト利用の場合はソフトの説明に従ってください、ということで。
タグ打ってhtmlファイルとか作ったよーな場合は、「FTP(File Transfer Protocol)」(「ftp://」から始まる通信方法)用のツール(FTPクライアントソフト)を使って、取得したホームページスペースにファイル転送します。
Winの「FFFTP」(フリーウェア)、Macの「Fetch」(シェアウェア)とかが昔から有名。Fetchは使ったことないけど、FFFTPは流石の便利さ。動作軽いし。
「FTP」の機能は、フリーのhtml作成補助ソフトとかについてたりすることもあり。実はOS本体デフォルトにFTPの機能はあったりするんだけど(IEとか使ってFTP通信出来る)、何かあまり知られて無さそう?分かりにくいのか不便なのか。

ごちゃごちゃ言ってますが、はい、以上で「ホームページ」出来上がりました。
1で取得した自分のホームページのアドレス(「http://」から始まる)をブラウザに打ち込んでみて、ちゃんと表示されてれば万事OK。友人知人にアドレスを知らせて、これであなたもサイトマスター。

無意味に説明長いけど、実際は3段階(場合によっては1段階)だから、難しく考える前にGoGo。


アーカイブ表示数増加

NINJA TOOLS「お知らせ」にさらりと載ってましたが。
忍者ブログのプラグイン「アーカイブ」に表示される月数(※ブログ管理ページの「ブログ詳細設定」「アーカイブ表示数」で設定できる数)が、最大25だったのが30・40・50・100・150・200!まで、どーんと大増量。
忍ブロが始まってから既に丸2年以上経過してるので、以前から結構あったユーザからの要望に対応された模様。200あれば16年以上保ちますね(笑)
フル表示させる人が果たしておられるのかどうかわかりませんが(ログインポートしてもそんな過去ログ持ってる方はそうそうおられないだろうし)…200ヶ月って、プラグインがどれだけ長くなるんだろう(^^;
忍者さんは相変わらずやることがお茶目。

年間アーカイブと月間アーカイブの併用というのは難しいのだろか。DB囲い込んで年間別に月間表示させて…難しそうか。やってるブログサービスがどこかあったような気はするが、素人にはプログラム想像するのもお手上げ。ヽ(´ー`)ノ
Calendar ▽
最新記事 ▽
最新CM ▽
ブログ内検索 ▽
このページの記事一覧 ▽
Category ▽
Archive ▽
忍者御用達Link ▽
Information
つらつらと覚書を綴ってるブログです。
★MacIE5でのtextarea(コメントフォーム等)文字化けについては
Profile
文責:NUI
職業:夜行性動物
趣味:お気楽人生
実験環境&自己紹介:
  • Main:MacOS9.2 IE5.1.7
  • Sub:WinXP IE6.02
パソ歴は無駄に長いがプログラミングは素人。野生の勘でパソと格闘するのは趣味のひとつ。




忍者admax

≪ 前のページ |PageTop| 次のページ ≫

※ 忍者ブログ ※ [PR]
 ※
Writer 【NUI】  Design by NUI.T  Powered by NinjaBlog