웹디자인과 코딩

웹디자인과 코딩


우선 웹디자인이란?

웹디자인은 웹브라우저가 그래픽 사용자 인터페이스, GUI로 해석, 표시하기에 적합한 마크업 언어 형태로 인터넷을 통해 전자미디어 콘텐츠 전달 개념을 설정. 기획. 모형화하는 과정입니다!



웹 디자인의 목적은 웹 사이트를 구축하는 것인데요.

웹 사이트에는 전자 파일이 포함되어 있으며, 최종 사용자가 필요한 WEB 페이지 형식으로 콘텐츠, 대화 기능, 인터페이스를 제공하여야 합니다. WEB 서버, 텍스트, 비트맵 이미지(GIF, JPEG, PNG) 폼 등의 요소와

HTML, XHTML, XML 태그를 사용하는 페이지에 배치할 수 있습니다.

벡터 그래픽과 애니메이션, 비디오, 음향 등 복잡한 미디어를 표시할 경우 플래시, 퀵 타임, 자바 실행시간 환경 등 별도의 플러그인이 필요합니다.

플러그인은 HTML, XHTML 태그를 사용하여 웹 페이지에 추가할 수 있습니다.



웹디자인도 상당히 전문 분야입니다. 요새 많이들 하고 있지만 기초적인 코딩지식과 디자인 감각이 필요합니다.

기초적인 코딩은 생활코딩 사이트에서 확인할 수 있습니다.



W3C 표준과 호환되는 브라우저는 CSS와 XHTML, XML의 조합을 통해 웹페이지 요소와 객체를 검색하여 사용할 수 있도록 해두었습니다. 마지막 표준에서는 브라우저의 기능을 통해 가능한 플러그인을 사용하지 않고 다양한 미디어와 접근성 옵션을 클라이언트에게 제공할 수 있습니다. 

웹디자인은 사용자의 편의성과 최신 웹 접근성에 최적화되어야 합니다.



웹페이지는 정적 페이지와 동적 페이지로 나누어집니다.



정적 페이지: 사용자가 수동으로 페이지를 갱신하지 않는 경우, 요구 유형별로 콘텐츠와 레이아웃을 변경하지 않게 됩니다.

동적 페이지: 사용자의 입력이나 컴퓨터 환경에서 외관이나 콘텐츠가 변화됩니다. 스크립트 언어 (JAVA SCRIPT, JSCRIPT, ACTIONSCRIPT) 이를 사용하여 DOM 요소를 변경함으로써 변경이 가능합니다.

동적 콘텐츠는 서버 스크립트 언어 (코드 퓨전,ASP, JSP, Pearl, PHP, Pyrhon) 등을 사용하는 서버에서 컴파일됩니다.

두 접근법은 일반적으로 복잡한 애플리케이션에 사용되고 있습니다.



통신 설계와 정보통신기술 분야가 대표적으로 웹페이지에 특화된 웹디자인과 웹 개발을 구현하게 되었습니다.


-웹디자인의 역사

*world wide web의 창설자인 Tim berners-lee 씨는 1991년 8월에 이 웹사이트를 공개했습니다.

이 사람이 처음으로 하이퍼텍스트와 인터넷 통신을 연결하였습니다.

웹사이트는 html 마크업 언어로 쓰여 있고, html 초기 버전에는 웹 사이트의 기본 주거(표제, 단락)나 하이퍼텍스트를 이용해 접속하는 기능 등 매우 기본적인 기능으로 존재했습니다.

기존 통신과 달리 사용자는 하이퍼 링크를 쉽게 따라 페이지 간 이동이 가능하게 되었습니다.



웹과 웹 디자인이 발달하면서 마크업 언어는 보다 복잡하고 유동적으로 변화하기 시작했습니다.

페이지에 그림이나 표와 같은 객체를 추가할 수 있게 되었으며 원래는 테이블을 사용해 정보를 표시하도록 설계되었지만 나중에 보이지 않는 레이아웃 장치로 변환되어 훨씬 세련되어졌습니다.

CSS의 등장으로 테이블 기반 레이아웃은 시대에 뒤떨어진 것으로 여겨졌고 서버 스크립트 등 데이터베이스 통합 기술과 CSS 같은 설계 표준이 나중에 변경되면서 웹 생산 방향이 강화되었습니다.





*웹사이트 설계는 특정 주제에 대한 정보가 포함되어 있습니다.

이는 웹페이지를 정리하고 작성하는 것으로 정의되어 있습니다. 웹페이지는 웹 사이트를 개발하기 위한 정보로 구성됩니다. 웹사이트는 각 책의 페이지를 포함하는 책과 비교할 수 있습니다. 



이 프로세스에는 많은 디자인 문제가 있어 인터넷의 급속한 발전에 의해 새롭게 재탄생될 가능성이 있습니다.

비상용 웹사이트의 경우 얼마나 공개되고 반응하느냐! 에 따라 목표가 달라지는데요,

상용 웹사이트의 경우 기본적인 디자인 관점은 다음과 같습니다.



내용: 사이트의 정보는 사이트와 관련이 있어야 합니다.

가용성: 사이트는 사용자에게 정통해야 하며 인터페이스와 내비게이션은 간단하고 신뢰성이 높아야 합니다.

외관: 그래픽과 텍스트에는 일정한 흐름 표현 스타일이 포함되어 있어야 합니다. 스타일은 전문적이어야 합니다.

가시성 :: 주요 검색 엔진과 광고 매체를 통해 사이트를 쉽게 찾을 수 있어야 합니다.



웹사이트는 보통 텍스트와 사진으로 구성되어 있으며 첫 번째 페이지는 홈페이지 또는 인덱스로 알려진 페이지입니다.

일부 웹 사이트에서는 스플래시 페이지라고 불리는 것을 사용하고 있습니다. 스플래시 페이지에는 '웰컴'이 있습니다. 메시지, 언어, 지역, 등이 포함될 수 있으며 웹 사이트 내의 각 웹페이지는 html 파일이며 각각 url 이 있습니다.

웹페이지를 작성한 후 일반적으로 하이퍼링크로 구성된 내비게이션 메뉴를 사용하여 접속합니다.

웹디자인과 코딩


이제 코딩... 

코딩 coding:

-컴퓨터 프로그래밍,: 컴퓨터 프로그램의 소스 코드를 만들고 관리하는 과정

-라인 코딩: 데이터 스토리지 용어

-소스코딩: 데이터 전송에 사용되는 압축

-코딩이론: 부호의 속성과 특정 응용 프로그램에 대한 부호의 적합성에 대한 연구

-채널 코딩: 코딩 이론 용어
웹디자인과 코딩