웹 사이트 용어:어떤 전문 용어를 알아야합니까?

성가신 디자인 발명가들이 우리를 혼란스럽게하기 위해 웹 사이트 용어를 만드는 것처럼 느껴집니다. 프런트 엔드. 백 엔드. 디자인. 개발. 왜 일을 간단하게하지?

웹 사이트 구축 또는 재설계에 대해 생각하고 있다면 이 문서가 필요합니다. 첫째로,웹 디자인과 웹 발달의 다름에 보자. 그렇지 않으면 프런트 엔드 및 백 엔드로 알려져 있습니다.

웹 디자인과 웹 개발 용어의 차이점은 무엇입니까?

웹 디자이너는 웹 사이트의 비주얼과 레이아웃을 다루는 두 가지 중 더 창의적입니다. 거기에 특정 색상을 원하십니까? 여기에 더 큰 텍스트? 그들은 그것을 분류 할 것입니다.

그것은 그래픽 디자인과 예술에 배경을 가지고 그들을 위해 일반적이다,그래서 그들은 일을 예쁘게 만드는 방법을 알 수 있습니다!

웹 개발자의 작업은 다른,그들은 웹 사이트의 핵심을 구축 할 수 있습니다. 그들은 기술적 인 측면에 초점을 맞추고 모든 것이 작동하는지 확인합니다. 여기에는 최적의 성능을 위해 웹 사이트에 코드를 입력하는 것이 포함됩니다. 그들은 논리적이 고 컴퓨터 과학 또는 프로그래밍에 배경을가지고 하는 경향이.

예를 들어,자동차의 외부는 시각적으로 만족스러운 반면 엔진은 기동성을 위해 제작되었습니다.

간단하게하기 위해,우리는 디자이너와 개발자 웹 사이트 용어로 가이드를 깰 것입니다. 당신의 헤르츠를 잡아,여기 우리가 간다!

디자이너 웹 사이트 용어

콘텐츠

콘텐츠가 곳곳에 있으면 놀라운 웹 사이트를 갖는 것은 쓸모가 없습니다. 연락처 세부 정보는 어디로 가고 있습니까? 비주얼이 올바른 위치에 있습니까? 공백은 어떨까요? 아무도 귀하의 사이트를 방문 할 때 두통을 원하지 않습니다. 이러한 측면을 바로 귀하의 방문자가 더 즐거운 여행 하 고 검색 엔진에 표시의 기회를 증가.

에서 이 예제를 확인하십시오. 귀여운 애니메이션과 함께 페이지의 중앙에 간단한 클릭 유도 문안에있다. 이 사이트에 와서 콘텐츠의 목표가 무엇인지 알지 못할 가능성은 없습니다.

접근성

디자인의 이러한 측면은 종종 많은 웹 디자이너가 간과하지만 웹 디자인 기본 사항의 일부가되어야합니다. 너의 웹사이트가 무력에 사람을 위해 이는 까 라고 접근 가능한 이다.

장애 가이드,간단한 복사 및 더 큰 아이콘이 사이트를 탐색하는 데 도움이됩니다. 이러한 기능은 의료 기관에 인기가 있습니다. 여기에 홈페이지의 오른쪽 상단에있는 글꼴 조정자가 광경을위한 싸움의 예입니다.

더 간단한 기간안에,페이지는 원본의 언어 이고 수사는 페이지 디자인의 언어 이다. 그것은 그들이 다른 레이아웃과 스타일로 자신의 웹 사이트 코드를 포맷하는 데 도움으로 웹 개발자를위한 작업을 많이 절약 할 수 있습니다.

정적 레이아웃

이 유형의 레이아웃은 설계하기가 더 쉽지만 사용자에게 유연하지는 않습니다. 페이지가 모든 방문자에 대해 동일한 너비 인 경우 다른 장치에서 예측할 수 없습니다. 대부분의 기업은 모바일의 상승과 반응 디자인으로 전환 한,하지만 당신은 그것을 사용하는 일부 회사를 찾을 수 있습니다.

파비콘

파비콘은 브라우저 주소 표시줄에서 도메인 이름 옆에 나타나는 이미지입니다. 너의 사업에 관련시키는 무언가 또는 너의 로고를 고소하는 좋은 아이디어 이다. 영감이 필요하십니까? 이 멋진 로고 디자인 중 일부를 살펴보십시오!

