웹 디자인을 전문하는 끝

웹 디자인은 해석과 전시를 위해 적당한 기술의 모양으로 웹 브라우저 다른 웹기반 그래픽 사용자 인터페이스 (GUIs)에 의하여 인터넷경유 전자 미디어 만족한 납품의 개념화, 계획, 만들, 및 (표식 언어같은) 실행의 과정 이다.

웹 디자인의 의향은 한 번 요구되는 웹 페이지의 모양으로 최종 사용자에게 웹사이트 (한개 이상 웹 서버에 거주하는 전자 파일의 수집)을 저 현재 내용 (를 포함하여 상호 작용하는 특징 또는 공용영역) 창조하는 이다. 원본, 모양, 및bit-mapped심상 (GIFs,JPEGs,PNGs)과 같은 성분은HTML,XHTML, 또는XML꼬리표을 사용하여 페이지에 둘 수 있는다. 더 복잡한 매체 (벡터 도표, 생기, 영상, 소리)을 보임것은 섬광, 퀵타임, 자바 런타임 환경,etc. 플러그 접속식을 요구한다. 플러그 접속식은 웹 페이지로HTML또는XHTML꼬리표를 사용해서 또한 끼워넣는다.

웹 디자인은 기울인다.
너의 인터넷 계획사업을 위해 웹 디자인 언어를 선정함:
너가 너의 자신의 웹사이트를 온라인으로 디자인하, 간행한것을 계획하면, 어떤 타입의 인터넷 존재를 너가 계획하고 있는 까 너의 첫걸음은 결정하, 그때 너가 사용하고 싶는 웹 디자인 언어를 선택해야 한다.

웹사이트 디자인:
웹사이트는 특별한 화제 주제에 관하여 정보 수집 이다. 웹사이트를 디자인해서 차례차례로 웹사이트를 만들는 웹 페이지의 배열 그리고 창조로 정의된다. 웹사이트가 개발되는 정보가 웹 페이지에 의하여 이루어져 있는다. 웹사이트는 곳에 책의 각 페이지가 웹 페이지 이는 책에 비교된.

이 과정안에 많은 양상 (디자인 관심사) 있고, 인터넷의 급속한 발달에 만기가 되는, 새로운 양상은 나올지도 모른다. 비영리적인 웹사이트를 위해, 목표는 원한 노출 및 응답의지하고 있는 변화할지도 모른다. 전형적인 상업적인 웹사이트를 위해, 디자인의 기본적인 양상은 이다:

내용: 웹사이트가에 관계한다 고 위치에 물질 및 정보는 위치에 타당하 공중의 지역을 표적으로 해야 한다.
유용성: 위치는 간단하고 견실한 공용영역 및 항법에 사용하기 쉬워야, 한다.
외관: 도표 및 원본은 쇼 견실함에 흐르는 단순한 작풍을, 포함해야 한다. 작풍은, 매력 적이고, 타당한 전문가 이어야 한다.
시정: 최대량, 그렇지 않으면 모두, 중요한 수색 엔진 및 광고 매체경유 발견하기 위치는 또한 쉬워야 한다.

원본과 심상이 웹사이트에 의하여 전형적으로 이루어져 있는다. 웹사이트의 첫번째 페이지는 홈 페이지 또는 색인으로 알고있는다. 일반적으로 비말 페이지이라고 부르는 무엇이 몇몇 웹사이트 사용. 비말 페이지는 환영받은 메시지, 언어 또는 지구 선택, 또는 포기를 포함한. 웹사이트안에 각 웹 페이지는 그것의 자신의URL이 있는HTML파일에는 이다. 각 웹 페이지가 창조된 후에, 그들은 하이퍼 링크로 구성되는 항법 메뉴을 사용하여 전형적으로 함께 연결된다. 더 빠른 찾아본 속도는 더 짧은 주의 지속 시간에 지도하고 요구 온라인 방문자 더 및 이것은 특별하게 곳에 상업적인 웹사이트가 관계하는 비말 페이지의 더 적은 사용안에 유래했다.

