フリーソフトでWebサイトを編集する

Windows 初心者向け
Webサイト作成 初心者向け

Webサーバーのアカウントを取得したら、次は作成と編集です。
Webサイトを作成するために、「ホームページ作成ソフト」などは厳密には必要ありません。ホームページ作成ソフトは、分かりやすく編集や作成をするためのものです。
ここでは、フリーで作るというのが目的なので、がんばってタダで作りましょう。
Webページは、html言語で書かれたファイルを、各個人のパソコンにインストールされたInternetExplorerなどのブラウザが読み込んで、初めてWebとして見れます。(すごく簡単な言い方ですが)

大きな流れです。

①HTMLファイルをパソコンで編集
 ↓
②FTPでWebサーバー上にアップロード
 ↓
③インターネット上で見栄えを確認

①HTMLファイル編集

1.拡張子が.html、あるいは.htmのファイルを、選択し、右クリックをします。
2.「プログラムから開く」を選択し、次に「NotePad」を選択してください。
3.後は、htmlファイルの該当箇所を編集します。

NotePadだと見づらい場合は、Webが文字化けするにあるようなTeraPadのようなテキスト編集ソフトを使う方法もあります。

htmlの編集の仕方は、ありとあらゆるサイトに載っているので、ここでは省略します。
例えば、こんなサイトを参考にして下さい。
http://www.kanzaki.com/docs/htminfo.html

htmlファイルの作成・編集が終わったら、いよいよweb上で公開です。
続き→Webサイトをアップロードする

フリーズ対応方法

Windows トラブル解決

フリーズ対応方法

パソコンを使用中画面がまったく動かなくなる症状がよく発生します。
このことを「フリーズ」とか「固まる」とかいいます。

まず「Alt」を押しながら「F4」キーを押します。アプリケーションがまだ動作していれば、この方法で終了することができます。
作成中のデータなどがある場合は、保存の確認をするメッセージが表示されますので、保存の必要があれば保存します。
この方法でアプリケーションが終了できない場合は、停止してしまったアプリケーションを強制的に終了することでパソコンの操作を続けることができます。

強制終了する場合はキーボードの「Ctrl」+「Alt」+「Delete」キーを3つ同時にカチャカチャと押してみます。

しばらくすると「プログラムの強制終了」の画面が出ます。
「Ctrl」+「Alt」+「Delete」キーを3つ同時にカチャカチャと押す方法で画面が出なければ、ウィンドウの下のバーの灰色の空白の部分で右クリックをし、「タスクマネージャー」というところをクリックしてください。。

右側に「応答なし」と表示されているアプリケーションをクリックし、「終了」をクリックします。
終了を確認するメッセージが表示された場合は、「終了」をクリックします。
ただしこのアプリケーションで編集していた文書、画像などは保存できません。
この方法でもアプリケーションが終了できなかった場合は、次の操作を行います。

「Ctrl」と「Alt」を押しながら「Delete」を押します。
「プログラムの強制終了」ウィンドウが表示されます。
「シャットダウン」をクリックします。
しばらくすると自動的にWindowsが終了し、電源が切れます。
この方法でも終了できない場合は、強制的に電源を切る方法しかありません。

キーボードも受け付けない状態で、強制終了するには、ハードディスクのランプがついていないことを確認して、
パソコンの電源ボタンを押し、強制的にパソコンの電源を切断します。
(このとき、電源ボタンは5秒以上押しつづけること。そうしないと電源を切ることができません。)
しばらく(5秒以上)たってから、再び電源スイッチを押します。
しばらくすると自動的にスキャンディスクが始まり、ハードディスクがチェックされます。
スキャンディスクで異常が発見されなかったときや、スキャンディスクが実行されなかったときは、そのままWindowsが起動します。

FrontPage

  • PCがフリーズした友人から相談され、「Ctrl+Alt+Deleteを押して」と伝えたところ、長押しをしたためにTask MGRが150ページ位開いてしまい、私も途方にくれてしまいました。こちらのサイトを発見し、「強制的に電源を切るしかない」という文面を見て、勇気を持って電源を落としてもらうことができました。ありがとうございました。 — エイミー {2007-05-02 (水) 23:32:00}
    • そうですか、よかったです。[smile]って、強制的に電源を切るなんてよくはないんですけどね~せっかく開いたタスクマネージャーでShiftを押しながら全部選択して、「タスクの終了」をクリックするのもいいかもしれませんね。最終手段ですよね。 — Akiko Goto {2007-05-18 (金) 19:23:48}
      • 3つのボタンを同時押しするとコンポーネントが見つかりませんと出ます。マウス自体が動かないので強制的に電源を切っても同じことの繰り返しになってしまうのですがこのような場合はどうすればいいのでしょうか? — ハイジ {2010-04-04 (日) 21:07:28}
        • 3つのボタンを同時押しするとコンポーネントが見つかりませんと出ます。マウス自体が動かないので強制的に電源を切っても同じことの繰り返しになってしまうのですがこのような場合はどうすればいいのでしょうか? — ハイジ {2010-04-04 (日) 21:09:12}
          • それは結構まずい状況かもしれません。パソコンのメーカーサポートなどに問い合わせてみてください。 — A {2010-04-05 (月) 10:21:54}

フリーズ

Windows トラブル解決

DELLのデスクトップで、XP,IE7 を3年間程使用しています。
最近、ブラウザの閉じるボタン(X)をクリックすると、必ずフリーズし
真っ白の画面になってしまうようになりました。とても困っています。
どなたか解決法、教えてください!! 

フリーなツールでPSDファイルを閲覧する

Windows 便利な使い方

OuickTime Player / Picture View

画質・再現性ともに良好

Google Docs

グラデーションやフォントレンダリングがやや荒い

GIMP

画質は良いが、グラデーションが表示されないなど、再現性に難がある。
単なる閲覧だけではなくレイヤー操作ができるので、Picture Viewと組み合わせて使うと良いかも。

フォームに半角のみ入力させる

css

Webの入力フォームに、たとえば電話番号や郵便番号など、全角で入力してほしくない場合があると思います。
もちろん、ちゃんとやろうとすればフォームを渡すCGIなどでチェックさせるのがいいのですが、それだと送信するまでチェックできませんので、少しユーザビリティが悪いでしょう。
Javascriptでチェックをする方法もありますが、ここではとても簡単な、CSSを使う実装方法です。

 以下スタイルシート(CSS)に記載例
 #number{ 
 ime-mode:disabled;
 }
 以下HTMLに記載例

 


 

そのフォームのid=”number”を指定したフォームでは、IMEを使わなくさせるという方法です。

 ime-mode: inactive;

とすると、ユーザーがボックスに移動した時は半角しか入力できませんが、ユーザーがIMEをONにすることもができます。

ただ、これInternetExplorer以外だと使えないみたいですね。(^_^;
Firefox、Operaなどではダメでした。
やっぱりちゃんとやろうとするなら、上記のようにCGIでチェックさせるか、Javascriptを使った方がいいでしょう。