1단계 그누보드 다운받기

2단계 그누보드 설치하기

3단계 서버에 내가 코딩한 파일 나오게 하기

Tip. 자주쓰는 css들을 클래쓰화시켜놓아라.(여러분을 위한 꿀팁 자료 하나입니다.)

Tip. 이렇게 자주쓰는 css클래쓰화 시켜놓는다면, 작업속도가 증가합니다.

4단계 그누보드 테마 사용하지 않기.

5단계 index.php / images / main.css / reset.css / total.js 폴더 경로 세팅하기

Tip. 우리의 파일들은 ~안쪽의 마지막에 넣어주길 바랍니다.

Tip. 클래스의 체계화

클래스 체계화 응용

중요!!. 반드시 알아야할 것: Inclued(인클루드는 도대체 왜 할까?)

6단계 header와 footer 때어내기

7단계 메인페이지(index.php)에 head.php와 tail.php include시키

8단계 서브페이지 연결하기

9단계 서브페이지(sub11.php)에 head.php와 tail.php include시키기

BEST Tip. 선언문 선언자를 이용한 if문 사용방법

10단계 서브 헤드 / 크럼블 메뉴도 인클루드 시켜서, 한 파일에 관리하기(Feat.if문 / 선언문)

BEST Tip. 서브 헤드 / 크럼블 메뉴 인클루드 파일(sub_nav.php) 만들기

11단계 그누보드 게시판 달기.

12단계 그누보드 게시판 달기.(Feat.if문 / 선언문)

글을 마치며

#저자 소개

웹 디자이너 김대리

웹 기획, 웹디자인, 웹 퍼블리싱 뿐만아니라 각종 기업 / 은행 / 나라 캠페인에 참여하면서

2년 정도 웹 시장에서 몸 담고 있는 경력자입니다.

#책 소개

안녕하세요 [ 웹디자인 경력 "1년 " 앞당길수 있는 그누보드 사용방법과 코딩노하우]의 저자

웹디자이너 김대리입니다. 웹 에이젼시에서 2년 정도 근무를 하였고 지금은 대리로 있습니다.

좋은 기회로 인해서 국비 지원 사업을 알게 되었고, 국비로 학원에서 6개월 정도 일을 하고 지금의 웹 에이전시에서 일을 하고 있습니다. 그동안 수많은 시행착오를 겪으면서 일을 해왔어요.

 어려움을 겪고 알게된 지식으로 웹을 시작하는 사람들에게 지혜를 전달해 드릴려고 합니다.

밑에서 부터 시작해서 웹을 시작하는 사람들의 마음을 누구보다 잘 알기 때문에,

책을 보고도 알기 쉽게 정리 해놓았습니다.

그누보드 사용방법과 웹을 만드는데 필수적이면서도 치명적인 노하우들을 이야기처럼 서술 해놓았습니다.

#대상

책의 난이도는 어느정도 웹에대해 기본 바탕으로 가진 분이 보시면

스킬업하는 데 좋은 노하우를 써놓았습니다.

-웹을 시작하지 얼마 되지않은 웹린이.

-웹을 한지 많이 시간이 지났지만, 속도가 늘지 않는 분들

-파일 하나하나를 열어 수정하시는 분들

#맛보기

Tip. 이렇게 자주쓰는 css클래쓰화 시켜놓는다면, 작업속도가 증가합니다.

사용한번해볼까요?

  가령 위 같은 ul, li요소가 있다고 치고, 내가 li요소들을 가로로 나열시키고 싶다면, float:left li {float:left}를 주고 clearfix를 ul에다가 ul{content: "";display: block;clear: both;} 이라는 css써주어 마무리를 해주겠지만, 미리 클래쓰와 해놓는다면

.cf:after{display: block;content: "";clear: both;}

ul.cf li{float:left}

해주어도 간편하게 li요소들을 가로로 나열시킬 수 있습니다. 덤으로 클래스 cf가 clearfix까지 해주니 손이 덜 가겠죠. 이제부터 위에 자주 쓰는 css들을 따로 reset.css파일로 만들어 놓고, 나만의 클래스 파일을 만들어 놓읍시다. html에 직접 적용하는 것이 작업속도의 증가의 하는 요소가 될것입니다.