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


To edit a style sheet in an online Preview:(オンラインPreviewでスタイルシートを編集します:)
  • ツールバーで「Style Sheets」ボタンをクリックしてください。(体験版では、ボタンの上にBuy Now to Unlock!(開けるために今買います!)と表示されます。つまり、購入しなければ使えません)
  • 編集したいと思うCSSファイルを選んでください。
  • Overrideダイアログでは、あなたはそうすることができます。
    • Extract the contents into a new style sheet(新しいスタイル・シートへ内容を抽出(引き抜く)):
      これはUntitledドキュメントにオンラインスタイルシートをコピーすることが出来る。
    • Use an existing style sheet(既存のスタイルシートを使用):
      これは、オンラインスタイルシートをあなたが選択をするローカルスタイルシートと入れ替えます。(つまり、ローカルで指定したCSSファイルは、プレビューで表示されているCSSファイルに内容が書き換えられるということです。)普通は上の新しく内容を抽出で問題ないでしょう。
  • まるでそれがオンラインファイルであるように、現在のローカル(無題で選ばれている)文書を編集することができます。


注意: オンラインスタイルシートををOverriding(くつがえす)することは、CSSEdit プレビューメカニズムに影響するだけです。CSSEditは変更(*)をアップロードせず、ここで変更したことを外部ブラウザで目に見えるようにはしません。 Overridingに関してもう少し学ぶにはOverriding online style sheets.(Overridingのオンラインスタイルシート)を見てください。

(*) Overridingは変化をアップロードしませんが、FTPクライアントと組み合わせれば、その変化を使用できようになります。CSSEditがあなたのFTPクライアントのExternal Editorであるならば、Overrideタグで遠いスタイルシートを編集することはそのOverrideも起動させます。これは、保存せずにリアルタイムに変化を起こすことを可能にし、保存する時には、ファイルをアップロードすることができます。 外部編集の詳細について、 Editing files over FTP.FTPの上の編集ファイル)を見てください。

External Editor (外部エディタ)は、その名の通り、ブラウザの外で、コンテンツの編集をする仕組みです。複雑な構造のHTML を記述したり、python script を書くときには絶大なる効果を発揮します