태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

* [밑바닥부터 홈페이지 만들기] 예고편

: 어쩌다가보니 주변에 홈페이지 만드는 일을 도와주게 되었는데, 오랜만에 다시 웹 개발을 하게 되니 고향에 온듯 기분이 아주 좋고 마음이 편안하다. 이번에 기획하고 있는 홈페이지는 xe등과 같은 툴을 사용하지 않고 그야말로 '밑바닥부터' 멘땅에 헤당하며 만들 예정이라, 계속 개발을 진행하면서 그 과정을 누구나 따라할 수 있게 기본적인 내용들을 한번 소개 해보려고 한다.


: 이번에 개발하게 되는 컨셉은 대충 만들어가고 있는데 얼추 다음과 같이 될 것이다.

  • 플래시 없음
  • XE 등 툴 없이 순수 코딩
  • php/mysql 활용
  • 순수 자바스크립트 활용
  • html5의 구조적 태그들을 최대한 준수
  • 모바일 웹 고려
  • 반응형 웹
  • 외부 사이트의 API 활용 - 이미지/동영상 예정
  • High performance 웹
  • *중요* 디자인은 디자이너가

: 사실 홈페이지를 만들면 언제나 가장 중요한 것은 '디자인'이다. 솔직히 개발자가 하는건 디자이너랑 기획자가 만들어놓은 틀과 구상을 그대로 옮겨다 놓는 것이다보니, 다른 것보다도 개발자가 디자인까지 하는 일은 너무나 피곤하다. 홈페이지를 만들 때에는 언제나 기획자와 디자이너를 칭찬해주고 의지하며, 어떠한 기능을 제안해와도 구현해주겠다는 마음으로 '당신이 생각하는 가장 복잡한 기능을 구상해서 가져와라'라고 듬직한 모습을 보여주자. 그리고 디자이너의 모든 요구를 들어줬으므로, 이후에는 픽셀단위로 디자인 명세를 요구하고 필요하면 이미지맵 제작까지 요구하자.


* '가장 복잡한 기능을 구상해서 가져와라'라고 했는데 정말로 엄청나게 복잡한 기능을 가져왔다면 최근의 minimalism과 모바일을 고려하는 트렌드에 맞지 않는 사람이므로 기획에 이러한 트렌드 운운하며 트집을 잡는 참견쟁이가 되는 것도 향후 고생을 방지하기 위하여 나쁘지 않을 것이다.


: 이 강좌는 제목이 밑바닥부터 웹에 대한 지식이 별로 없는 사람한테 이러한 식으로 홈페이지를 만드는구나, 이러한 식으로 웹을 구성해가는구나, 또는 이러한 순서로 생각하면 되는구나 참고하면 될 것이고, 기본적인 html과 css 그리고 자바스크립트에 대한 지식이 있다면 좋을 것이다. 이렇게 맨땅에 헤딩하면서 밑바닥부터 가는 것은 상당히 무식한 짓이므로 어디까지나 '참고용'으로 보면 좋을 것이다.


: 진행은 대략 12월 전에 다 끝내기로 했으므로 약 한달반간 짬짬히 쓸 것 같고, 잡다한 내용들보다는 필요한 내용들과 핵심 내용들 위주로 써 나갈 것이다. 중간중간 건너뛰는 부분들도 있겠지만, 주로 컴포넌트 단위로 간단한 개발 방법들을 소개할 것이니, 개별적인 글로도 의미를 가질 수 있도록 할 것이다. 향후 작성될 내용은 기획과 디자인이 아직 100% 완성되지 않아서 아직은 미정이지만, 모든 사람들이 공통적으로 필요할 부분들을 뽑아서 다뤄볼 것이다.


: 그렇다면 디자인이나 기획안이 없어도 설정 가능한, 기본 HTML의 템플릿과 홈페이지 아이콘을 설정하는 것부터 다음편에 살펴보자.


[밑바닥부터 홈페이지 만들기] 예고편 끝.


- 다음편

2013/11/01 - [밑바닥부터 홈페이지 만들기] HTML5 기본 템플릿, DOCTYPE 종류

2014/01/13 - [밑바닥부터 홈페이지 만들기] 최종 목표 예고 - toc21.com

2014/01/15 - [밑바닥부터 홈페이지 만들기] nav, ul, li 태그 HTML과 CSS로 가로형 메뉴 만들기

2014/01/22 - [밑바닥부터 홈페이지 만들기] HTML과 CSS로 드롭다운 메뉴 만들기

2014/01/27 - [밑바닥부터 홈페이지 만들기] 마우스 오버 이미지 배너 만들기(CSS, 자바스크립트 등)

2016/06/17 - [밑바닥부터 홈페이지 만들기] HTML과 CSS로 가로 드롭다운 메뉴 만들기

2016/06/?? - HTML과 자바스크립트로 드롭다운 메뉴 만들기

2016/07/?? - 간단한 반응형웹과 모바일용 웹 만들기


 

 


저작자 표시 비영리 동일 조건 변경 허락
신고

이 글을 공유하세요.

질문이나 의견을 댓글로 달아 주세요

티스토리 툴바