웹사이트가 완료되면 하자마자, 인터넷상공에 공중에게viewable이기 위하여 간행되나 올려주기해야 한다. 이것은FTP클라이언트을 사용하여 할지도 모른다. 간행해 하자마자, 소통량을, 또는 웹사이트가 받는 명중을 증가하기 위하여 이용할지도 모른다, 웹 주인은 다양한 기술. 이것은Google 검색 엔진에 웹사이트를 복종시키기 포함할지도 모른다 또는Yahoo은 다른 웹사이트에, 교환해서, 유사한 웹사이트에 합병,etc.을 창조하는 연결한다.

전문 분야 협력 필요조건.
정보 시스템, 정보 기술 및 커뮤니케이션 디자인의 다각 분야가 웹사이트 디자인에 의하여 교차한다. 웹 위치는 그의 분대가 선불용과 후부것과 같이 때때로 분류되는 정보 시스템 이다. 현저한 내용 (예를들면 페이지 레이아웃, 사용자 인터페이스, 도표, 원본, 오디오)은 선불용으로 알고있는다. 후부는 원시 코드, 보이지 않는 대본이 있는 기능, 및 선불용에서 산출을 가공하는 서버 측 분대를 조직 및 능률을 함유한다. 웹 발달 계획사업의 크기의지하고 있는, 그것은 (때때로 웹 주인이라고 부르는)multi-skilled개인에의해 실행될지도 모른다, 또는 연구 계획 담당자는 전문한 특기에 그룹 일원사이 협조적인 디자인을 우연히 목격할지도 모른다.

접근 가능한 웹 디자인.
주요한 기사: 웹 접근가능성.
접근 가능하기 위하여는, 웹 페이지와 위치는 어느 접근가능성 원리에 따라야 한다. 이들은 뒤에 오는 주요한 지역으로 그룹을 만들l 수 있는다:

문서 (i.e웹 페이지)에 의미심장한 구조를 제공하는1)use의미 이윤폭.
그들이 다른 웹 페이지에 다른 웹 서비스에의해 인정될 수 있는다 하기 위하여 웹 페이지 구조를 편성하고기 웹 서비스 묘사를 간행하기 의미 이윤폭에 의하여 또한 의미상으로 그러므로 언급한다. 의미 웹을 위해 표준규격은IEEE에의해 설정된다.
2)use간행한DTD또는 개요에 따르는 유효한 표식 언어
어떤 무 원본 분대 (예를들면 심상, 멀티미디어)을 위해3)provide원본 동치.
문맥에서 읽을 때 이해되는4)use하이퍼 링크는 (예를들면 "누른다 여기." 기피한다)
5)don't사용 구조.
배치를 위해6)use전투근무지원 오히려HTML테이블.
원시 코드가 사용자 대리인옆에 읽는line-by-line이을 경우의 (스크린 독자같은) 이해할 수 있 남아 있는다 하기 위하여7)author페이지. (디자인을 위해 테이블을 사용하여 수시로 이지 않는 정보안에 유래할 것이다.)
그런데,W3C은linearized또는 교체 버전이 (아마linearized) 언제 이용할 수 있게 하는 까 곳에 배치를 위해 테이블이 어느 것이든 제작 느끼는 예외를 허가한다.

프로그램 언어 지견을 얻기의 필요없이 웹 페이지에게 수정하는 두는Content관리 체계에의해 충격을 가되는 그냥 웹사이트 접근가능성은 또한 변화하고 있다.

웹사이트 계획.
엄정하게 필요로 하는 무엇이 웹사이트안에 계획하는 시간을 걸리는것은 웹사이트를 창조하고기 올려주기하기의 앞에, 중요하다. 철저하게 경청자 또는 표적 시장을 고려하면, 무슨 내용이 개발될 것이다 목적을 정의하고기 결정하기아울러 극단적으로 중요하 있으십시요.

목적.
웹사이트의 목적을 정의하는것은 근본적 때문에 계획 공정안에 첫걸음의 한 이기. 웹사이트가 달성하고 것 기초를 두는 초점을 보여야 사용자가 그것에게서 얻을 것이다 것에 목적 계산서는 한다. 과 위치의 내용이 개발되는 경청자가 확인된다 대로 명확하게 정의한 목적은 계획 공정의 나머지를 돕l 것이다. 짧게 놓아서 웹사이트를 위해 장기 목표는 확장, 수정, 그리고 개선이 일어날 것이다 미래를 위해 목적 공간 그리고 계획을 만들n것을 돕라. 위치의 진도를 추적하, 성공을 결정하기 위하여 또한, 목표 조정 연습과 잴 수 있는 목적은 확인되어야 한다.

