ホームページリニューアル、どうすれば？FireworksとDreamweaverで作ったサイトを公開する方法を徹底解説

この記事では、FireworksとDreamweaverを使って制作したウェブサイトを公開したいけれど、具体的な手順が分からず困っている方に向けて、具体的な方法をわかりやすく解説します。ウェブサイト制作の知識が浅い方でも、この記事を読めば安心して作業を進められるように、専門用語を避け、具体的なステップと役立つ情報を提供します。5年前に作られたホームページのリニューアルという状況を想定し、サーバー情報が不明な場合でも対応できる方法を提案します。

自営業をしている知人から、会社のサイトをリニューアルしてほしいと依頼をされました。

私自身、FireworksとDreamweaverを少し使った事がある程度で、サイトをアップするまでの知識はほとんどありません。

現在のホームページは５年前にビルダーを使用して作られたそうで、今は作成者が退職した為、サーバーの情報（URLやIDなど）は一切解らないとのことでした。

先方のPCには現在、ホームページビルダー、Fireworks、Dreamweaverなどのソフトは一切入っていないとのことです。

知識が無さ過ぎて大変恐縮なのですが、私の自宅でFireworks、Dreamweaverで作成したファイルをアップする方法として、この場合、どの様な手段がございますでしょうか。

私自身、ホームページのアップはした事が無く、ほとんど初心者に近い為、どの様な手順で行えばいいのか解りやすく教えて頂けないでしょうか。

また解りやすいサイトなどもあれば、教えて頂けると有難いです。

宜しくお願いします。

1. サイト公開までの道のり：全体像を理解する

ウェブサイトを公開するプロセスは、家を建てることに似ています。FireworksとDreamweaverで作成したファイルは「設計図」、サーバーは「土地」、インターネットは「道路」です。公開までの道のりを理解することで、各ステップがスムーズに進められます。

設計図の準備（サイトファイルの作成）： FireworksやDreamweaverで、ウェブサイトのデザインとコンテンツを作成します。
土地の確保（レンタルサーバーの契約）： ウェブサイトを置く場所として、レンタルサーバーを契約します。サーバーは、ウェブサイトのデータ（HTMLファイル、画像、CSSファイルなど）を保管し、インターネット上で公開するための場所です。
住所の取得（ドメインの設定）： ウェブサイトの住所（ドメイン名、例：www.example.com）を取得し、サーバーと紐付けます。
建築（ファイルのアップロード）： 作成したファイルをサーバーにアップロードします。
公開（ウェブサイトの公開）： アップロードが完了すると、ウェブサイトがインターネット上で公開され、世界中の人々がアクセスできるようになります。

2. サーバー選び：レンタルサーバーの比較検討

レンタルサーバーを選ぶことは、ウェブサイト公開の最初のステップです。数多くのレンタルサーバー会社があり、それぞれ特徴が異なります。自分に合ったサーバーを選ぶために、以下の点を比較検討しましょう。

料金： 月額料金や初期費用、更新費用などを比較します。無料プランもありますが、機能制限がある場合が多いです。
容量： ウェブサイトのファイルサイズ（HTMLファイル、画像、動画など）に合わせて、十分な容量のプランを選びます。
転送量： ウェブサイトへのアクセス数に応じて、必要な転送量を確保します。転送量を超えると、ウェブサイトが表示されなくなる場合があります。
機能： データベース（MySQLなど）、メールアカウント、WordPressなどのCMS（コンテンツ管理システム）の利用可否などを確認します。
サポート体制： 電話、メール、チャットなど、サポート体制が充実しているかを確認します。

おすすめのレンタルサーバーをいくつかご紹介します。

ConoHa WING： 高速なサーバー環境と、WordPressなどのCMSの簡単インストール機能が魅力です。初心者にも使いやすいコントロールパネルが提供されています。
XSERVER： 安定した稼働率と、高い処理能力が特徴です。大規模なウェブサイトや、アクセス数の多いウェブサイトに適しています。
ロリポップ！： 料金が比較的安価で、初心者向けの機能が充実しています。WordPressの簡単インストール機能や、無料のSSL証明書などが利用できます。

これらのレンタルサーバーの比較検討を行い、ご自身のウェブサイトの規模や予算、必要な機能に合わせて最適なサーバーを選びましょう。

3. ドメイン取得：ウェブサイトの住所を決める

ドメインは、ウェブサイトのインターネット上の住所です。ドメインを取得することで、訪問者はウェブブラウザにドメイン名を入力するだけで、あなたのウェブサイトにアクセスできるようになります。ドメイン取得には、以下の手順が必要です。

