웹 디자인을 배우는 방법 : 13 단계 (사진 포함) - 팁

동영상: #1 지금 웹 디자인을 배우는 건 너무 늦었나? - 웹디자인 입문 강좌

콘텐츠

단계
조언
경고
필요한 것

웹 디자인은 특히 오늘날 모든 것이 인터넷을 중심으로 돌아가는 세상에서 매우 귀중한 기술입니다. 정말 능숙하다면 고객에게 수익을 창출하거나 멤버십 사이트 (게스트 콘텐츠에 대한 액세스를 제한하는 웹 사이트)를 만들거나 다른 수익 창출 프로젝트를 진행할 수 있습니다. 웹 디자인을 배우는 방법을 정말로 알고 싶다면이 기사가 적합합니다!

단계

1/3 부 : 시작하기

웹 디자인의 차이점에 유의하십시오. 책 디자인, 포스터 디자인, 일러스트레이션이 아닙니다. 이 분야의 결론은 웹 디자인이 무엇인지가 아닙니다. 웹 사이트는 게임과 비디오의 전달 시스템이 될 수 있고 이러한 배포 시스템은 눈길을 사로 잡을 수 있지만 웹 디자인이 아니라 게임 디자인과 비디오 스토리 텔링의 전형입니다.
웹 디자인이 무엇인지 알기. 이것이 바로 디지털 환경을 만드는 과정입니다.
- 인간 활동을 지원하고 장려합니다.
- 개별 콘텐츠 및 목소리를 반영하거나 이에 적응합니다.
- 그들의 정체성을 유지하면서 시간이 지남에 따라 리드미컬 한 방식으로 변화합니다.
사용할 자원을 식별하십시오. 웹 사이트, 비디오 및 책은 세 가지 주요 리소스입니다. Codecademy와 W3Schools는 오늘날 유명한 웹 사이트입니다. 또한 다른 많은 리소스가 있으므로 주저하지 말고 자유롭게 경험하십시오!
- 웹 사이트를 선택한 경우 진행 상황을 저장하려면 계정을 등록하십시오.
- 비디오로 공부하기로 선택한 경우 필요한 모든 비디오를 강조 표시하십시오.
- 책으로 공부할 계획이라면 지역 도서관이나 서점을 방문하십시오. 너무 많이 쓰고 싶지 않은 경우 (또는 지출하고 싶지 않은 경우) ebook 또는 PDF 문서를 다운로드 할 수 있습니다.
- 지불 할 의향이 있다면 전문 웹 디자이너로부터 맞춤형 수업을 찾을 수있을 것입니다.
공부하는 데 얼마나 많은 시간이 필요한지 결정하십시오. 바쁜 사람이라면 공부할 시간을 찾을 방법을 찾아야합니다.
웹 디자인 프로그램이없는 경우 다운로드하십시오. 여전히 메모장으로 작업 할 수 있지만 Adobe Dreamweaver, Microsoft Expression Web 또는 KompoZer와 같은 프로그램을 사용하는 것이 좋습니다. 다른 많은 옵션이 있습니다. 더 많이 찾아보고 원하는 프로그램을 다운로드하십시오. 광고

3/3 부 : 연구

