firefoxをダウンロード

作成したホームページが実際にブラウザでどんな風に見えるのか、チェックしなければダメです。

普通はパソコン買ったら付いてくるIEを使っていますが、世の中IE以外を使っている人も大勢います。例えば、firefoxファイヤーフォックス)、OperaNetscapeSafari・・などなど色々あります。

Weruruの管理しているサイトも、やっぱりいろんなブラウザで見られています。一番多いのは、やっぱりIEでその次がfirefoxSafari・・・の順でしょうか。

仕事柄これらのブラウザで出来栄えを確認することが多いのですが、IEfirefoxできちんと見れれば、だいたい大丈夫です。よく、ネットを見ているとデザインがグチャグチャに崩れたホームページを見ることがありますが、これはIEでしか確認していないからです。

そこで、firefoxをダウンロードしておいて、見栄えの確認はIEfirefoxの両方で行いましょう。ちなみにWeruruは普段でもfirefoxを使っています。着せ替えみたいにブラウザの見栄えも変更できるし・・・いいブラウザだと思っています。

http://www.mozilla-japan.org/products/firefox/
ここからfirefoxをダウンロードできます

次回は「タグ」の話です。

レンタルサーバーを用意する

まだ先のことですがホームページを作成したら、それを公開するためにレンタルサーバーが必要になります。レンタルサーバーは無料のもや有料のものなどさまざまです。

まあ、人それぞれ考え方がありますので余計なことは言いませんが、無料のレンタルサーバーでもけっこう良いのがあります! (^_^)

で、今回は無料のレンタルサーバーを借りてみることにしました。(このブログの主旨にもあっていますし)

無料のレンタルサーバーもいろいろ有るようですが、条件を付けてみました

  • 宣伝みたいなバーナーとかが出ないもの
  • あんまり重たくないもの(表示が遅いって言う意味)
  • 普通に会社でやっているもの


Weruru個人ではレンタルサーバーを借りたことがないので(会社ではありますよ (#^.^#))、インターネットでいろいろ無料のを調べてFC2WEBという所にしてみました。
あとでアドレス載せますね (^^♪ もう既に借りてしまった・・・ (笑)

ホームページが出来上がったら、このサーバーにFTPで作成したページをアップロード(転送ねっ)すれば、みんなに見てもらう環境が整います。



借りておいた無料のサーバーのアドレス(URL)です。
まだ中身何もありませんけど・・・
http://weruru.web.fc2.com/
このブログの記事の進行と平行して出来上がっていく予定です。
あくまでも予定ですけど (#^.^#)

FTPフリーソフトをダウンロード

ホームページを作成するのに、もう一つ用意しておくのはFTPソフト(サーバーにファイルを転送するソフト)です。
これも無料のを使います。でも、けっこう利用者は多い有名なソフト!

ダウンロードするところ
「FFFTP」のページは移転いたしました
窓の杜というフリーソフトライブラリです。
パソコンに適当なフォルダを作ってダウンロードしてください。

  • Windows98Vistaまで対応しているそうです
  • ダウンロードするファイル名はffftp-1.96b.exe


ダウンロードしたファイルを開けば勝手に解凍されます。出来たファイル(FFFTP.exe)を開けば下にあるような画面が出てきます。左がローカル(パソコン)側で、右がサーバー側です。

これは、ホームページが完成してからサーバーにファイルをアップロード(サーバーに転送)するときに使います。なので、しばらく後になりますね (^^♪

え〜機能は・・・窓の杜の説明を引用すると・・・

左右分割型の日本語FTPクライアント。ウィンドウ内左右にローカルディスク側とホスト側のファイル一覧を表示し、ドラッグ&ドロップや右クリックメニューなどの操作で転送できる。テキストファイルの漢字コードをEUCやJISコードに自動で変換したり、半角カナ文字を自動で全角に変換といった国産ソフトならではの機能を備えている。ホームページを一括転送できるミラーリング機能も備え、ローカル側のフォルダの変更内容をそのままホスト側に反映できるため、ホームページ転送専用ソフトのようにも使える。転送や削除をしないファイルやフォルダをあらかじめ指定しておいたり、アップロードするファイルの属性を指定しておくことも可能だ。ミラーリング時に転送・削除するファイルを事前に一覧で確認することもできる。また、中断と再開が可能なダウンロードレジューム機能にも対応している。

やっぱり、普段の日はなかなか更新できないですね・・・ (ーー;)

HTML Prolect2の画面

任意のフォルダにダウンロードしたファイルを解凍します。そして、解凍されて出来た「HtmlProject2.exe」ファイルを実行すると、こんな画面が出てきます。

左側がフォルダビューとファイルビューで右側がエディタです。

エディタの文字の大きさ、文字の色、各要素の色、現在行の色や背景などなど・・・エディタを自分の好みにカスタマイズする機能は満載です。

後々、都度少しづつ説明していきますが、この画面が出てきたら少し適当に見てみるといいですね。まあ、壊れはしないと思いますよ (^_^)

わたしWeruruも毎日このエディタのお世話になっています!感謝!感謝!
このエディタの他にもホームページ作成ソフトのDreamWeaverも使っていますが、このエディタの方が手軽に使えて使う頻度も高いくらいです。
DreamWeaver高いのにね (>_<)
あ〜明日から仕事初めです・・・気が思い・・・

ソフトを手に入れる

まず最初にソフトを手にいれましょう。

入手先は、1.Vectorから 2.開発した人のホームページ(Kaneto's HP)から


この2箇所のどちらからでもダウンロードできます。あと、文字コードをShift-JIS以外を使う場合は、nkf32.dllが必要になります。これも開発者さんのホームページからダウンロードできます。

ダウンロードするファイル(HTML Project2 ver.7.4.3.0)


のどちらかですが、hprj2743.exe(インストーラ付)をダウンロードすれば特に解凍ソフトが必要なく、ダウンロードしたファイルを開けば(ダブルクリック)インストールできます。

なお、このソフトはWindowsレジストリに登録されるこが無いので、不要ならアプリケーションの追加削除できれいに削除できます。

ダウンロードのついでに開発者さんのホームページで、特徴や機能などを見ておくといいですね。

はてなブログ?

このはてなのブログ、記事を書いたりするのなんか普通のブログと違っていて少し面倒ですね!

はてな記述法とか・・・慣れないと使いづらい感じがする・・・

この記事はどんな風に扱われるのかな?ちょっと実験です。