경청자.
경청자를 정의함것은 웹사이트 계획 공정안에 중요한 단계 이다. 경청자는 표적으로 하는 시장 너의 웹사이트4a€을 "방문하는 예기되는 집단 이다. 엄정하게 찾고 있는 것이라고 알는것은 이 사람은 명확할 이유를 위해 웹사이트를 전망하고 있을 것이다 그리고 위치를 언제 방문하는 까 중요하다. 방문자가 하나 너의 위치에 오는 때 느끼는 원하는 것을의 이해아울러 위치의 명확하게 정의한 목적 또는 목표는 광고 타깃을 확인한것을 돕l 것이다. 필요에 가장 그럴듯하 또는 내용을 이용하는 까 누구가 사려에, 사용자에게같은 일반 특성의 명부:

경청자 특성.
정보 특혜.
컴퓨터 논고.
웹 경험.
경청자의 특성을 고려함것은 광고 타깃으로 원한 내용을 전달할 것이다 효과적인 웹사이트를 창조되는 둘 것이다.

내용.
웹사이트의 목적이 명확하게 정의되는 것을 만족한 평가 및 조직은 요구한다. 그때 경청자 필요에 따르면 그것을 편성하는 필요한 내용의 명부를 모음것은 웹사이트 계획안에 중요한 단계 이다. 제안되는 내용을 모이기의 과정에서, 정의한 목적을 지원하지 않으나 광고 타깃 목적을 성취하지 않는 어떤 품목은 제거되어야 한다. 내용을 시험하는 좋은 아이디어 이고 소비자 그룹에 목적은 제물을 경청자에게 비교하기 위하여 필요로 하고. 다음 단계는 내용을 분류해서 기본적인 정보 구조를 편성하는 이고 사용자에 따르면 그것을 편성함것은 필요로 한다. 각 종류는 웹사이트에 연결이 될 것이다 간결한 기술적인 제목에 지명되어야 한다. 성취될 광고 타깃의 위치의 목적이 원하나 필요로 하고 것을 위치 내용을 위해 계획은 지킨다.

계획 문서 제시.
위치 구조 고려하고 있는 동안, 내용을 디자인하는 웹사이트를 위해 가장 적당한 상호 작용을 및 목적, 경청자 을 및 내용, 시각적으로 위치를 계획하기 위하여 문서 제시는 이용한다. 문서 제시는 웹사이트4a€을 위해 시제품을 "웹사이트 배치에게, 개선 그리고/또한 증진을, 건의한 변화의 결과로 검토되는 두는 모형이라고 사려될지도 모른다. 이 검토 과정은 웹사이트의 성공의 가능성을 증가한다.

첫째로, 내용은 분류되고 정보 구조는 공식화한다. 위치 지도이라고 부르는 문서 또는 가시 도표를 개발하기 위하여 정보 구조는 이용한다. 웹 페이지가 상호 연락할 것이다 까 라고의 이것은 무슨 내용이에 둘 것이다 결정하기안에 무슨 페이지 돕 가시를 창조한다. 웹사이트 구조를 도표로 만들의 3개 주요한 방법 있는다:

선형 웹사이트 도표는 사용자를 미리 결정한 순서안에 이동하는 허용할 것이다;
나무 디자인 웹사이트의 교주 구조는 (도표로 만들n다) 그들의 목적지에 포획에 사용자를 위해 1개 이상 경로를 제공한다;
분지 디자인 웹사이트 도표는 형안에 하이퍼 링크같은 웹 페이지사이 많은 상호 연락 고려한다.
구조를 계획하기에 더하여, 개인적인 페이지의 배치 그리고 공용영역은storyboard을 사용하여 계획될지도 모른다. storyboarding의 과정에서, 레코드는 위치안에 각 페이지의 묘사, 목적 및 제목의 만들, 그들은 효과 적이고, 논리적 도표 유형에 따르면 함께 연결된다. 웹사이트를 위해 요구되는 페이지의 수의지하고 있는, 문서 제시 방법은 그들을 연결하는 종이와 그림 선 장을 사용하여, 또는 포함할지도 모르다 컴퓨터 소프트웨어을 사용하여storyboard을 창조한.

