ホームページ作成ガイド

ここではホームページソフトを利用されたことがない方が、無料のツール(alphaEDIT)や無料のテンプレートを使って、ホームページを作成する手順をガイドしています。

STEP 1ホームページを作るエディタプログラムの準備

ホームページを作る(編集する)プログラムの準備をします。

ここでは、「alphaEDIT」というプログラムを使って編集を進めていきます

このプログラムは、「HTMLソース」というタグ(<>で囲まれた文字)を用いて作成する方法と、「WYSIWIG」というホームページを見たままの状態に近い画面を見ながら編集する方法の両方でホームページの編集をすることが出来ます。「HTMLソース」での編集にはHTML言語の知識が必要で、ある程度勉強をしないと作成が難しい方法ですのでここでは、「WYSIWIG」モードを使って編集していきましょう。

alphaEDIT
提供元 KraftWorks
■無料
■圧縮形式 LZH
■ 動作環境:日本語版 Microsoft(R) Windows98/ME/2000/XP、 InternetExplorer 5.5以降がインストールされていること。
■HTMLタグがわからない初心者でもワープロ感覚でホームページを作成できる、ホームページエディタです。
■alphaEDIT ダウンロード
■alphaEDIT オンラインヘルプ

プログラムのダウンロード

○「KraftWorks」のホームページへアクセスします。
KraftWorks
○左側メニューのソフトウェア欄「alphaEDIT」をクリックします。
alphaEDIT – KraftWorks
○「ダウンロード」をクリックします。
 ダウンロードが始まりますので、適当な場所(マイドキュメントやデスクトップなど)に保存します。
 保存の方法は各ブラウザによって異なりますので、それぞれの方法で保存してください。
○保存したファイルを解凍(展開)します。
○展開したフォルダを開いて、alphaEDIT.exeをダブルクリックすると起動します

001_desktop

alphaEDITのプログラムフォルダの例

arrow
002_execlick

解凍された”aledXXX”フォルダ>alphaEDIT.exe


○デスクトップにショートカットを作っておくと便利です。
003_shorcut

alphaEDIT.exeアイコンを右クリック>「送る(N)」>デスクトップ(ショートカットを作成)

arrow
004_shortcut

ショートカットができました

STEP 2テンプレートのダウンロードと編集

ホームページをゼロから作ることは非常に大変な作業です。
市販のホームページエディタなどには、ホームページのサンプルや、ホームページのベースになるテンプレートが用意されていて、カンタンにホームページを作ることができますが、ここではインターネット上で無料配布しているテンプレートを使ってみましょう。
今回利用するテンプレートは、「Nikukyu-Punch」さんのテンプレートを利用させていただきます。

Nikukyu-Punch
提供元 Nikukyu-Punch
■無料
■圧縮形式 LZH
■ビジネス・WEBショップ・個人向けのテンプレートがあります。本格的なウェブデザインが全て無料。
Nikukyu-Punchトップページからお好きなテンプレートを選んでダウンロードしご利用いただきます

テンプレートの選定とダウンロード

Nikukyu-Punchトップページへアクセスします
利用上の規約等もあわせてご確認ください
○用途に合わせたテンプレートを選択します
○気に入ったテンプレートを選び、ダウンロードします
 ※例として個人サイト向けテンプレートから「simple13_black_blue」というテンプレートを使ってみました(参考、下記画像)
 「ダウンロード」をクリックします。
 ダウンロードが始まりますので、適当な場所(マイドキュメントやデスクトップなど)に保存します。
 保存の方法は各ブラウザによって異なりますので、それぞれの方法で保存してください。
005_nikukyu_cool○ダウンロードしたファイルを解凍(展開)します

006_simple

LZH形式のダウンロードファイルと解凍後フォルダの例

arrow

ホームページの編集

○「alphaEDIT」を起動します。
004_shortcut
○ファイル→開くをクリックして展開したフォルダから「index.html」を開きます。
007_simple
○あらかじめ書いてあるテキストを書き換えたり、画像を貼りこんで編集します。008_simple
○編集した内容は上書き保存で保存しましょう。
※詳細な使い方はオンラインヘルプをご参照ください。
alphaEDIT Help – KraftWorks
arrow

FTP設定

alphaEDITのツール⇒オプションでFTPの設定が出来ます。
009_simple
FTP接続情報、アカウント情報

FTPサーバ(F)  : ftp.ドメイン名 
※サーバ移転中、またはドメイン名未設定の場合、IPアドレスで指定ください。 
ユーザID(U)  : FTP設定ガイド RS | Plesk11 専用 | START/FLEX/Plesk8専用 
を参考にご確認下さい。  
パスワード  : FTP設定ガイド RS | Plesk11 専用 | START/FLEX/Plesk8専用
 を参考にご確認下さい。 
※IPアドレスの確認方法はホスティングプランごとに違います。下記をご参照ください。
 >>利用しているサーバのIPアドレスを確認したいのですが。

この設定がされているとアップロードが楽です
ツール⇒FTPアップロード
alphaEDITに付属のアップローダが起動します
010_simple
接続ボタンをクリックして接続
左側のファイルを全選択して右側のフォルダ/httpdocsにアップロードします。
011_simple
アップロードが終了したら接続を切断します。

ホームページにアクセスしてページを確認します。