サイト用語：知っておくべき専門用語とは？

それは厄介なデザインboffinsはちょうど私たちを混乱させるためにウェブサイトの用語を作成するように感じています。 フロントエンド。 バックエンド。 デザイン。 開発する。 なぜ物事を簡単にしないのですか？

ウェブサイトの構築や再設計を考えている場合は、この記事が必要です。 まず、webデザインとweb開発の違いを見てみましょう。 それ以外の場合は、フロントエンドおよびバックエンドと呼ばれます。

ウェブデザインとウェブ開発の用語の違いは何ですか？

ウェブデザイナーは、ウェブサイトのビジュアルとレイアウトを扱う、二人のより創造的です。 そこに特定の色をしたいですか？ ここで大きなテキスト？ 彼らはそれを並べ替えるでしょう。

グラフィックデザインやアートの背景を持つのが一般的なので、物事をきれいに見せる方法を知っているでしょう！

ウェブ開発者の仕事は異なり、彼らはウェブサイトのコアを構築します。 彼らは技術的な側面に焦点を当て、すべてが動作することを確認します。 これは、最適なパフォーマンスのためのウェブサイトにコードを入力することを含みます。 彼らは論理的であり、コンピュータサイエンスやプログラミングの背景を持つ傾向があります。

例えば、車の外側は視覚的に楽しいですが、エンジンは操縦性のために構築されています。

物事を簡単にするために、我々はデザイナーと開発者のウェブサイトの用語にガイドを分割するつもりです。 あなたのヘルツにしがみついて、ここで私たちは行く！

デザイナーのウェブサイト用語

コンテンツ

あなたのコンテンツがすべての場所にある場合、それは心を吹くウェブサイトを持って無駄ではありません。 あなたの連絡先の詳細はどこに行くのですか？ ビジュアルは適切な場所にありますか？ 空白はどうですか？ 彼らはあなたのサイトを訪問するとき誰も頭痛を望んでいません。 右のこれらの側面を得ることはあなたの訪問者の旅行をより楽しくさせ、調査エンジンで現われることのあなたのチャンスを高める。

チェックアウトこの例からLyft、そこには大量のコンテンツはありませんが、それが動作するものです。 かわいいアニメーションを伴って、ページの中央に簡単なアクションを呼び出す上にあります。 あなたがこのサイトに来て、コンテンツの目標が何であるかを知らない可能性はありません。

アクセシビリティ

デザインのこの側面は、多くのwebデザイナーによって見落とされがちですが、webデザインの基本の一部である必要があります。 それはあなたのウェブサイトが障害を持つ人々のためにいかに入手しやすいかである。

障害者ガイド、簡単なコピーと大きなアイコンは、彼らがサイトをナビゲートするのに役立ちます。 これらの機能は、医療機関に人気があります。 ここでは、ホームページの右上にフォントアジャスターを持っている視力のための戦いの例です。

CSS(Cascading Style Sheets)

CSSは、HTMLコードのレイアウトを記述するために使用されるスタイルシート言語です。 簡単に言えば、HTMLはテキストの言語であり、CSSはページデザインの言語です。 CSSは、HTMLコードをさまざまなレイアウトやスタイルにフォーマットするのに役立つため、web開発者にとって多くの作業を節約できます。

静的レイアウト

このタイプのレイアウトは設計が簡単ですが、ユーザーにとっては柔軟ではありません。 ページが訪問者ごとに同じ幅である場合、異なるデバイスでは予測できない可能性があります。 ほとんどの企業は、モバイルの台頭とレスポンシブデザインに切り替えていますが、あなたはそれを使用するいくつかの企業を見つ

ファビコン

ファビコンとは、ブラウザのアドレスバーのドメイン名の横に表示される画像です。 それはあなたのビジネスに関連しているあなたのロゴか何かを訴えるよい考えである。 インスピレーションが必要ですか？ これらのクールなロゴデザインのいくつかを見てみましょう！

焦点

目をどこに集中させますか？ ロゴ? 製品? あなたのウェブサイトがあまりにも雑然としているか、ユーザーがどこに行きたいのかわからない場合、彼らは去ることができます。 Amazonは彼らの焦点としてトップバナーを使用していますが、すべての企業がビジネスを生成するために季節のイベントで遊ぶことができるわけでは

HTML(Hypertext Markup Language)

コンピュータを話しますか？ 幸いなことに、設計者はそうです。 彼らはテキストファイルにコードを入力し、ブラウザはそれを読み取り、消化可能な形式に変換します。 HTMLコーディングには、様々なタイポグラフィ、デザイン、コンピュータプログラミングのスキルが必要です。

解像度

画面の垂直要素と水平要素のピクセル数に使用される用語。 多くの人はそれが長さと幅だと信じていますが。

レスポンシブレイアウト

レスポンシブレイアウトは、ユーザーのデバイスに応じて適応可能で変更されます。 彼らはできるだけ多くのコンテンツに合うようにページを最適化します。 このレイアウトは、webデザインの基本の定番です。

スタイルガイド

ウェブサイトをデザインするときは、一貫したスタイルを持つことが重要です。 色や形が多すぎるとユーザーを混乱させる可能性があるため、補完的なブレンドを使用することが重要です。 Spotiyの様式ガイドを見てみなさい、ロゴのmisplacementが危険に決め付けることを置くことができるわずかな何か。

UX Design