디자인될지도 페이지가 실제적으로 볼 것이다 것의같이 개인적인 페이지의 어떤 또는 모두는 웹사이트wireframe, 모형 포괄적인 배치높은 쪽으로 조롱으로 더 중대한 세부사항안에 모른다. 이것은 도표 프로그램, 또는 배치 디자인 프로그램안에 수시로 한다. wireframe에는 단 계획하는 일하는 기능이, 있지 않는다.

분야안에 일어나는 흔한 문제:
그것이 보는 까 라고대. 그것이 일하는 까 라고.
방문자가 검색 엔진경유 페이지를 발견하기 위하여 가고 있는 까 라고같은 지불할지도 페이지가 다른 문제점을 고려하면보다는 보는 까 라고에 약간 웹 개발자에는 그래프 아트 배경이 있고 주의를 더 모른다. 위치에 방문자를 끌 위하여 어떤은 광고에보다는 찾는다 엔진은 좀더 의지한. 문제점의 기술의 그리고 본문의 까 상대방에, 얼마나 잘에 웹사이트 일 검색 엔진 최적화 고문 (SEOs)은 관계한다: 얼마 소통량을 그것이 수색 엔진경유 생성하고, 몇 판매를 만들는 까, 보기를 추측해서 판매에 공헌하지 말라. 그 결과로 그리고SEO이'추악한'키워드 부유한 원본, 탄알 명부, 및 원본 연결의 제비를 원하는 까, 디자이너 및SEOs은 곳에 디자이너가'예쁜'도표를 더 원하는 논박안에 수시로 끝난다. 누구든개은 이것이 웹 디자인이 협조, 공동성 해결책을 위해 2개의 분야를 통합할지도 모른다 가능성에 만기가 되는 틀린 분열 이는 것과 변론할 수 있었다. 몇몇 도표가 감성론에 더하여 커뮤니케이션 목적을 이루기 때문에, 얼마나 잘 위치 일이SEO고려사항아울러 그래픽 디자이너 영상 통신 아이디어에 의존할지도 모르다 까.

페이지에 도표의 제비를 사용할 때 다른 문제는 다운로드 시간이 중대하게 길게할 수 있는다 고 이어, 수시로 사용자를 자극한. 인터넷이 벡터 도표의 고속 인터넷 그리고 사용에 진화하는 때 이것은 문제의 더 적은이 되었다. 이것은 도표와 도형 문서 크기를 극소화하기 위하여 예술적인 도전에 더하여 대역폭을 증가하는 기술설계 도전 이다. 증가하기 대역폭이 내용의 증가하기 총계를 초대하기 때문에 이것은 진행하는 도전 이다.

협조적인 디자인안에것과 같이, 웹사이트 디자인의 틀리는 목표와 방법사이 충돌 있는다. 이들은 진행하는 그들의 약간 이다.

디자인안에 협력의 부족.
웹의 초기 단계안에, 지금 있는다 처럼 웹 디자인 및 더 큰 광고 운동, 고객 거래, 사회적인 네트워킹, 인트라넷 및 어xtr안얻s사이 만큼 다량 협력 없었다. 웹 페이지는 더 큰 계획사업에서 차단된 주요하게 정체되는 온라인 소책자 이었다.

많은 웹 페이지는 더 큰 계획사업에서 아직도 차단된다. 특별한 디자인 고려사항은 이 더 큰 계획사업안에 사용을 위해 필요하다. 이 디자인 고려사항은 통합하기 위하여 수시로, 특별하게 지도력의 부족 있으면 경우에, 이해의 부족 왜의 및 어떻게의 전문적 지식, 또는 더 큰 계획사업에 관n 관심사의 부족 협력을 촉진하기 위하여 간과한다. 이것은 웹 페이지의 부,과 보다 적게 보다는 최선 사용사이 유해한 경쟁 또는 타협안에 수시로 유래한다.

