Sass を Win + Dreamweaver 環境で使えるようにする | Agnist.code
Win+Dreamweaver（以下DW）環境でSassを使えるようにし、初歩をかじって理解まで出来る、自分の中では最も簡単なクイックガイドです。30分後には貴方もSassを扱えるようになってます。 Scoutのインストールhttp://mhs.github.com/scout-app/ 上記よりダウンロードしインストールする。 Scoutの初期設定適当なプロジェクトフォルダを作成。例として「scout_test」 ※ディレクトリパスに日本語など2バイト文字が含まれるとエラーが出るため注意プロジェクトフォルダの中に「css」「scss」のフォルダを作成Scoutを起動し、左下の「＋」ボタンをクリック作成したプロジェクトフォルダを指定する。「Configure」画面の「Input Folder」に「scss」フォルダを指定「Configure」画面の「Output Folder」に「css」
Dreamweaverテンプレートでのエラー | A Day in the Life
April 13, 2009 Dreamweaverテンプレートを使用している時、編集可能領域を編集しているにも関わらず、こんなエラーが出た事無いですか？ 編集可能にマークされていないコードに変更を加えました。これらの変更を保持しても、次回のテンプレート適用時にファイルが更新されて、これらの変更は失われます。それまで変更を保持しますか? しかもコードビューでの編集でこの現象が起こります。ググってみたらCSSの表記にinlineがあると生じると書いてあるサイトを発見。ところがdisplay:inlineを削除せずに、ナビのマークアップの方法を変えたらエラーが出なくなったので一応エントリー。 今回リストの改行で生じる空白を埋めるのに下記のようなコメントで改行を埋めるマークアップをしていました。 <ul id="nav"><!-- --><li><a href="content1.html">m
DreamWeaverテンプレート機能のオプション領域などでグローバルナビゲーションを便利にする – 宇都宮ウエブ制作所
年末進行のせいにして年賀状も書いてない男。正宗です。さっきやっと寒中見舞いが刷り上がりました。 DreamWeaverのテンプレート機能。便利ですよね。うまくつかうとライブラリ機能と組み合わせる事によって大規模なサイト制作におけるケアレスミスを大幅に減らすことが出来ます。 今回はそのテンプレート機能でグローバルメニューをどう作ろうか考えたので、現時点で見つけた一番スマートではないかと思えるやり方を紹介したいと思います。 まずは僕が一生懸命作ったDreamWeaverのテンプレートを見て下さい。 こうしたテンプレートを作っておく場合、例えば「/profile/」以下のファイルには全部 プロフィール こんな感じで他のリストとは違ったクラス名を付けたくなるかもしれません。 また、/profile/index.htmlページは、メニューからプロフィールのリンクを押しても自身のページに飛ぶだけなので
テンプレート機能を使ってみよう パート1：「編集可能領域」と「オプション領域」の使い方 | デベロッパーセンター
「オプション領域」を利用してグローバルナビゲーションの表示を切り替える 多くのWebサイトでは、現在表示しているページのカテゴリに対応するグローバルナビゲーションが反転して表示されます。テンプレート機能では、このような仕組みを実装することもできます。ページのカテゴリによって反転されるナビゲーションの表示を変えるためには、「オプション領域」による条件分岐の設定を利用します。 例えば、「会社概要」のページでは「会社概要」が反転して表示されます。 STEP01 先ほど作成したdwtファイル「template.dwt」を開きます。 STEP02 編集可能領域の外にあるナビゲーションをコピーし修正して、切り替え表示のパターンを用意します。 STEP03 STEP02で用意したパターンの1つ目を選択した状態で、メニューバーから「挿入 → テンプレートオブジェクト → オプション領域を選びます。 ST
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