초점

눈은 어디에 초점을 맞추고 싶습니까? 로고? 제품? 너의 웹사이트가 너무 어수선하나 너가 사용자를 가는 원하는 곳에 너가 모르면,그들은 떠날 수 있었다. 아마존은 자신의 초점으로 상단 배너를 사용하지만,모든 기업이 사업을 생성하는 계절 행사에서 재생할 수 있습니다,그래서 당신이 눈에 띄는 만드는 것에 대해 생각합니다.

컴퓨터를 사용합니까? 다행히도 디자이너는 그렇습니다. 그들은 텍스트 파일에 코드를 입력하고 브라우저는 그것을 읽고 소화 가능한 형태로 변환합니다. 다양한 타이포그래피,디자인 및 컴퓨터 프로그래밍 기술이 필요합니다.

해상도

화면의 수직 및 수평 요소의 픽셀 수에 사용되는 용어입니다. 많은 사람들이 그것이 길이와 너비라고 생각하지만.

반응형 레이아웃

반응형 레이아웃은 사용자 장치에 따라 적응할 수 있고 변경됩니다. 그들은 가능한 한 많은 콘텐츠에 맞게 페이지를 최적화. 이 레이아웃은 웹 디자인 기본 사항의 필수품입니다.

스타일 가이드

웹 사이트를 디자인 할 때 일관된 스타일을 갖는 것이 중요합니다. 너무 많은 색깔 또는 모양은 사용자를 혼동할 수 있는다,그래서 무료한 혼합이 있는것은 중요하다. 로고가 잘못 배치되면 브랜딩이 위험에 처할 수 있습니다.

사용자가 웹 사이트를 방문 할 때 어떻게 느끼나요? 그것은 실용적이고 사용하기 쉬운 경우 그들은 사이트에 머물 가능성이있을 것입니다. 깨진 링크가 많이 있다면,그들은 실망 느낄 것이다. 그것은 사용자의 사고 방식에 들어가 자신의 문제에 공감하는 것이 중요합니다.

그래픽 사용자 인터페이스

애플은 어린 아이들에게 적합한 장치를 만든다. 모든 앱과 메뉴가 있는 모바일 홈 화면을 확인합니다. 이 응용 프로그램은 당신에게 아름다운 욕실 꾸미기의 갤러리를 보여줍니다.

성장 중심의 디자인

성장 중심의 디자인은 간단한 웹 디자인 기초와 웹 사이트를 구축하는 방법입니다. 디자이너는 웹사이트를 건설하는 때 더 복잡한 특징을 추가할 것이다. 즉,어떤 문제가 있더라도 강력한 기반에 의해 보호됩니다. 너는 기초를 첫째로 놓기없이 집에 지붕을 두지 않을텐데. 그런 다음 사이트를 정기적으로 업데이트하여 항상 최신 상태로 유지할 수 있습니다.

개발자 웹 사이트 용어

아약스(비동기 자바 스크립트 및 엑스)

아약스는 보내고 웹 페이지를 새로 고칠 필요없이 데이터를 검색하는 다양한 프로그래밍 도구를 사용합니다. 당신은 브라우저에서 페이스 북 홈페이지가있는 경우,이 업데이트를 제공하기 위해 상쾌 유지합니다.. 다음은 아약스 코드의 예입니다.

백엔드

웹 사이트는 피상적 아니다;사용자가 볼 수없는 내부 프로세스가 많이 있습니다. 귀하의 웹사이트의 백 엔드는 소프트웨어 업데이트,블로그 게시 및 새로운 제품을 업로드. 이 워드 프레스의 백업입니다..

나쁜 이웃

나쁜 이웃은 평판과 검색 순위가 좋지 않은 웹 사이트 그룹입니다. 당신은 나쁜 동네에 살고 싶지 않을 것이다,어느 쪽도 아니는 당신의 웹 사이트를하지 않습니다. 악성 동네에 귀하의 웹사이트를 퍼 팅 검색 엔진에 표시의 기회를 덴트 것입니다. 최고의 호스팅 패키지를 얻을;당신은 당신의 이웃의 장난 꾸러기 행동에 대한 처벌을 원하지 않는다!

