カテゴリ:│├テクニック( 5 )

 

スキン編集前の簡単バックアップ


はじめに


みなさんは、スキン編集前にバックアップを取っていますか?
私は間違ったときのためにバックアップを取っています。
HTML編集部分とCSS編集部分をメモ帳などにコピーして保存する方法もありますが、私はブラウザの名前を付けて保存を採用しています。

この方法ならばOSが違ってもバックアップできそうですね。
しかも、exciteだけでなく他のブログでも出来そうなのでちょっといいかも。

では、簡単に説明させていただきます。

スキン編集前の簡単バックアップ


1.スキン編集画面をブラウザで表示してください。
a0031863_11125439.jpg


2.ブラウザのメニューのファイル(F)→ 名前を付けてページを保存(A)を選択。(Firefoxの場合)
保存する名前に日付と番号などを入れて管理をすると後で分かりやすいですよ

例:050303-1○○.html 

【Firefox】
ファイル(F)→ 名前を付けてページを保存(A)

a0031863_11512644.jpg


【nternet Explorer 】

IEの場合は ファイル(F)→ 名前を付けて保存(A)を選択してください。
注意:正しく保存されませんのメッセージが表示されますが、「はい」のボタンを押して下さい。
a0031863_11534951.jpg



3.以上でバックアップ完了です。
先ほど保存したファイルをブラウザのファイルを開くで確認して下さい。
スキン編集画面が表示されます。HTML編集部分の本文などクリックしてちゃんと保存されていることを確認できたらいつも通りにスキンの編集を行います。

元に戻したいときには、バックアップしたファイルからコピー&ペーストで戻して下さい。

注意


保存した画面とスキン編集画面が同じなので間違わないように注意して下さい。

バックアップって?


バックアップとは、データを保存しておくことです。重要なデータを別の場所に保存して保管することにより、データの破損などのトラブルに対応することが可能になります。
今回のケースではブログのスキン編集前のHTMLやCSSを保存しておくことにより、編集前に戻すことが可能となります。


[PR]
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2005-03-05 15:00 | │├テクニック | Trackback | Comments(4)
 

ローカル環境でCSS編集をする方法(ステップアップ講座)


ちょっとしたテクニックをご紹介します。
このテクニックを使用して、ステップアップしましょう(^_-)-☆
皆さんはCSSの編集をネット上で行っていると思いますが、実はローカル環境でテストすることが可能です。遅い回線を使用している方や、頼まれてCSSを見てあげる時など活躍します。
初心者の方は難しいので、レベルがアップしたら試してください。

転記禁止です、トラックバックでご紹介下さい<(_ _)>


テクニックはこちら>>
[PR]
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2004-07-31 18:14 | │├テクニック | Trackback(1) | Comments(10)
 

スキンのバックアップに”紙”を使用Win版

私は、スキンのバックアップに”紙”というソフトを利用しています。
以前紹介をしたので利用されている方も多いと思いますが、
今回はこの”紙”を利用したスキンのバックアップ方法です。
(ご自分のスタイルがあると思いますので参考にして気に入ったら利用して下さい。)

すでに、セットアップされていることを前提にしています。


バックアップ方法の一例



1.スキン編集画面を表示します。



a0031863_19341841.gif




2.この画面上でキーボードから、CTRL+A を押してすべてを選択します。
 (マウスの右クリックまたは、ブラウザの編集メニューからもすべてを選択が可能です。)

3. 次に、CTRL+SHIFT+G を押します。(手がつりそうな方はいますか?)
(マウスの左ボタンを押したまま右側にドラックすると紙の箱が表示されるのでこの箱に投げ込んでもOK)

以上の操作でスキンのバックアップが完了です。

4.”紙”の見出しでCTRL+Sで見出しが変更が可能ですので、何のバックアップか分かりやすい名前にしておくと良いです。ちなみに、取り込んだホームページの最後にURLと日付けが付きます。



復元方法の一例



1.”紙”から目的のバックアップしたスキン編集画面を表示します。

2.HTML、CSSなど、コピー&ペーストで復元ができます。

注意:スキンを保存して文字化けしている場合は、もう一度コピー&ペーストをすると直ります。



a0031863_102132.gif紙2001 ver.1.9
動作環境:Windows 95/98/Me/NT4.0/2000/XP搭載パソコン
取扱種別:フリーソフト


ぽっと

[PR]
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2004-07-30 19:26 | │├テクニック | Trackback | Comments(5)
 

スクリーンショットや画像のトリミング



私は、スクリーンショットや画像のトリミングにIrfanViewを使用しています。
スクリーンショットは通常、キーボードの「Print Screen」キーを押してペイントなどにCTRL+Vで付けて加工しますが、ちょっと面倒なのでこのソフトを使用しています。

【スクリーンショットの撮り方】
このソフトを起動し、”オプション(O)”メニューから、”画面の取り込み(C)”を選択します。
すると、以下の画面が表示されます。

私は、このまま”実行”ボタンを押します。



a0031863_165356.jpg



次に、取りたい画面を表示し、CTRL+F11キーを押すと取りたい画面が現れます。

マウスで切り抜きたい場所をドラッグしてから、編集(E)の選択範囲を切り出すを選びます。
すると、選択された範囲だけが取り出せます。

後は、ファイルに保存するだけです。ファイルはGIFかJPGで保存すると良いと思います。

使用環境:Windows

窓の杜 - IrfanView 日本語版窓の杜 - 窓の杜サーチ:


ぽっと



CopyRight(C) 2004 All rights reserved by potto37
[PR]
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2004-07-18 16:43 | │├テクニック | Trackback(1) | Comments(10)
 

■コメントアウト(ちょっとしたテクニック)

私は、手探りでスタイルシートの編集を行うときは、コメントアウトを多用します。
スタイルシートとは、WEBページ上の「見栄え」を定義するため技術で、CSS(Cascading Style Sheets)とも言います。

さてコメントアウトですが、プログラムを経験されている方ならよく利用するテクニックのひとつで、元々書かれているコマンドを消さないで、コメントとして無効化する方法です。

スタイルシートでは、/* から */ までの間に書いてある部分をコメントと認識し
無効化します。

つまり、次のように/**/でコードを囲んで無効化します。




 /* COLOR: #0000FF; */



この方法でもよいのですが、コードの後ろに /*カラー*/というコメントがある場合は、先頭に/*を入れるだけでコメントアウトされます。

  color=red>/*  COLOR: #0000FF; /*カラー*/




コメントアウトしたコードは、必要になったらコメント部分を取り外せはコードとして認識します。
ちょっとした簡単なテクニックですが、手探りで調べてい私には大切なテクニックですよ。
よろしかったら利用して下さいね♪

みんと♪


# by minto7mimi | 2004-06-30 22:35 | スキン編集
[PR]
記事の下の方に広告が表示される場合があります。この広告はエキサイトの広告枠です。
by potto37 | 2004-07-13 10:16 | │├テクニック | Trackback | Comments(0)
掲載の記事や画像などすべての複写・転載・公衆送信等はご遠慮ください。