パソコン教室 HP製作 イプシロン Windowsの使い方(98,Me,XP)/Internet Explorerの使い方/Outlook Expressの使い方/Wordの使い方/Excelの使い方/IME2002/2000の活用法/筆自慢の使い方/一太郎スマイル/ホームページの作り方/CGIやるぞ! 〜超初心者の私にもできるかな?/Flashの使い方/Photoshopの使い方/筆ぐるめの使い方/私のデスクトップ/おすすめパソコン書籍/ヤフーオークション出品用の写真編集と商品説明作成/パソコン教室/HP素材/廣瀬さんの作品(素材)/生徒さんのHP/HP作成代行/サンプル/料金/HP製作依頼/ 


ホームページの作り方

1,基礎の基礎、ホームページ用のフォルダを作る 2,仮トップページを作る1/2/ 3.サイトを作る1/2/ 4.サイト転送の設定/FTPツールの設定1/2  5.ウェブ・アートデザイナーでタイトルロゴを作る1/2/3/4/5/ 6.タイトルロゴをトップページに貼る(画像の挿入) 7.ホームページサイトを決める(無料ホームページ) 8.ページタイトル、背景色 9文字の入力、フォント、修飾1/2 10..リンクの挿入サイト内の全ページにHOMEへのリンクを作成する1/2 11.サイト転送する1/2 12.メールのリンクを挿入する1/2 13.掲示板やチャットルームを作る 14.犯しやすいミス 15.ウェブアートデザイナーで写真を加工1/2/3 16.GIFアニメを作る1/2/3/4/5 17.背景画像を作る1/2/3/ 18.テーブルを使ってすっきりレイアウト1/2/3/4/5  19. 画像の中にたくさんリンクを入れる(クリッカブルマップ)20.アンケートを作る(sendmail)1/2/3/4/21.別のページの特定の場所にリンクする1/2/22.画像のまわりに空白なしのウィンドウを表示する1/2/23.流れる文字(マーキー)の挿入1/2/24.流れる画像を挿入 /25.ボタンをクリックすると小さなウィンドウが出てくる 26.色について 27.素材屋さんの素材を使う 28.バナーを作る1/2/3/30.JavaScriptのゲームをアップする1/2/3/ 31.Flashを使ってみよう!A 文字を書いてアニメに1/2/3/4/5/6/7/8/9/10/11/12/13/14/15/16/32.ホームページに地図を挿入する1/2/3/4/5 33.Excelで作ったグラフをホームページに貼り付ける1/2/3/33.レイアウトとデザインについて /34.写真を加工する(サイズの変更)/35.CGIをアップ時のファイル転送ソフトでのアクセス権の変更&フォルダの作り方/36.Anfyで画像に効果を入れる/37.ブログを作るなら、どこを使うか/ 38.無料ホームページに登録する/39.ブログを作るなら、どこを使うか /40.有名なサイトを真似てタイトルロゴを作る/41.タイトルロゴを基にしてバナーを作る/42.トップページのレイアウト/43.infoseekのサイト転送設定/44.入力フォームを設置する/45.アクセスカウンターを設置する(infoseek)/46.アクセス解析を設置する/47.メルマガを発行する/48.掲示板を設置する(infoseek)/49.一発太郎に登録する/50.HPビルダーなしでホームページを更新する/51.HPビルダー体験版をダウンロードしてインストールする/52.FTPツールをダウンロードしてインストールする/53.FC2の会員になる/54.FC2のサービスを追加する/55.HPビルダー体験版でホームページを作る//56.FC2にホームページファイルをアップロードする/57.ホームページにカウンターを設置する/58.Windowsのペイントで写真のサイズを変更する/59「かんたんページ作成」で作ってみる(Vers.10)/60.ウェブアートデザイナーでトップ画像を作る/61.トップ画像を使いテーブルを作ってトップページを作る/62.左メニューを作る/63.サイト設定にフォルダ詳細設定する/64.本文の枠にテーブルを入れる/65.メリハリのあるレイアウト/67.新しいウィンドウを開き大きな写真を表示する/68. ウェブアートデザイナーで図を作成/ 69.WinSCPでファイルを転送する 1/2/3/

68.ウェブアートデザイナーで図を作成
ウェブアートデザイナーで右図のような図を作ってみましょう。
ウェブアートデザイナーを起動したら、「表示」をクリックして「グリッドの表示」をクリックし、それからもう一度「表示」をクリックし「グリッドに合わせる」をクリックします。
ウェブアートデザイナーで図
まず、矢印を描きます。
「多角形(塗り潰しのみ)をクリックします。
色は右図のように、背景色を赤色にして下さい。
ウェブアートデザイナーで図
ドラッグ、クリックしながら、右図のような矢印を、描いてみてください。グリッドに合わせるになっているので、線に沿ったピッタリした直線が描けます。
次に文字を入れます。

文字ツールをクリックしてから、「縦書き」をクリックします。
「物価上昇率」と白字で書いてみましょう。
矢印の大きさに合うように、フォントを調整しましょう。

次に「多角形(塗り潰しのみ)」で黄色い三角形を描き、「賃金下落?」と横書きにして、赤色で描き(フォントは「物価上昇率」と同じにしてください)、「楕円形・円(塗り潰しのみ)」で青色の円を描き、「物価安定?」と赤色で同じフォントで描いてください。
全部描けたら、見づらいので、「表示」→「グリッドの表示」をクリックし、グリッドを非表示にしてます。
できたら、三つの図形、矢印、三角、円を合わせて切り抜きます。
切り抜けたら、少し小さくします。
「オブジェクトの編集」をクリックし、「幅」「200」にしましょう。「縦横比保持」にチェックを入れたままにして調整します。
できたら、「ファイル」→「Web用保存ウィザード」で保存します。

保存形式は「GIF」にします。
図の周りを透明にしましょう。
透明になっていないときは、「透明化」をクリックしましょう。
「image」という名前ではなく、「bukka.gif」とでも名前をつけ「img」フォルダに保存します。

できたら、キャンバスを保存しておきましょう。
「ファイル」→「名前をつけてキャンバスを保存」をクリックし「bukka」とでも名前をつけ保存しましょう。

BACK/NEXT
HOME/Word の使い方/Internet Explorerの使い方/Excelの使い方/Outlook Expressの使い方/Windows の使い方/ホームページの作り方/私のデスクトップ/おすすめパソコン書籍/おすすめExcel書籍/HP作成代行/パソコン教室/
メインサイトへ ハリポタ勉強会へ