조정 배치대 액체.
사용되는 입력 장치, 웹에 디자이너는 브라우저 윈도우의 크기, 사용되는 웹 브라우저를 포함하여 몇 요인에 통제가, 있지 않는다 (쥐, 접촉 스크린, 음성 명령, 원본, 셀룰라 전화 수 패드,etc.은.) 그리고 유효한 글꼴의 크기 그리고 특성.

몇몇 디자이너는 명확한 폭 지적을 사용해서 스크린에 성분의 외관을 통제한것을 선택한다. 이 통제는 전투근무지원의 사용으로HTML에 의하여 테이블 기초를 두는 디자인 의미 사단 기초를 둔 디자인의 사용으로 달성될지도 모른다. 브라우저가 변화하는 때 디자인의 원본, 심상, 및 배치가 변화하지 않는다 언제든지, 이것은 조정 폭 디자인으로 알려진다. 조정 폭 디자인의 제안자는 위치의 배치 및 페이지에 목표의 정밀도 배치에 정확한 통제를 좋아한다. 다른 디자이너는 액체 디자인을 선택한다. 액체 디자인은 곳에 디자인이 전체 스크린으로 교류 내용으로 이동하는, 스크린의Wikipedia또는 부분 것, 비록 무엇을 해도 브라우저 윈도우의 크기 이다. 액체 디자인의 제안자는 더 중대한 겸용성 및 유효한 스크린 공간을 사용하기 좋아한다. 액체 디자인은 전투근무지원의 사용으로 기피해서, 달성될 수 있어 페이지를 전부 유행에 따라 디자인 한, 또는 사용해서HTML테이블 (또는 의미divs은 페이지의 백분율에) 놓는다. 내려야 디자인이 가는곳마다 스크린 결의안에 타락해야 하는 까 라고에 관하여 액체와 조정 디자인 개발자는 모두 결정을 한다. 때때로 실제적인 최소한도와 최대 폭사이에 디자인 흐르기 위하여 선택한다. 이것은 디자이너를 모든 유효한 스크린 공간을 사용하여 긴꼬리높은 쪽으로, 그러나 아직도 만들는 브라우저 선택을 위해 코딩을 기피하는 허용한다. 내용의 목적의지하고 있는, 웹 디자이너는 고치는 액체 배치 개별적인 조건으로 사용하기 위하여 결정할지도 모른다.

액체 배치에 유사하다 선택 적합은Adobe저속한 내용에 창 특징에. 이것은 최선으로 브라우저가 사이즈를 바꿀 때 감싸는 배열 또는 원본을 변화하기없이 페이지의 내용을 오르는 조정 배치 이다.

섬광.
Adobe은 (이전에Macromedia섬광) 이다 동적인 내용을 창조하, 전달하기 위하여 이용되는 소유, 튼튼한 도표 생기 또는 신청 개발 프로그램, 매체 (소리와 영상), 그리고 브라우저경유 웹에 대화식 응용 프로그램 번쩍인다.

섬광은 인터넷에 중핵 의정서 그리고 체재의 최대량 납품업자 중립 표준 기구에의해 일으키는 기준이 아니다. , 플러그 접속식 소유, 및 그것이 볼것을 요구해것이 "뒤" 단추같이 가장 큰 웹 브라우저UI특징에 않않 이긴 하지만, 섬광은 열려있는HTML체재보다는 매우 제한한다.

학문, 미국 웹 사용자의[2]98%에 따르면 저속한 선수installed.[3]수를 탐지 계획 및 연구demographics.[4의지하고 있는 변화해 달라고 하십시요]

그들에게 디자인의 각 부분에 엄정한 통제를 주기 때문에 많은 그래픽 아티스트는 섬광을 이용한다, 아무거나는 살아움직이는듯하 일반적으로 "높은 쪽으로"jazzed. 그들을 상쾌하게 해야 하지 않으나 새로운 웹 페이지에 가기 위하여 언제나 활동이 생기는 신청을 창조하기 시키기 때문에 몇몇 애플리케이션 디자이너는 섬광을 즐긴다. 섬광은 가장 큰 컴퓨터에 설치되는 표준 글꼴의 대신에 끼워넣은 글꼴을 이용할 수 있는다. 섬광을 위해HTML을 전체로 삼가는 많은 위치 있는다. gifs또는jpegs이 이용할텐데 처럼 보수적으로 다른HTML에, 더 빠른 선적 생기의 더 작은 벡터 파일 사이즈 그리고 선택권에 결합되는 저속한 내용을 이용한. 권한외에게 이중 또는 찾기에서 내용을 보호하기 위하여 섬광은 또한 이용할지도 모른다. 일정한HTML또는 전투근무지원경유 가능한 진보한 인쇄술에 표준HTML성분을 (우두머리 또는 메뉴 연결) 대체하기 위하여 양자택일로, 작은, 동적인 저속한 목표는 이용할지도 모른다 (Inman오를 수 있는 저속한 보충을 보십시요).

