サイト作成のTIPS

バナー台へ文字を入れたい場合。

簡単バナー（プンプンソフトさん）での簡単な作成の流れ。

←このバナーに文字入れしていきます。

1：まず、画像を開きます。

2：バナー台が表示されます。

3：文字列タブの記入欄に入れたい文字を書き込みます。
フォントサイズは、フォントタブで調整してください。
文字位置のタブをクリックし「X方向」「Y方向」に数値を入力し文字の位置を調整します。

4：文字が目立たないので縁取りのタブを選択し、2px縁を付けました。
刷毛ボタンをクリックで、内容が実行されます。

5：改行は出来ないので「文字列2」をクリックし、改行以下の文字列を記入。
同じ作業を繰り返します。

6：完成なので、名前を付けて保存します。

←実際作ったものです。ちゃんと文字入れ出来ました★
ただ難点があって、既存の透過GIFのバナー台は使えません。
透過部分が黒く表示されます。
当サイト内の画像を使う場合は、「透過済み」の表示の無いものを使ってくださいね。

追記：バナー自動作成HyperBanneMaker様にバナーを何点か投稿しました。

余裕があればシェアウェアを買うと楽です。Adobe Photoshop Elementsをオススメします。

サイト作成のTIPS

画像素材の保存方法。

当サイト内で配布している素材は以下の手順でお持ち帰りできます。
ウチは直リンクは推奨しておりません。素材はお持ち帰りの上ご自分のサーバーにアップロードして使ってね。

windowsの場合

まず、保存したい画像の上にカーソルを乗せ、右クリックします。

「名前を付けて画像を保存」と言う表示が出ますので、
そのまま任意のフォルダに保存してください。
※名前は、必ずアルファベットの小文字で付けましょう。
ネット用には日本語はオススメできません。

Macの場合

保存したい画像をクリックし、メニューが出たら、
「画像に名前を付けて保存」で任意の場所に保存。
ゴメンナサイ、Mac無いので説明が簡潔です（＾▽＾；）

サイト作成のTIPS

テンプレートの編集方法。

テンプレートの書き換えは、WYSIWYGエディタが便利です。フリーウェア（無料ソフト）ではalphaEDITを強くオススメします。実際使って良い感じでした！簡単ですが解説をさせて頂きます。

その他のエディタ特集はこちらです。

テンプレート書き換えの簡単な手順説明

テンプレートと、alphaEDITで書き換えたページのサンプルです。(別窓)

詳しい解説は、alphaEDITでホームページを作ろう！さんや、使って楽しいalphaEDITのすすめさんがされています♪

「alphaEDIT」でのテンプレート編集手順。
ファイルを開きます。

文字を書き換えたい部分を、ドラックしてぐ～っと引っ張って選択し、
その上から文字を上書きします。

エンターを押すと、自動で<P> タグが挿入されますので、
空白を含まない改行の場合は改行ボタンを使って改行しましょう。

微調整は、HTMLソースを見ながらやりましょう。
HTMLの記述を覚えると更新もグッと楽になりますよ!!
HTMLリファレンスを公開されているサイトさんが沢山ありますので
恩恵にあずかって勉強しちゃいましょ♪
非常に微妙ですが、HTMLの基本の基本はウチでも解説してます。

 画像の挿入法

メニューから、「挿入」→「画像」で挿入したいファイルを選択します。
この時、代替テキストも設定しておくと良い感じ♪

イメージが挿入されました。

 FTPでアップロード

メニューから「オプション」→「FTP転送」を選択。
使用するFTPアップローダーを付属のアップローダーにチェック。
その下の接続情報に、サーバーから提供されたFTP接続情報を入力。
（※ブラウザでファイルマネージャーの場合は指示に沿ってアップロード。）

メニューボタンから、地球に矢印がかかったマークをクリックします。
（「ツール」→「FTPアップロード」でもオッケーです。

メニュー左上から「ファイル」→「接続」でサーバーに接続し、アップロード。

---

以上で完成です。ブラウザでサイトに アクセスして、確認してみましょう♪

サイト作成のTIPS

大きい画像の縮小方法

デジカメで取った画像って、大きいですね。
そのままの状態でアップロードするのはキツイです。
縦横の比率を変えずに縮小するなら、断然「縮小専用」がオススメ♪
直感的に使えるので、コレに関しては説明は不要かと。

欲しい部分だけ切り抜く場合は、「PictBear」がGOOD！
切り抜く方法を簡単に紹介しますね★

お金に余裕があるのならAdobe Photoshop Elementsをオススメします。
私もフォトレタッチに使ってます♪
シェアウェアでしかも高いだけあって使いやすいです。

ピクピク [ケータイ待ち受けピッタリ変換]
http://www.picpic.net/

ケータイ待ち受けピッタリ変換「ピクピク」は
お気に入りの写真をケータイの待ち受けにピッタリ変換できる無料ツールです！

百聞は一見にしかず。とりあえず、見に行ってみてください♪
携帯向け待ち受けが簡単に作れるので、携帯待ち受けを配布しているサイトさんは必見かも。