ホームページ作成の手順
       
ア せるな      
オ こるな      
イ ばるな      
ク さるな      
マ けるな      
      
      
アオイクマより   桑原 政則HP作成道場のページ  

 

(TIU情報処理教室での作業手順です。2002-06-18))

PiggyEdit用資料

PigyEditを使えば、自然にタグを覚え、ホームページの裏側がよくわかるようになります。ウェブデザイナー(ホームページ作りのプロ)も、タグにたよってページを仕上げます。ホームページビルダーなどのホームページ作成ソフトを使う前に、PigyEditを使いこなせるようになってください。

ピギーエディットは、フリーのソフトでフロッピー1枚に収まりますので、どのコンピュータでも編集できます。

のソフトをダウンロードしてください。エクスプローラを開き、ローカルディスク(C:)\Program Filesに格納してください。→ダウンロードのページ

  • Lhaca(ラカ)
  • PigyEdit(ピギーエディット)
  • FFFTP(エフエフエフティーピー)   解説

PigyEdit(ピギー エディット)の使い方

PigyEditのヘルプ


1 ホームページ作成の手順:

デスクトップのフォルダ「Public-2cwin2k」からPigyeditを立ち上げ、フロッピーからindex.htmlを開く。

ユーザ名とパスワードを用意し、FFFTPをデスクトップから立ち上げる。(PigyeditとFFFTPを自宅のコンピュータへダウンロードするには、ダウンロードのページ  を参照してください。)

 

2 ホームページ作成の課題

→これからは、IT(Information Technology)からCT(Cultural Technology)の時代に入ります。自分のホームページの作成を通して、さまざまなプレゼンテーションの技術を学び、情報文化に関して考え、自分らしい文化を発信していってください。

窓口を狭く、焦点を絞る。=深く狭く、他にないものをテーマ

  • cf. オンライン書斎、郷里の紹介、写真、日記、旅日記、レポート、文献目録、雲、コンピュータ学習日記、資格の取得、語学、スポーツ、人物、歴史、記念、思い出、寸言・名言、こんな一言

形より中身を重視してください。

自分が常に立ち寄り、使いたくなる便利なサイトに仕上げていってください。

→卒業後も、自分の財産になるような、自分の子供に披露できるようなサイトに仕上げていってください。(もう小学生がホームページをつくる時代が来ています。話題を共有するためにも、自分のホームページを磨き上げていってください。)

 

3  ホームページ作成のヒント

power user(自分より実力のある人)の助けを借りる。

自学自習時間を講義時間の10倍とる。

毎日少しずつeditしていく。最終的には自機で作成する。

→ToDo:

  • 「メモのページ」(memo.htm)を作り、index.htmlから跳べるようにしてください。

  • ページに背景色をつけてください。

  • リスト(箇条書き)をつくってください。

  • 水平線を入れてください。

  • テーブル(表)をつくってください。

  • ワード文書をつくってください。(過去のレポートなどもこのようにすれば、ホームページに格納できます。)

  • animationや画像を挿入してください。

 

●地図をホームページに貼り付ける方法

1 Mapionから地図を選択し、プリントスクリーンをおこなう。

[クマ研トップ>地図の広場>Mapion]―[住所で探す:埼玉県]―[住所を更に詳しく指定:川越市大字的場]―[キーボード右上のPrintScreen:押す]

2 ペイントに地図を貼り付ける

[スタートButton]―[プログラム]―[アクセサリ]―[ペイント]―[編集Menu]―[貼り付け]―[ツールボタン右上の選択ボタン:クリック]―[画面をドラッグして選択]―[編集Menu]―[切り取り]

[ファイルMenu]―[新規]―[無題への変更を保存しますか?:いいえ]―[編集Menu]―[貼り付け]―[ファイルMenu]―[名前を付けて保存]―[保存する場所:デスクトップ]―[ファイル名:aaa]

ここで説明や矢印を書き込んだりすると、画像が引き立ちます。

3 Irfan View(イーファンビュー)で地図のbmpファイルをgif(ジフ)ファイルに変換して軽くします。

[デスクトップ]―[Irfan View]―[ファイルMenu:開く]―[ファイルMenu:Save As(名前を付けて保存)]―[ファイルの種類:gif]

4 PigyEditを開き、画像を挿入します。

 [index.html]―[IMG画像ボタン:クリック]―[デスクトップからaaa.gifを選択]―[左下のBrowseボタンをクリックし確認]

●デスクトップ、スタートButton>プログラム、コントロールパネル、エクスプローラなどの画面のプリントスクリーンをして、ペイントやワードに貼り付けてみてください。

プリントスクリーンの仕方桑原政則

プリントスクリーンの仕方Black Panther   

プリントスクリーンAnzu memory

●ある画面(デスクトップ、Internet Explorerの画面、エクスプローラ、コントロールパネルなど)をプリントスクリーンをして、ペイントに貼り付けて、説明を加えてください。

[スタートButton]―[プログラム]―[アクセサリ]―[ペイント]

ペイントのbmpファイルを、サイズを小さくするためにgif(ジフ)ファイルに変換するにはデスクトップのIrfan Viewで開き「名前を付けて保存」でgifを選択します。

●ワードの図形描画機能を使って、十二支の図を描いてください。十二支表

●エクセルでグラフを作ってください。

JTrimをデスクトップのフォルダ「2c…」から立ち上げ、デジカメの画像などを編集してください。  解説→ダウンロードのページ

使い方の練習: C:\WINNT\Web\Wallpaper\パラダイス.jpg

《フィルタや効果(25種類)》 ソフト,シャープ,エンボス,エッジの強調,エッジの抽出,ガウスぼかし, ぶれ,立体枠を付ける,拡散,ノイズ付加,ウェーブ,モザイク,ブロック, フェードアウト,ノイズ除去,最小濃度抽出,中間濃度抽出, 最大濃度抽出, カスタムフィルタ, ガラス処理, 鉛筆画, オイルペイント, 渦巻き, パンチ, つまむ

《カラー効果》 グレースケール変換,セピア変換,ネガポジ変換,明るさ,コントラスト, RGBの度合い,ポスタライズ,ソラリゼーション,ガンマ補正, HSVカラー調整,2階調化,RGB交換,XORカラー変換,色解像度の変更, グラデーション, 単色カラースケール

《イメージ加工・編集》 リサイズ,切り抜き,左90度回転,右90度回転,任意角度回転,ミラー, フリップ,シフト,余白作成, 文字入れ, 合成, 連結, テクスチャ

 

 

最終更新:2002年10月