ドメイン名の決定： ウェブサイトの内容やブランドイメージに合った、覚えやすく、短いドメイン名を考えます。
ドメインの検索： ドメイン取得サービス（お名前.com、ムームードメインなど）で、希望するドメイン名が利用可能か（他の人に取得されていないか）を検索します。
ドメインの取得： 利用可能なドメイン名が見つかったら、取得手続きを行います。ドメインの種類（.com、.jp、.netなど）を選択し、必要な情報を入力して、料金を支払います。
ネームサーバーの設定： 取得したドメインと、レンタルサーバーを紐付けるために、ネームサーバーの設定を行います。レンタルサーバー会社から提供されるネームサーバー情報を、ドメイン取得サービスの管理画面で設定します。

ドメイン取得には費用がかかりますが、ウェブサイトの信頼性を高め、ブランディングを強化するために重要です。ドメイン取得サービスによっては、レンタルサーバーとセットで契約すると、ドメインを無料で取得できるキャンペーンなどもあります。

4. ファイルのアップロード：FTPソフトの活用

FireworksとDreamweaverで作成したファイルをサーバーにアップロードするには、FTP（File Transfer Protocol）ソフトを使用します。FTPソフトは、パソコンとサーバーの間でファイルを送受信するためのツールです。

FTPソフトには様々な種類がありますが、初心者におすすめなのは、FileZillaです。FileZillaは無料で利用でき、直感的なインターフェースで使いやすいのが特徴です。

FTPソフトでファイルをアップロードする手順は、以下の通りです。

FTPソフトのインストール： FileZillaなどのFTPソフトをパソコンにインストールします。
サーバー情報の設定： レンタルサーバーから提供された、FTP接続に必要な情報をFTPソフトに設定します。
- ホスト名（サーバーのIPアドレスまたはドメイン名）
- ユーザー名
- パスワード
- ポート番号（通常は21）
サーバーへの接続： FTPソフトでサーバーに接続します。接続が成功すると、サーバー側のファイル一覧が表示されます。
ファイルのアップロード： ローカル（パソコン）側のファイルを選択し、サーバー側の公開ディレクトリ（通常は「public_html」や「www」）にドラッグ＆ドロップでアップロードします。
パーミッションの設定： アップロードしたファイルのパーミッション（ファイルのアクセス権）を設定します。通常、HTMLファイルは「644」、ディレクトリ（フォルダ）は「755」に設定します。

FTPソフトの使い方をマスターすることで、ウェブサイトのファイルを簡単に管理し、更新できるようになります。

5. サイトの構造とファイル構成：整理整頓の重要性

ウェブサイトの構造とファイル構成を整理整頓することは、ウェブサイトの管理と更新を容易にするために不可欠です。整理されたファイル構造は、ウェブサイトのパフォーマンス向上にもつながります。

基本的なファイル構成の例を以下に示します。

index.html： ウェブサイトのトップページ（ホームページ）のファイルです。
css/： スタイルシート（CSSファイル）を格納するフォルダです。
- style.css：ウェブサイト全体のスタイルを定義するファイルです。
images/： 画像ファイルを格納するフォルダです。
- logo.png：ロゴ画像
- hero.jpg：ヒーロー画像
js/： JavaScriptファイルを格納するフォルダです。
- script.js：ウェブサイトの動的な機能を実装するファイルです。
about.html： 会社概要ページ
service.html： サービス紹介ページ
contact.html： お問い合わせページ

このように、ファイルの種類ごとにフォルダを分け、関連するファイルをまとめて整理することで、ウェブサイトの構造を把握しやすくなります。また、ファイル名も分かりやすいものを使用し、更新作業の際に迷わないようにしましょう。

6. FireworksとDreamweaverでのファイル作成と準備

FireworksとDreamweaverは、ウェブサイトのデザインとコーディングに役立つ強力なツールです。Fireworksでデザインを作成し、DreamweaverでHTMLファイルを作成・編集することで、ウェブサイトを効率的に構築できます。

Fireworksでのデザイン作成： Fireworksでウェブサイトのデザインを作成します。ロゴ、ボタン、画像、レイアウトなど、ウェブサイトに必要な要素をデザインします。デザインが完成したら、画像を最適化し、必要なファイルを書き出します。
DreamweaverでのHTML・CSSコーディング： DreamweaverでHTMLファイルを作成し、Fireworksで書き出した画像などを配置します。CSSファイルを作成し、ウェブサイト全体のスタイルを定義します。
ファイルの書き出し： Fireworksで作成したデザインを、HTMLファイル、CSSファイル、画像ファイルとして書き出します。

FireworksとDreamweaverを連携させることで、デザインとコーディングを効率的に行い、美しいウェブサイトを制作できます。

7. サーバー情報が不明な場合の対応策

今回のケースのように、サーバー情報（URLやIDなど）が不明な場合でも、諦める必要はありません。以下の方法で、情報を特定できる可能性があります。

