私が今までに見たベストパーソナルウェブサイト(そしてあなたのものを作る方法)

書かれた記事:
  • ウェブサイトのデザイン
  • 最終更新日:Nov 14、2018

アップデート(2018):

新しいサイトはコレクションに追加され、古い画像はより良い.gif画像に置き換えられてサイトデザインを紹介し、サイトの説明は削除されました(私は画像が話すようにします)。新しいチュートリアルは、 。

クイックナビ: 個人のウェブサイトの例を見る / あなたの作成方法を学ぶ


彼らは、見知らぬ人の魂は理解できないと言いますが、私たちはその声明に完全に同意することはできません。

ほとんどの場合、私たちはそれがあまりにも個人的なことであるか、または何かのものであると思われる、明らかなことに気づきたくありません。

実際、人間の魂は、それが暗に見えるほど暗くはありません。 それは常に準備ができており、秘密を秘密裏に明らかにしても構わない。 原則として、自分のウェブサイトを持つウェブコミュニティメンバーは、コミュニケーション、社会化などのためにオープンしています。 また、個人のウェブサイトは、その所有者のための仮想CVの一種として機能します。 ほとんどの場合、針のように鋭く、人のウェブサイトを見れば、サイト所有者についてもっと簡単に言うことができます。

あなたの鑑賞の喜びのために、手で選んだ主なデザイン要素を記録しました! 楽しい。

1-ニックジョーンズ

ウェブサイト: narrowdesign.com

2-ジム・ラムズデン


ウェブサイト: jimramsden.com

3-ウラジミール・ストラヒニック


ウェブサイト: strajnic.net

4-ゲイリー・マッソン

ウェブサイト: garylemasson.com

5- Juliana Rotich

ウェブサイト: ジュリア

6- Pascal van Gemert

ウェブサイト: pascalvangemert.nl

7-ダリル・ソーンヒル

ウェブサイト: madebydaryl.co.uk

8-アンソニーウィクスター

ウェブサイト: anthonydesigner.com

9-アダム・ハートウィッグ

ウェブサイト: adamhartwig.co.uk

10-ビーストは戻っている

ウェブサイト: thebeastisback.com

11-トニー・ディリオ

ウェブサイト: tonydorio.com

12-ショーン・ハルピン

ウェブサイト: seanhalpin.io


だからあなたの個人的なウェブサイトをどうやって作りますか?

次に、あなた自身の個人的なウェブサイトを作成するために不可欠なステップを見ていきます。

基本的に3の主要なステップは、どのような種類のWebサイトを起動するにもあります。

  1. ドメイン名とWebホストを取得します。
  2. 最初からビルドするか、サイトビルダーを使用します。
  3. コンテンツを追加します。

1。 ドメイン名とウェブホストを取得する

インターネットでは、あなたのドメインはあなたの身元です。 それは、人々があなたとあなたの名前をどのように見つけたかです。 だから明らかに、良いドメインネームが必要です。ユニークで、キャッチーで、意味のあるものです。

次に、 良いウェブホスティングプロバイダを選ぶ.

ウェブホストについて話すとき、基本的には、ウェブサイトをホストするコンピュータサーバーとネットワークをリースする会社に委ねます。 Webホスティングサービスには、共有、VPS、専用、クラウドホスティングの4種類があります。 これらのホスティングはすべてあなたのウェブサイトのストレージセンターとして機能しますが、 それらは、記憶容量、制御、速度、信頼性、機能および特徴、ならびに技術的知識要件の量が異なる。

あなたが新しいのであれば、共有ホスティングは、最初に始めるべき最も良いタイプのウェブホストでなければなりません。

ヒント:私は使用する 名前安い   GoDaddyは ドメイン登録のため。 インモーションセンタホスティング, Sitegroundは、および Interserver プライマリプロジェクトをホストします。

2。 最初からビルドするか、サイトビルダーを使用する

ウェブサイトドメインとホスティング準備が整ったら、次のステップは ウェブサイト自体を作る.