디자인된것을 저속한 웹사이트가 가난하게 가는 비방자 요구는 번쩍이고, 수시로 복잡한 비표준 사용자 공용영역을 이용한다. 계속 저속한 목표를 색인을 붙이게 최근까지는높은 쪽으로, 수색 엔진은, 쉽게 발견되는 그들의 내용이 있음에서 위치에는 막은. 웹사이트를 색인을 붙이기 위하여 많은 검색 엔진 크롤러가 원본에 의지하기 때문에 이것은 이다. 섬광을 지원하지 않는 브라우저를 위해 보일 것이다 교체 내용을 지정하는것은 가능하다. 교체 내용을 사용하여 페이지를 이해하기 위하여 또한 도움은 엔진을 찾고, 페이지를 위해 매우 더 나은 시정안에 유래할 수 있는다. 그런데, 저속한 웹사이트의 대다수는 접근 가능한 무력 (스크린 독자를 위해, 예를 들면) 또는 고분고부한 단면도가 아니다508. 추가 문제점은 그들의 인간 방문자에게 수색 엔진을 위해 일반적으로 교체 내용을 이용하는 위치가 스패밍 수색 엔진 이기 위하여 흔하게 재판되고 자동으로 금지된다 고 이다.

JavaScript에 유사한ECMA언어 이는 "ActionScript이라고" 부르는 섬광 대본을 쓰는 언어의 최근 화신은 () 브라우저 폰트 사이즈를 존중하고기 눈 먼 사용자를 스크린 독자를 사용하는 허용하기같은long-awaited유용성 특징을, 통합한다. Actionscript2.0은 목표 동쪽으로 향하게 한 언어 이어, 전투근무지원의 사용, 종류 기초를 둔 웹 신청의XML, 및 디자인을 허용한.

겸용성과 금지.
현대 브라우저의 시장 점유울때문에 (너의 표적 시장의지하고 있는), 구경꾼에 너의 웹사이트의 겸용성은 제한된다. 예를 들면,websurfers의 대다수를 위해 디자인되는 웹사이트는 유효할XHTML1.0의 사용으로 준엄할 오래 될 것이다, 캐스캐이딩 스타일 시트 수평으로 1, 그리고1024x768전시 결의안 제한될 것이다. Internetexplorer이 충분하게XHTML1.1의 모듈 방식 및 1저쪽에 전투근무지원의 대다수와 고분고부한W3C기준이 아니기 때문에 이것은 이다. 양자택일 브라우저 (예를들면Firefox과 오페라) 사용자의 표적 시장은 웹 디자이너를 위해 선택권의W3C수락 더 그리고 이렇게 더 중대한 범위 고려한다.

웹 페이지 디자인에 다른 금지는 다른 이미지 파일 체재의 사용 이다. 사용자의 대다수는 지프, 제이펙, 및PNG을 지원할 수 있는다 (금지에). 다시Internetexplorer은 중요한 금지 여기 이어, 아직도 투명한 심상을 위해 널리 쓴 도형 문서 체재 이는 지프 체재의 결과로 전적으로PNG전진한 투명도 특징을, 지지한.

많은 웹사이트 불화합성은 디자이너에 의하여 주목되지 않고 사용자에 의하여unreported간다. 웹사이트가 특별할 플래트홈에 저 플래트홈에 그것을 시험한것을 이다 일할 것 을 확신하는 있는 유일한 방법.

어떤 방법방법, 웹 디자인은은 아주 잘 정의한 높은SALARY.SO에I.T일사이에 매력의 것으로 밖으로 추진하고 너를 기다려 창조적인 웹DESIGNER-THEI.T.WORLDIS으로 나온다 밖으로... 나왔다