著者:
Monica Porter
作成日:
17 行進 2021
更新日:
1 J 2024
![【Webデザイナー】未経験からのWebデザインの3つの勉強法!#4](https://i.ytimg.com/vi/R-AtL77nk3Q/hqdefault.jpg)
コンテンツ
Webデザインは、特に今日すべてがインターネットを中心に展開している世界では、非常に貴重なスキルです。本当に得意な場合は、顧客からお金を稼いだり、メンバーシップサイト(ゲストコンテンツへのアクセスを制限するWebサイト)を作成したり、その他の収益化プロジェクトを追求したりできます。そして、あなたが本当にウェブデザインを学ぶ方法を知りたいのなら、この記事はあなたのためです!
手順
パート1/3:はじめに
Webデザインの違いに注意してください。 本のデザインでも、ポスターのデザインでも、イラストでもありません。これらの分野の収益も、Webデザインの目的ではありません。ウェブサイトはゲームやビデオの配信システムであり、それらの配信システムは非常に人目を引くかもしれませんが、ウェブデザインではなく、ゲームデザインとビデオストーリーテリングの典型です。
Webデザインとは何かを知ること。 これが、デジタル環境を作成するプロセスです。- 人間の活動を支援し、奨励する。
- 個々のコンテンツや声を反映または適応する。
- アイデンティティを維持しながら、時間の経過とともにリズミカルに変化します。
使用するリソースを特定します。 ウェブサイト、ビデオ、本が3つの主要なリソースです。 CodecademyとW3Schoolsは、今日の有名なWebサイトの2つです。また、他にもたくさんのリソースがありますので、お気軽にご体験ください!- ウェブサイトを選択した場合は、進行状況を保存するためにアカウントに登録してください。
- ビデオで勉強することを選択した場合は、必要なすべてのビデオを強調表示してください。
- 本で勉強する予定がある場合は、地元の図書館または書店にアクセスしてください。あまりお金をかけたくない(あるいは使いたくない)場合は、ebookまたはPDFドキュメントをダウンロードできます。
- お金を払っても構わないと思っているなら、プロのウェブデザイナーからのオーダーメイドのレッスンを見つける可能性があります。
勉強に費やす必要がある時間を決定します。 あなたが忙しい人なら、あなたは勉強する時間を見つける方法を見つけなければならないでしょう。
Webデザインプログラムをお持ちでない場合は、ダウンロードしてください。 Notepadを使用することもできますが、Adobe Dreamweaver、Microsoft Expression Web、KompoZerなどのプログラムを使用することをお勧めします。他にもたくさんのオプションがあります。もっと調べて、好きなプログラムをダウンロードしてください。広告
パート2/3:研究
HTMLを使い始める. HTMLは、どのWebデザイナーにとっても不可欠なスキルです。タグ、クラス、ID、入力などのマスターコンセプト。- HTMLの最新バージョンはHTML5です。 HTML5はいくつかの新しいテクノロジーを導入しているので、おそらく学ぶのに最適なバージョンです。
- XHTMLも実行可能なオプションです。ただし、このバージョンはもう少し厳しいです。
CSSを学びます。 CSSは、「CascadingStyleSheet」またはカスケードスタイルファイルの略です。 CSSがなければ、ウェブ上で見ることができる美しいデザインはありません。 HTMLは単なるフレームであり、CSSはWebサイトをカラフルで人目を引くものにします。- CSSの使用法は非常に厳格です。たとえば、各行の終わりにセミコロンを付けるのを忘れた場合、エラーのために額を引っかかなければならない場合があります。
JavaScriptとjQueryを学びます。 簡単なウェブサイトを作成することを計画している人にとって、このステップはオプションです。ただし、インタラクティブなWebサイトを作成するには、上記の2つのプログラミング言語を学ぶことが非常に必要です。- jQueryを使用する場合、jQueryを使用すると作業が簡単になるため、必要なのはJavaScriptの基本だけです。
- jQueryを使用すると、アコーディオン(折りたたみ可能なコンテンツ)、カレンダーなどのウィジェットを挿入できます。 jQueryにはさまざまなスタイルもあるため、Webサイトに適したスタイルを選択するのはあなた次第です。
より高度な言語を続行します。 それはPHP、MySQL、Perl、Ruby、および他のいくつかの言語です。単純なWebサイトを構築したいだけの人には必要ありませんが、これは大規模でインタラクティブなWebサイトを作成するために不可欠です。- PHPなどの1つには、テストサーバーが必要です。したがって、Webサイトホスティングサービスにアカウントを登録するか、コンピューターにサーバーソフトウェアをインストールすることを忘れないでください。
パート3/3:知識を応用する
プロジェクトのウェブサイトを作成します。 実験して、最初からWebを作成します。それはあなたがそれをあなたの脳に錆びさせる代わりにあなたが知識を操作するのを助けるでしょう。
ウェブサイトが必要な友人や親戚に聞いてください。 あなたは彼らが経験を積むための無料のウェブサイトを作ることができます!
あなた自身のウェブサイトを始めてください. あなたが好きなコンテンツで、そのウェブサイトはあなたにあなたのスキルを一般に示す機会を与えます。
必要に応じてフリーランス。 リーズナブルな料金を請求し、ポートフォリオをサイトに投稿してください。誰が知っている、いつかあなたのビジネスは本当の会社に発展するでしょう。広告
助言
- しばらくお待ちください!たった6時間ですべてをキャプチャするつもりなら、すぐに忘れてしまいます。
- 優れたHTMLエディターにお金を払わなければならないと思い込まないでください。数百万VND以上の費用がかかる優れた無料プログラムがたくさんあります。
- プロジェクトが終了したら、コードを蓄積してライブラリに変換します。そこから、すべてのプロジェクトで同じことを何度も再プログラムする必要はありません。ライブラリが大きくなりすぎた場合は、販売することもできます。
- PDFドキュメントは、電子ブックよりも少し柔軟性があります。 eBookは通常、Kindle、iPadなどの特定のタイプのデバイス用に設計されていますが、PDFドキュメントはどのコンピューターでも読むことができます。
- あなたまたはあなたの近くの誰かがウェブデザインについて知っているなら、あなたに教えるように彼らに頼んでください。あなたはきっと無料で教えられるでしょう(うまくいけば!)。
警告
- 力を入れすぎないでください!あなたが疲れているとき、あなたはすべてを忘れて、何も学びません。
- プログラミング言語には、無限ループと呼ばれる概念があります。彼らはプログラマーの恐れです。それがあなたに起こらないように注意してください!
- プログラムをダウンロードするときは注意してください!何でもウイルスになる可能性があります。
- ウェブサイトに登録する前に確認してください。もちろん、評判の良いウェブサイトであれば、心配する必要はありません。ただし、あまり知られていないWebサイトはおそらくフィッシングです。
あなたが必要なもの
- コンピューター
- Webデザインプログラム
- 書籍、ビデオ、または教育用Webサイト