作成者に連絡を取る： まずは、ウェブサイトを作成した知人に連絡を取り、サーバー情報を教えてもらえないか相談しましょう。
ドメイン登録情報を確認する： ドメインの登録情報から、サーバー情報を特定できる場合があります。Whois検索サイトを利用して、ドメインの登録者情報を確認し、連絡を取ってみましょう。
ウェブサイトのソースコードを調べる： ウェブサイトのHTMLソースコードに、サーバー情報が記載されている場合があります。ブラウザの「検証」機能を使用して、ソースコードを調べてみましょう。
サーバー会社に問い合わせる： ドメイン名が分かれば、ドメインのネームサーバーから、利用しているサーバー会社を特定できる場合があります。サーバー会社に問い合わせて、サーバー情報を教えてもらえないか相談してみましょう。
ウェブサイトの再構築： どうしてもサーバー情報が特定できない場合は、ウェブサイトを再構築することも検討しましょう。FireworksとDreamweaverで、新しいデザインとコンテンツを作成し、新しいサーバーで公開します。

これらの方法を試してもサーバー情報が特定できない場合は、専門家（ウェブデザイナーやウェブ制作会社）に相談し、サポートを受けることも検討しましょう。

8. ウェブサイト公開後の注意点：保守と更新

ウェブサイトを公開した後も、継続的な保守と更新が必要です。ウェブサイトを常に最新の状態に保ち、訪問者にとって魅力的なものにするために、以下の点に注意しましょう。

コンテンツの更新： 最新の情報やニュースを定期的に更新し、訪問者に新鮮な情報を提供します。
デザインの修正： ウェブサイトのデザインを定期的に見直し、時代に合ったデザインに修正します。
SEO対策： 検索エンジンのランキングを向上させるために、SEO対策を行います。キーワードの選定、コンテンツの最適化、内部リンクの構築などを行います。
セキュリティ対策： ウェブサイトのセキュリティを強化し、不正アクセスや改ざんから保護します。
バックアップ： ウェブサイトのデータを定期的にバックアップし、万が一の事態に備えます。
アクセス解析： Google Analyticsなどのアクセス解析ツールを使用して、ウェブサイトのアクセス状況を分析し、改善点を見つけます。

これらの対策を行うことで、ウェブサイトの価値を高め、ビジネスの成果を最大化できます。

もっとパーソナルなアドバイスが必要なあなたへ

この記事では一般的な解決策を提示しましたが、あなたの悩みは唯一無二です。
AIキャリアパートナー「あかりちゃん」が、LINEであなたの悩みをリアルタイムに聞き、具体的な求人探しまでサポートします。

今すぐLINEで「あかりちゃん」に無料相談する

無理な勧誘は一切ありません。まずは話を聞いてもらうだけでも、心が軽くなるはずです。

9. ウェブサイト制作のプロに依頼するメリット

ウェブサイト制作には、専門的な知識と技術が必要です。もし、ご自身での作業が難しいと感じたら、ウェブサイト制作のプロに依頼することも検討しましょう。プロに依頼するメリットは、以下の通りです。

高品質なウェブサイト： プロは、デザイン、コーディング、SEO対策など、ウェブサイト制作に関する専門的な知識と技術を持っています。高品質なウェブサイトを制作し、ビジネスの成果を最大化できます。
時間と労力の節約： ウェブサイト制作にかかる時間と労力を節約できます。
最新技術への対応： 最新のウェブ技術やトレンドに対応したウェブサイトを制作できます。
SEO対策の強化： SEO対策を施したウェブサイトを制作し、検索エンジンのランキングを向上させることができます。
専門的なサポート： ウェブサイト公開後の保守、更新、トラブル対応など、専門的なサポートを受けることができます。

ウェブサイト制作会社を選ぶ際には、実績、得意分野、料金などを比較検討し、信頼できるパートナーを選びましょう。

10. まとめ：ウェブサイト公開への第一歩を踏み出す

この記事では、FireworksとDreamweaverで作成したウェブサイトを公開する方法について、具体的な手順と役立つ情報を提供しました。サーバー選び、ドメイン取得、ファイルのアップロード、ウェブサイトの構造、サーバー情報が不明な場合の対応策など、ウェブサイト公開に必要な知識を網羅的に解説しました。

ウェブサイト公開は、一見複雑に見えるかもしれませんが、一つ一つのステップを理解し、着実に進めていくことで、必ず成功できます。この記事を参考に、ウェブサイト公開への第一歩を踏み出し、ビジネスの可能性を広げましょう。

もし、どうしても自分だけでは難しいと感じたら、専門家への相談も検討してみてください。ウェブサイト制作のプロは、あなたのウェブサイト公開を全面的にサポートします。

コメントするコメントをキャンセル

お役立ちコンテンツ

転職体験談

転職ノウハウ

転職コラム

コミュ力が、
最強の武器
になる。

まずは登録