HTML 시작하기. HTML은 웹 디자이너에게 없어서는 안될 기술입니다. 태그, 클래스, ID, 입력 등과 같은 마스터 개념
- 최신 버전의 HTML은 HTML5입니다. HTML5는 몇 가지 새로운 기술을 도입하므로 학습하기에 가장 좋은 버전 일 것입니다.
- XHTML도 실행 가능한 옵션입니다. 그러나이 버전은 좀 더 까다 롭습니다.
CSS를 배우십시오. CSS는 "Cascading Style Sheet"또는 CSS 스타일 파일을 의미합니다. CSS 없이는 웹에서 볼 수있는 아름다운 디자인이 없습니다. HTML은 단순한 프레임이며 CSS는 웹 사이트를 화려하고 눈길을 사로 잡는 요소입니다.
- CSS는 사용이 매우 엄격합니다. 예를 들어, 각 줄 끝에 세미콜론을 넣는 것을 잊었을 때 오류 때문에 이마를 긁어 야 할 수도 있습니다.
JavaScript 및 jQuery를 배우십시오. 간단한 웹 사이트를 만들 계획이라면이 단계는 선택 사항입니다. 그러나 대화 형 웹 사이트를 만들려면 위의 두 가지 프로그래밍 언어를 배우는 것이 매우 필요합니다.
- jQuery를 사용하려면 jQuery가 일을 간단하게 만들 수 있기 때문에 JavaScript의 기초 만 있으면됩니다.
- jQuery를 사용하면 아코디언 (축소 가능한 콘텐츠), 캘린더 등과 같은 위젯을 삽입 할 수 있습니다. jQuery는 또한 다양한 스타일로 제공되므로 웹 사이트에 적합한 스타일을 선택하는 것은 사용자에게 달려 있습니다.
고급 언어로 계속하십시오. PHP, MySQL, Perl, Ruby 및 기타 여러 언어입니다. 단순한 웹 사이트를 구축하려는 사람들에게는 필요하지 않지만, 대화 형 대규모 웹 사이트를 만드는 데 필수적입니다.
- 그중 하나 (예 : PHP)에는 테스트 서버가 필요합니다. 따라서 웹 사이트 호스팅 서비스에 계정을 등록하거나 컴퓨터에 서버 소프트웨어를 설치하는 것을 잊지 마십시오.
광고

3/3 부 : 지식 적용

프로젝트 웹 사이트를 만듭니다. 웹을 처음부터 실험하고 만듭니다. 그것은 당신의 두뇌에 녹슬 게하는 대신 지식을 조작하는 데 도움이 될 것입니다.
웹 사이트가 필요한 친구 나 친척에게 물어보십시오. 그들이 경험을 쌓을 수 있도록 무료 웹 사이트를 만들 수 있습니다!
나만의 웹 사이트 시작. 당신이 좋아하는 콘텐츠로, 그 웹 사이트는 당신의 기술을 대중에게 보여줄 기회를 줄 것입니다.
원하는 경우 프리랜서. 합리적인 비용을 청구하고 사이트에 포트폴리오를 게시하십시오. 언젠가는 귀하의 비즈니스가 실제 회사로 발전 할 것입니다. 광고

조언

기다려주십시오! 단 6 시간 만에 모든 것을 캡처하려는 경우 매우 빨리 잊게됩니다.
좋은 HTML 편집기를 구입해야한다고 가정하지 마십시오. 수백만 VND 이상의 비용이들 수있는 좋은 무료 프로그램이 많이 있습니다.
프로젝트를 완료하면 일부 코드를 모아 라이브러리로 전환하십시오. 거기에서 모든 프로젝트에 대해 같은 것을 반복해서 다시 프로그래밍 할 필요가 없습니다. 도서관이 너무 커지면 팔 수도 있습니다!
PDF 문서는 eBook보다 약간 더 유연합니다. eBook은 일반적으로 Kindle, iPad 등과 같은 특정 유형의 장치 용으로 설계되었지만 모든 컴퓨터에서 PDF 문서를 읽을 수 있습니다.
당신이나 당신과 가까운 사람이 웹 디자인에 대해 알고 있다면 그들에게 가르쳐달라고 요청하십시오. 당신은 반드시 무료로 배우게 될 것입니다.

경고

너무 무리하지 마십시오! 피곤하면 모든 것을 잊고 아무것도 배우지 못할 것입니다.
프로그래밍 언어에는 무한 루프라는 개념이 있습니다. 프로그래머의 두려움입니다. 당신에게 일어나지 않도록 조심하십시오!
프로그램을 다운로드 할 때주의하십시오! 무엇이든 바이러스가 될 수 있습니다.
웹 사이트에 등록하기 전에 알아보십시오. 물론 평판이 좋은 웹 사이트라면 걱정할 필요가 없습니다. 그러나 덜 알려진 웹 사이트는 피싱 일 가능성이 가장 높습니다.