「ソースネクスト ホームページZERO」ならホームページも素材も簡単作成
最長2017年まで更新無料という驚きの「ホームページZERO」
ソースネクストから発売された「ホームページZERO」は、ホームページ作成ソフト「ホームページZERO」、画像編集ソフト「Paintgraphic SD」、GIFアニメーションソフト「DigitalAnimator」から構成される統合ホームページ作成ツールです。マイクロソフトウインドウズVistaの公式サポート期間、最長2017年までは更新無料で使えます。この「ホームページZERO」は「簡単に、デザインの整ったサイトを作りたい！」という方に特におすすめです。スタイルシートを利用したテンプレートを使って、スタイリッシュなページを簡単に作ることができます。デザインの細かいカスタマイズはメニューからおこないますので、スタイルシートに関する知識は不要です。「ホームページビルダー」で作ったページのインポートにも対応しています。収録されているホームページ用素材は三万点以上。また、「Paintgraphic SD」「DigitalAnimator」を使っての素材作りも楽しめます。今回は、「ホームページZERO」を使ってのホームページの作成と、「DigitalAnimator」を使ってのアニメーション素材の作り方、収録素材の一部をご紹介しましょう。
まずはテンプレートからホームページを作成しよう
この「ホームページZERO」でのサイト作成は、まず基本となるデザインテンプレートを選択するところから始まります。ご自分で細かく作りこみたい、という方も、まずはイメージに一番近いデザインを選択することろから始めましょう。 1.新規作成したら、まずイメージするテーマ・色味のテンプレートを選びます。
2.タイトル・メニュー・サイドメニューなどの構成と配置を選択します。構成は使用したいパーツにチェックを入れて、配置は画面上の矢印ボタンをクリック。後からでも変更可能です。
3.作成するホームページのページ構成を選択します。
4.作成したホームページのデータの保存先を決定します。
5.サイト構成がツリー形式で表示されます。ここで、ページのサムネイルをダブルクリックするとページ編集画面になりますので、あらかじめ入力してあるテンプレート文を削除して入力しなおしましょう。先ほどのサイト構成画面に戻るには、左端の「サイト編集」タブをクリックします。
ページデザインの変更はドラッグ&ドロップで
「ホームページZERO」のいちばんの特徴が、ページのデザインをドラッグ＆ドロップだけで変更できることです。
デザインの変更にあたり、あらかじめお好みのスタイルを「マイスタイル」に登録しておく必要があります。「ホームページZERO」には豊富なテンプレートが用意されていて、どれにしようか迷ってしまいますが、気に入ったものはとりあえず登録してしまいましょう。 1.サイト編集画面上で「スタイルの追加」をクリックすると、ページのスタイルを選択画面が開きます。ここで好みのデザインを選択して、「OK」をクリックします。
2.マイスタイル上に選択したデザインがサムネイルで表示されます。
3.スタイルのサムネイルを、各ページのサムネイル上にドラッグ＆ドロップすると、ページデザインが切り替わります。サイト全体のデザインを変えたい場合は、ドラッグ先をツリーのトップに持って行けばOK。ドラッグ＆ドロップだけでデザイン変更が可能なので、デザインの比較検討やサイトの模様替えが簡単にできます。
次は収録されている素材と
アフィリエイトの設置方法をご紹介します
収録されている素材は3万点以上
ホームページZEROに収録されている素材は3万点以上。画像素材はシンプルなイメージの素材が中心です。
「ボタンセット」を使うと、複数のボタンを一度にまとめて設置できます。
ホームページにアフィリエイト（楽天）機能を設置してみる
「ホームページZERO」では、「楽天アフィリエイト」と「Amazonアソシエイト・プログラム」を手軽に設置するため外部のツールが用意されています。ここでは楽天アフィリエイトの設置方法をご紹介します。なお、楽天アフィリエイトを利用する場合は、あらかじめ楽天ウェブサービスで「アフィリエイトID」と「デベロッパーID」を取得しておきましょう。 1.編集画面上でアフィリエイトへのリンクを入れたい個所をクリックします。次にページ編集画面のオブジェクトの「外部ツール」→「アフィリエイト」をクリックします。
2.「アフィリエイト設定の編集」画面が開きます。ここで、外部ツール名を「楽天アフィリエイト」にして「アフィリエイトID」と「デベロッパーID」を入力します。
3.アフィリエイトで紹介したい商品のID番号を検索キーワード欄に入力して、「検索」ボタンをクリックします。商品が表示されますので、商品をクリックしてから「挿入」をクリックします。キーワードや価格帯を指定して検索し、より多い商品の中から好きな商品を選ぶこともできます。
4.ページ編集画面内にアフィリエイト用の画像とリンクが入ります。確認できたらアフィリエイトの設定画面は閉じてください。
「DigitalAnimator」でGIFアニメーション素材も簡単
「ホームページZERO」にはGIFアニメーションソフト「DigitalAnimator」が同梱されています。画像データを順番に読み込ませるだけでGIFアニメーションのできあがり。まずはデジカメで数枚の写真をとって、順番に読み込ませて、写真を動かしてみましょう。 1.ちょっとづつ変化させて撮影した写真データを用意します。見本ではブロックを順に丸く並べた写真を6枚用意しました。
2.「ホームページZERO」のメニューバー「ツール」から「DigitalAnimator」をクリックすると、「スタートアップウイザード」ダイアログボックスが開きます。ここで「アニメーションウィザード」をクリックします。
3.「アニメーションウィザード1/4 画像の選択」画面で、「画像ファイルの選択」をクリックします。「画像ファイルの選択」ダイアログボックスが開きますので、GIFアニメーションにした画像ファイルをクリックで選んでから「開く」をクリックします。このとき、CTRLキーを押しながら複数枚を同時に選択することもできます。
4.「アニメーションウィザード1/4 画像の選択」画面で必要な画像を登録できたら、「次へ」ボタンをクリックします。
5.「アニメーションウィザード2/4 パレットの設定」と「アニメーションウィザード3/4 透明処理の設定」は、ここではそのまま「次へ」をクリックします。
6.「アニメーションウィザード4/4 フレームの設定」で、画像1コマあたりの時間を指定します。標準では1/10秒になっていますが、ゆっくり見せたい方は、この値を増やしてください。今回は1/5秒に設定しました。
7.画像が「DigitalAnimator」に取り込まれました。ここで、画面左のフレームパレットを確認して、表示する順番を確認してください。順序が違っている場合は、ドラッグ&ドロップで修正できます。
8.「プレビュー開始ボタン」をクリックすると、実際に画像が動きだします。確認できたら「■」（停止）ボタンをクリックします。
9.最後にツールバー上の「上書き保存」ボタンをクリックして、保存先フォルダとファイル名を指定して保存します。
ファイルを選ぶだけの簡単アニメーション作り
一コマごとの時間や透過設定などのGIFアニメーションを作成するための基本的な設定はもちろん、画面切り替えの際のエフェクト機能やテキストアニメーションなど、ビデオ編集ソフト並みの機能の充実ぶりです。でも、まずは難しく考えず、どんどん写真を撮って、「DigitalAnimator」に読み込ませて、アニメーションを作ってみてください。とても楽しいですよ。
前のスレッド ：IPアドレスとは何だろう... || 次のスレッド ：周囲の余白や文字も含めてリンクを...