ホームページライフ 活用ガイド

ホームページ作成ガイド
かんたんサイト作成で、サイトを立ち上げてみましょう!

ホームページ作成ガイド

かんたんサイト作成ガイド編

STEP3 基本情報入力

  • STEP1 URL確認
  • STEP2 テンプレートの選択
  • STEP3 基本情報入力
  • STEP4 コンテンツ設定
  • STEP5 入力内容確認
  • STEP6 プレビュー
  • STEP7 サイト設置完了!
ロゴ画像が既にある場合
デザイン会社等に依頼してロゴを作成してもらった・もしくは社内でロゴを作成した場合、ロゴの作成者に連絡してデータを貰いましょう。
一般的にロゴの元データはAdobe Illustratorというソフトの.ai形式で保存されていることが多いです。
もちろん、それ以外の形式の場合もあります。
そういった特殊な保存形式の場合、元データが社内にある場合でも、ソフトがないとファイルを閲覧することはできません。制作側に頼むのが確実です。

その際、
「会社のサイト用ロゴデータ、大きさは幅200px高さ40px以内で、JPEGもしくは透過GIFで提供してほしい」
という風に伝えるとわかりやすいでしょう。

 画像の用意が出来たので次へ進む
ロゴ画像はあるがサイズが違う場合
Adobe Photoshopなどの画像編集ソフトでリサイズ・透過保存ができます。
また、Adobe Photoshopなどの高額なソフトでなくても、フリー(無料)で利用できる画像編集ソフトがネット上にはたくさんあります。「画像編集 フリーソフト」とGoogleやYahoo! JAPAN等で検索すればたくさんヒットするでしょう。
※そういったフリーソフトを使用する場合は動作環境や使用条件を必ず確かめるようにしましょう。

ここではそんなフリーソフトの1つ、「AzPainter2」を使って画像編集する方法をご紹介します。
 ← AzPainter2画面見本
まずは、サイトからソフトをダウンロードしましょう。下記URLをクリックします。

http://hp.vector.co.jp/authors/VA033749/soft/azpainter2.html
1.AzPainter2をダウンロードして起動する
 ページが開いたらまず、概要を確認してください。
確認したらスクロールして、画面下部の方にあるダウンロード「azpt209.zip 」をクリックします。

するとファイル保存用のダイアログボックスが立ち上がるので、「ファイルを保存する」にチェックを入れて「OK」をクリックしてください。

ファイルがZIP形式でダウンロードされます。
「ZIP」とは圧縮ファイルのことです。ダブルクリックすると解凍され、閲覧できるようになります。



解凍したフォルダの中を確認すると、以下のようなファイルが中にあります。
その中から、「AzPainter2.exe」をダブルクリックしてください。その他のファイルには触らないようにしましょう。

ショートカットアイコンで素早く起動する
 「AzPainter2」のショートカットをデスクトップに作成しておくと、次回から素早く起動できます。
「AzPainter2.exe」を右クリックして、
「送る」→「デスクトップ(ショート時カットを作成)」をクリックすると、デスクトップにショートカットアイコンが表示されます。
次回からは、このアイコンをダブルクリックするだけでソフトを起動できます。

AzPainter2を起動すると、以下のような画面が立ち上がります

2.画像のサイズを変更する

最初に画像のサイズを変更してみましょう。まずは画像を読み込みます。
メニューの「ファイル」→「開く」でリサイズ(サイズ変更)したい画像を選んでください。



画像ファイルが開きました。ここでは大きい画像に「縮小」をかけてサイズを幅200px高さ40px以内にします。
メニューの「編集」→「イメージサイズ拡大縮小」をクリックします。



拡大縮小のダイアログボックスが立ち上がるので、「サイズ指定」の幅の数値を200にします。
 この時、「縦横比維持」にチェックが入ったままだと高さの数値も勝手に変わります。

例の場合、506px×80pxの画像で、横幅を506pxから200pxにすると高さは31pxになりました。
40px以下なので、このまま「OK」をクリックします。

40px以上だった場合は「縦横比維持」のチェックを外して数値を書き換えるか、「縦横比維持」のチェックは入れたまま高さを40pxにしてください。
すると高さに合わせて横幅が勝手に変わります。
「OK」をクリックすると画像が縮小されます。拡大する場合も同じ手順で行ってください。
これで画像のリサイズが完了しました。



 画像のサイズを変更したので保存するに進む
このページの先頭へ