デザインの学校

東海村のパソコンスクール ~デザインの学校~

gBase

すべての記事

投稿が見つかりませんでした。

  • これからWebサイト制作をはじめる人のために

    これからWebサイト制作をはじめる人のために

    えだ先生めぐ先生Webサイトを作るはどうしたらいいの?

    今から Web制作をしてみたいっていう人の中には、何を勉強すればいいのか戸惑っている人もいるみたいですね…
    これから Web制作を勉強するにあたって、どんなことをどんな順番で勉強したらいいのか…必要な知識を簡単にまとめてみました。

    自分のブログをたちあげたい…
    お知り合いのお店のホームページを作りたい…

    目的を達成するために様々な視点からWebサイトを検討する必要があります。

    サイト制作の流れ

    Webサイトの制作は、大きく以下のような流れで進行します。

    1. flow01打ち合わせ(ヒアリング)
      希望するWebサイトの完成イメージや夢を聞く
    2. flow02サイト設計、制作の段取りを考える
      Webサイト全体の設計、文字要素の整理、各種素材の手配、 ワイヤーフレームの作成、Webサイト完成像の共有
      ※2.3.4は並行作業
    3. flow03撮影、取材
      写真撮影、原稿作成、ナレーション収録など、その企画に必要な素材の収集

    4. flow04素材の加工
      情報の整理、写真や映像の撮影・編集・加工など
    5. flow05ビジュアルデザイン
      Webサイトの見た目をデザインする
    6. flow06マークアップ、プログラミング
      HTML、CSS、JavaScriptやPHPなど、各種言語でWebサイトを制作する
    7. flow07プレビュー・検証・修正
      実際にWebサーバーに置いて確認、修正
    8. flow08公開

    上記の流れをもとに、Webサイトの制作について説明をしていきます。

  • はじめてのWebデザイン

    えだ先生めぐ先生ホームページ作成に役立つものとか、気になったものを紹介していきます。

    一口にwebデザインといっても色々なことがあります。
    大きく分けて”ビジュアルデザイン(見た目)”と”技術的なこと”の2つに別れるかと思います。
    今回は”技術的なこと”を紹介していきます。

    とりあえず用意するもの

    ホームページビルダーやDreamweaverのようなHTML編集用ソフト(オーサリングツール)があればとても便利ですが、持っていなくても大丈夫!
    まずは以下の2つを用意してください。用意するっていってもほとんどのPCにはじめから入っています。

    パソコン(PC)

    パソコンこれは言わずもがなですね・笑

    PC本体は、WindowsでもMacでもお好みで用意してください。
    ノートパソコンでもデスクトップパソコンでもどちらでも大丈夫です。
    web制作が目的であればそれほど値段の高い(=性能のよい)PCは必要ありません。

    映像編集や印刷用データ作成(DTP)などもやりたい場合にはそれなりの性能のものを選んだほうがよいでしょう。

    テキストエディタ(メモ帳)

    Windowsは「スタート」→「プログラム」→「アクセサリ」→「メモ帳」
    Macは”CotEditor”をダウンロードしてください(もちろん自分の使いやすいエディタでもOK)

    僕はTeraPadというテキストエディタを使用しています。

    webブラウザ

    webブラウザとはインターネットをするソフトです。今まさに開いているこのソフトがブラウザです。種類はInternet Explorer(IE)、Google Chrome、Safari、firefox、etc…。
    ※拡張子が非表示の設定をしている方は表示する設定にしておきましょう。

    持っているとよいもの

    グラフィックス系ソフト

    HTML編集用ソフト

    ホームページビルダーやAdobe Dreamweaverなど

    画像編集ソフト

    Adobe Illustrator、Adobe Photoshopなど

    その他必要に応じて

    • Adobe FlashやAdobe Premiereなど、アニメーションや動画編集ソフト
      現在では、Adobe Creative Cloudという製品パッケージがありますので、予算に余裕があれば購入しておくとよいかも。
    • タブレットPCやスマートフォン(スマフォ)
      現在ではモバイルファーストなんて言葉もあるくらい、スマフォ等を使用している人が多いので、ホームページもスマフォ対応を求められます。制作したホームページの確認用に持っておくとよいでしょう。

    PCやソフトは新しい物の方が、より色々なことができるようになっていますので、便利ですが、特に最新のものでなくても大丈夫です!
    学生の方なんかはアカデミック版のような、学生優待価格で購入できるものもあるので、調べてみるとよいですよ。

    ※Adobe製品が多いですけど、決してAdobeのまわし者ではありません・汗

お問い合わせ

以下よりお気軽にお問い合せください。