ユーザーはあなたのウェブサイトを訪問したときにどのように感じますか？ それが実用的で使いやすい場合、彼らはサイトに滞在する可能性が高くなります。 壊れたリンクがたくさんある場合、彼らは失望を感じるでしょう。 ユーザーの考え方に入り、彼らの問題に共感することが不可欠です。

グラフィカルユーザインタフェース

Appleは、幼児に適したデバイスを作ります。 すべてのアプリとメニューでモバイルホーム画面を見てください。 GUIはシンプルでナビゲートしやすいものでなければなりませんが、これはすべて巧妙なデザインになります。

成長駆動型デザイン

成長駆動型デザインは、シンプルなwebデザインの基本とウェブサイトを構築する練習です。 デザイナーは、ウェブサイトを構築するときに、より複雑な機能を追加します。 これは、それが持っている問題が何であれ、彼らは強力な基盤によって保護されていることを意味します。 あなたは最初の基礎を敷設せずに家の上に屋根を置くことはありません。 その後、サイトを定期的に更新し、常に最新の状態に保つことができます。

開発者ウェブサイト用語集

AJAX(非同期JavaScriptとXML)

AJAXは、webページを更新することなく、さまざまなプログラミングツールを使用してデータを送受信します。 あなたがブラウザで自分のFacebookのホームページを持っている場合、それは更新を提供するためにさわやかに維持されます。 AJAXコードの例を次に示します。

バックエンド

ウェブサイトは表面的なものではなく、ユーザーが見ることができない多くの内部プロセスがあります。 あなたのウェブサイトのバックエンドはソフトウェアを更新し、あなたのCMSのblogsを出版し、そして新製品をアップロードするところである。 これはWordPressの裏にあるものです。.

悪い近所

悪い近所は悪い評判と検索ランキングを持つウェブサイトのグループです。 悪い近隣に住みたいと思わないしどちらもあなたのウェブサイトをしない。 不正な地域にあなたのウェブサイトを置くことは、検索エンジンに表示される可能性を凹みます。 あなたはあなたの隣人のいたずらな行動のための罰を望んでいません！

帯域幅

あなたのビデオはバッファリングされています。 どうして？! 帯域幅は、サイトを通過できるトラフィックとデータのレベルです。 彼らはより高いトラフィックとデータの通路を得るように大企業は、より多くの帯域幅を必要としています。 帯域幅はさまざまなので、ビジネスに適した量を得ることが重要です。

Cache

キャッシュはデバイスの一時記憶領域であり、アプリケーションのパフォーマンスを向上させます。 Webページにアクセスすると、ブラウザはアクセスしたページの記録を保持し、ファイルをキャッシュに保存します。 これは、ブラウザがそれらを再読み込みする必要がないことを意味し、時間を節約します。

クッキー

クッキーは、あなたが訪問したウェブサイトに関する基本的な情報を含む小さなテキストファイルです。 クッキーは、webサーバーがあなたが訪問したサイトの種類、またはあなたのショッピングカートに入れたものを見て、好みを決定するのに役立ちます。

プライバシーに問題があるため、近年、クッキーについて多くの否定的な報道がありました。 Amazonからこのログインを見てみましょう,自動ログインを有効にすると、あなたがドンので、同社は、ブラウザ上の追跡クッキーを残すことを意味します;t

データベース

ご想像のとおり、データベースはデータのストレージハブです。 ブラウザがあなたのウェブサイトをナビゲートすると、彼らは検索クエリや個人情報を入力します。 データベースにはその情報が格納されます。

オンライン衣料品ビジネスを持っている場合、データベースの列は次のようになります:

• tshirt_size
• tshirt_colour
• tshirt_price

匿名データベースのサンプルを次に示します。

ホスティング

ウェブホストは、私たちにインターネットにウェブページを投稿する力を与えます。 彼らはあなたのウェブサイトをインターネットに接続するのにサーバーコンピュータを使用します。 誰かがあなたのウェブサイトのページをクリックすると、ページはサーバーに要求を送信し、ロードされます。

JavaScript

JVはコンパクトで柔軟な動的プログラミング言語です。 JavaScriptで余分な機能の機能のトンがあります。 あなたのウェブサイトにカルーセル、3D画像やビデオストリームを入力することができます。

PHP(Hypertext Preprocessor)

PHPは、流動的なウェブサイトを開発し、データベースに接続するために使用されるサーバー側のプログラミング言語です。 たとえば、上記のメールアドレスとパスワードボックスを備えたログインボタンがウェブサイトにある場合があります。 この情報を入力して送信すると、PHPはそれをデータベースに送信し、それが正しいことを確認します。

このコード例を見て、着信要求をどのように処理しているかを見てください。 それはPHPです。

Python

Pythonは1980年代から存在しているweb開発フレームワークで、使いやすさと読みやすさで知られています。 初心者は、他の開発ツールへの足がかりとしてPythonを使用することがよくあります。 それに加えて、それは無料です！

サーバー

サーバーは多くの仕事をしています。 CSSシートなどの膨大な量のデータを保存し、インターネット接続を介して他のサーバーに接続します。 WebサーバーはUrlのようなweb情報を保存し、ブラウザがページを要求するとサーバーと通信します。

そして、それはwedデザインとweb開発の違いです。 あなたは今、あなたの心のコンテンツにウェブサイトの用語をワッフルする資格があります！