i@PageMillにようこそ!!
1. はじめに
インターネットは「情報収集のため」から「情報発信のため」に変わりつつあります。現在では、簡易なホームページ作成ソフトが普及したこともあり、個人がインターネットを始めると同時にホームページを持つ人も珍しくはありません。
しかし、このように簡単にホームページが持てるようになると同時に、ホームページ作成にまつわるトラブルも増えています。
i@PageMillでは、MacとPageMillを活用してホームページ作成に役立つWebページを目指しています。開設してほぼ2年、多くの方からご意見をもらって、今回バージョンアップしてみました。
いろいろわかりずらい表現や謝った内容もあると思います。そういった時は、ぜひメール等でお知らせ下さい。
2001年2月28日
2004年11月26日「6.CSSでテキストを管理する」を加筆
i@PageMill代表 すもも
第1章 ホームページ基礎知識
- サイトを作るのはMac
- Macの良さ
- ホームページ作成するソフト
- デジカメ、またはスキャナー
- 画像を編集するソフト
- 最高の組み合わせ
- 基本的な言葉
- テーブル
- フレーム
- ウェブセーフパレット
- JavaScript(ジャバスクリプト)
- CSS(カスケーディング ･スタイルシート)
- 必須のMETAタグで日本語シフトJIS
- 文字単位について
- Webページの容量
- ファイルのサイズについて
- ページの大きさ
- 画像名について
- Webサイトの構成について
- ガンマ値について
- インターネット上で使ってはいけない文字種について
- バナーの大きさについて
- Adobe PageMill
- Adobe Golive CS
- Macromedia Dreamweaver MX
- GoLiveとDreamweaverとの違い
- AdobeかMacromedia両社の考えは
- Photpshop 6.0について
- Webページ作成ツールのシェアについて
- 視覚度とは
- ジャンプ率について
- グリッド拘束率
- 版面率とは
- 主役をはっきりさせる
- 文字構成の3原則
- 書体のイメージについて
- 行間についえ
- 構図の効果
- 配色について
- その他
- Webページのタイトルをつける
- 画像にコメントをつける
- フレームについて
- 強制改行について
- 単語間の空白について
- 色について
- 音楽について
- テーブル(表)使用について
- 基本操作の場所を統一します
- 長いファイル名は使用しない
- ブラウザの標準サイズが12ポイント72dpiから16ポイン96dpiへ変更
- 編集スタイルについて
Macでホームページを作っているならAppleの「Web Badge Usage Guidelines.」を見て、「Mac」のWebバッジを付けるのもいいですよ
Appleには「Human Interface Guidline」というユーザインターフェイス基準書があります。そこでは色についての基準が書かれています。Webデザインに応用してみましょう
第2章 まずは作ってみよう
PageMillの「メモリ割り当て」を増やす
- サイト設定ウィンドウ
- 新規フォルダ
- Web Siteウィンドウ
- 「images」フォルダ
- Webサイトを開く
- タイトルの入力をします
- 文章を入力します
- 保存します
- 背景の設定について
- 表をWebページの左右中央に位置づける
- HTMLタグは小文字で書いた方がいいです
- Webセーフカラーの選択
- カラーパネルの表示
- 属性パレットで高さと幅を指定します
- Webページの画像について
- JPEG(Join Photogrphic Experts Group)
- GIF(Graphic Interchange Format)
- PNG(Portable Network Graphic)
画像を用意します。
- 環境設定について
- サイトのアップロード先を指定します。
- アップロードします
第3章 アップロード時のエラーについて
- ファイル名やフォルダ名が誤っている
- プロバイダのサーバーにアクセスできない
- 確認のためにWebサイトを作成してみます
- ログを確認してみます
- アップロードする時間を変更する
- 全部アップロードする
- 画像のファイル名が誤っている
- 大きな画像を使っている
- サイトフォルダー外に保存されている
- プロバイダのサーバーが混雑している
- プロバイダのOSの仕様が要因である
- Macの日付が誤っている
- アップロードのときに「タイプ2エラー」
- 使用中に「タイプ2エラー」が発生する
第4章 リンクの設定
- テキストの外部リンク
- 画像のリンク
- 別のWebページに内部リンクする
- リンク元のWebページを表示したまま、新たにWeページを表示する
- ターゲットウィンドウの変更について
- リンクの文字色をマウスを位置づけると色が変わる.......2001/3/12
第5章 応用テクニックのマスター
- 画像をページに貼りつけます
- リンクさせます
- 画像をクリックしておきます
- HTMLで修正
Adobeの「Create a Banner」Webページでバナーを作成する。※残念ながらAdobeのこのサービスは終了していました。
- 検索ロボットについて
- 検索ロボットを利用する
- 検索ロボットに無視してもらう
- 簡易アンケート
- 属性パレットの内容を変更します
- HTMLの修正
- ちょっぴり高機能な簡易アンケート
- 行間を指定する
- フォントの大きさを指定する
- 見出しのフォントを指定する
- 外部スタイルシート
- CSSの「C」カスケード
- 行頭を一文字字下げ
- リンクのテキストを、マウスを位置づけると色を変える
- 余白の魔術師
- 範囲指定
PageMillの標準機能では難しかったロールオーバーがInternet Explorer 4.0、Netscape 6.0以降なら簡単にできます。Webページに変化をつけるなら挑戦される価値はあります。
日記などのWebページに最終更新日を表示します。
Update: Fri, Nov 26, 2004 / 2:44:27 PM