ウェブデザインには多くの考慮事項がありますが、初心者には私の助言はベビー・ステップをとることです。

WYSIWYGエディタ

何かを試してみて、それをウェブに載せてください。 微調整と修正は、あなたのスキルを学んだ後で後に来ることができます。 ウェブサイトをデザインする簡単な方法の1つは、WYSIWYGウェブエディタを使用することです Adobe Dreamweaver CC。 このようなエディタは通常のワープロと同じように機能し、技術的な詳細をあまり扱わずに視覚的にサイトをデザインすることができます。

ウェブサイトビルダー

If HTMLとCSS あなたのものではない、またはあなたのインタビューのための簡単な個人用ウェブサイトがほしいのであれば、おそらくドラッグ&ドロップのウェブサイトビルダーが良い選択です。

ほとんどのWebホスティング企業は無料でドラッグ&ドロップサイトビルダーを提供しています。 サイトの見通しやUXについて気にしない場合は、無料のツールを使用して、機能している個人用Webサイトを半時間単位で作成することができます。

また、有料のオールインワンウェブサイトビルダーを使用してウェブデザインプロセスをスキップすることもできます ウィックス   Weeblyの.

これらの有料ツールに関する最良のことは、非技術者のために作られたことです。 彼らは通常、使いやすく、あらかじめ設計された何百ものテンプレートが付属しています。 あらかじめデザインテーマを選んで数回クリックするだけでウェブサイトに適用することができます。

召し上がれ: あなたのためにウェブサイトビルダーを見つける.

これらは、Wix.comで利用可能なあらかじめデザインされた個人用ウェブサイトのテンプレートです。 Wixを使用して構築する場合は、これらのデザインのいずれかをWebサイトに適用することができます。 すべてのWixテンプレートをここで見る.

例:Squarespaceを使用して構築された個人用ウェブサイト

この個人的なサイトはSquarespaceで作られています。 それはここに住んでください: ピンキーチャン.

例:Wixを使用して構築された個人用ウェブサイト

私はユーザフレンドリーなダッシュボードと柔軟性のためにWixを推奨します。 このツールは、初心者や経験豊富なウェブマスターに適しており、サイト設計をさらに調整する必要があります。 ここにいくつかの個人的なウェブサイトが構築され、Wixでホストされています。

Wix:Natalie Latinskyで作られた個人的なサイト。
Wix:Lera Mishurovによる個人用サイト(それはここに住んで見てください).
Wix:Rachel Fraserで作られた個人的なサイト。

深く掘り下げる: Wixの機能とテンプレートのデモ.

3。 コンテンツに追加

あなたの個人的なウェブサイトにどのようなコンテンツを追加するのか、ブレーンストーミングの手助けをするためにどのようなコンテンツを実際に教えることはできません。

  • あなたの個人的なウェブサイトの目的は何ですか? あなたの個人的なブランドを定義して構築する.
  • ターゲットオーディエンスは誰ですか? 学生、潜在的な顧客、買い物客など それらを知る.
  • サイトに必要な情報は何ですか? 求人サンプル、連絡先、製品仕様など
  • それらの情報をどのように提示しますか? ギャラリースタイル、ポイントフォーム、アニメーションなど、 物語を伝える.

今あなたの番:あなたの好きなものは?

私の個人的なウェブサイトのコレクションが好きでしたか? どちらがあなたに最も創造的だったか? あなたは個人のサイトで何が最も重要だと思いますか?

この投稿とあなたの意見をTwitterで共有してください。 @WebHostingJerry)。 私はこの編集がすべての現代的な傾向に従ってあなたの個人的なウェブサイトを作成するのに役立つことを願っています。

Jerry Lowによる記事

オタクのお父さん、SEOのデータジャンキー、投資家、そしてWeb Hosting Secretの創設者。 Jerryは2004以来インターネット資産を作り、オンラインでお金を稼いでいます。 彼は、思いやりのある落書きを愛し、新しい食べ物を試すのが大好きです。

接続する: