Macな暮らし Macと気ままな暮らし、コーヒーとiTunesのカントリーを聞きながら。
Previewing online and dynamic web pages(オンラインおよび動的なWebページをプレビュー)
CSSEditは、どのようなWebページでも完全にプレビューすることを可能にします。これはウェブログ、オンライン・ショッピング・カートおよびコンテンツ管理システムを含んでいます。さらにリアルタイムにスタイル・シートを編集することができます。したがって、保存とかアップロードをする必要なく、変更を見ることができます。
To add an online page as a Preview:(Previewとしてオンラインページを加えるためには:)
  • 下記のようにしてプレビユーウインドウを開く
    • Preview >Show Live Web Previewを選んでください。
    • 又は、⌘-option-P
  • ツールバーの「Add Site URL(サイトURLを追加)」ボタンをクリックしてください。
  • テキストフィールドでウェブページの位置に入ってください。)




To edit a style sheet in an online Preview:
(オンライン・プレビュー中のスタイル・シートの編集:)
  • ツールバーで「Style Sheets」ボタンをクリックしてください。(下図参照)
  • あなたが編集したいと思うCSSファイルを選んでください
  • In the Override dialog, you can(Overrideダイアログでは、あなたはそうすることができます)
    • Extract the contents into a new style sheet:(新しいスタイル・シートへ内容を抽出してください:)
      これはUntitled(名称未設定)ドキュメントにオンラインスタイルシートをコピーします。
    • Use an existing style sheet:(既存のスタイルシートを使用してください:)
      This will replace the online style sheet with a local style sheet of your choosing.
      (それは、オンラインスタイルシートを選択したローカルスタイルシートと入れ替えます。
  • それそれ!まるでそれがオンラインファイルであるように、あなたは現在ローカル「Untitled(名称未設定)か選ばれた」の文書を編集することができます。


注:オンラインスタイルシートを変更することは、CSSEdit Previewingメカニズムに影響を及ぼすだけです。 CSSEditはどんな変化(*)もアップロードもしませんし、また変更を外部のブラウザで目に見えるようにもしません。Overridingに関してもう少し学ぶには、Overriding online style sheetsを見てください。
(*) While Overriding does not cause changes to be uploaded, it can be used in combination with an FTP client. If CSSEdit is your FTP client's External Editor, editing a remote style sheet with an Override tag will also activate that Override. This allows you to make changes in real time without saving, and still upload your file when you save. For more info about External Editing, see Editing files over FTP.
(*) Overridingは変化をアップロードさせませんがFTPクライアントと組み合わせてそれができます。また、CSSEditがあなたのFTPクライアントのExternal Editorであれば、Overrideタグでリモートスタイルシートを編集すると、そのOverrideは動かされるでしょう。これは、保存せずにリアルタイムの変化を起こすことを可能にし、保存する時には、ファイルをアップロードしてください。詳細はExternal Editingについて、 Editing files over FTPを見てください。
つまり、FTP上でCSSEditを使えば、直接.cssファイルを編集できて、リアルタイムに見ることが出来るということらしい。