대역폭

비디오가 버퍼링 중입니다. 왜?! 대역폭은 사이트를 통과 할 수있는 트래픽 및 데이터 수준입니다. 더 큰 기업은 더 높은 소통량 및 자료 통로를 얻기 때문에 대역폭을 더 필요로 한다. 대역폭은 변화한다,그래서 너의 사업을 위해 우측 총계를 얻는것은 중요하다.

캐시

캐시는 장치의 임시 저장 공간이며 응용 프로그램 성능을 향상시킵니다. 웹 페이지를 방문할 때 브라우저는 방문한 페이지의 기록을 유지하여 캐시에 파일을 저장합니다. 즉,브라우저가 다시 읽을 필요가 없으므로 시간을 절약 할 수 있습니다.

쿠키

쿠키는 사용자가 방문하는 웹 사이트에 대한 기본 정보를 포함하는 작은 텍스트 파일입니다. 쿠키는 웹 서버가 사용자가 방문하는 사이트 유형 또는 장바구니에 넣은 내용을 확인하여 기본 설정을 결정하는 데 도움이 됩니다.

개인 정보 보호 문제가 있기 때문에 최근 몇 년 동안 쿠키에 대한 부정적인 언론이 많이 있었다. 아마존에서 이 로그인을 한 번 보세요.자동 로그인을 활성화하면 회사가 귀하의 브라우저에 추적 쿠키를 남기므로 로그인할 필요가 없습니다.

데이터베이스

예상대로 데이터베이스는 데이터의 저장소 허브입니다. 브라우저가 웹 사이트를 탐색 할 때 검색 쿼리 또는 개인 정보를 입력합니다. 데이터베이스는 해당 정보를 저장합니다.

온라인 의류 사업이 있는 경우 데이터베이스 열을 읽을 수 있습니다:

• 다음은 익명 데이터베이스의 샘플입니다.이 예제에서는 익명 데이터베이스를 만드는 방법에 대해 설명합니다.

  

  호스팅

  웹 호스트는 우리에게 인터넷에 웹 페이지를 게시 할 수있는 힘을 제공합니다. 그들은 서버 컴퓨터를 사용하여 웹 사이트를 인터넷에 연결합니다. 누군가가 당신의 웹 사이트 페이지를 클릭 할 때,페이지는 서버에 요청을 보내드립니다,그것은로드됩니다.

  자바 스크립트

  합작 컴팩트하고 유연한 동적 프로그래밍 언어입니다. 자바 스크립트와 추가 기능 기능의 톤이있다. 당신은 당신의 웹 사이트에 회전 목마,3 차원 이미지와 비디오 스트림을 입력 할 수 있습니다.

  

  유동적 웹 사이트를 개발하고 데이터베이스에 연결하는 데 사용되는 서버 측 프로그래밍 언어입니다. 예를 들어,위의 이메일 주소 및 비밀번호 상자가있는 웹 사이트에 로그인 버튼이있을 수 있습니다. 이 정보를 입력하고 보내면 데이터베이스로 보내지고 올바른지 확인합니다.

  이 코드 예제를 보면 들어오는 요청을 어떻게 처리하는지 알 수 있습니다. 그 이유는 무엇입니까?

  

  파이썬

  파이썬은 1980 년대부터 사용해온 웹 개발 프레임 워크입니다.사용 편의성과 가독성으로 유명합니다. 초보자는 종종 파이썬을 다른 개발 도구의 디딤돌로 사용합니다. 게다가,그것은 무료입니다!

  서버

  서버는 많은 작업을 수행합니다. 인터넷 연결을 통해 다른 서버에 연결합니다. 브라우저가 페이지를 요청하면 서버와 통신합니다.

  그리고 이것이 웹의 디자인과 웹 개발의 차이점이다. 너는 지금 너의 심혼 내용에 웹사이트 용어를 와플에 자격을 줬다!

  너의 계획사업을 위해 정확한 웹 디자인 기관을 선정하기 위하여 어떻게 이해하십시요

  

  무료 10 포인트 구매 가이드 다운로드

  

  프로 팁:세 가지 프로젝트 견적을 얻을,그들은 매우 다를 수 있습니다,고장에 비용을 요청하고 전체 프로젝트 제안을 얻을 수 있는지 확인?