• 이용 문의
  • 회원가입
  • 로그인

[web] 웹디자인 (웹퍼블리셔) 코딩고수가 되는 7단계 ★

1,592  

 

웹디자인 (웹퍼블리셔) 되고 싶은데, 뭐부터 할지 막막하시면 읽어보세요. ^^

 

1.

웹언어 기초 학습


[브라우저측 언어] - 일반사용자가 소스보기로 코드 확인 가능.

 

HTML

홈페이지 레이아웃 뼈대 태그 (Layout)
https://homzzang.com/b/html

 

CSS 

홈페이지 주요 디자인 (CSS : Cascading Style Sheets)

https://homzzang.com/b/css

JS, JQ 

홈페이지의 역동적인 동작 및 기능  (JS : JavaScript , JQ : jQuery)

https://homzzang.com/b/js
https://homzzang.com/b/jquery

BS

HTML CSS JS JQ 기반한 반응형 홈페이지 프레임워크 (= 뼈대 = 골격 = 틀) (BS : BootStrap)

https://homzzang.com/b/bs


 
[서버측 언어] - 일반사용자가 소스보기로 코드 확인 불가.


PHP

홈페이지 작동에 필요한 서버측 웹언어

https://homzzang.com/b/php

SQL

홈페이지 데이터베이스 (DB) 제어 관리

https://homzzang.com/b/sql

 

※ 위 언어들은 상호 유기적으로 결합해 작동하므로 되도록이면 모두 학습 권장.

 

2.

빌더 레이아웃구조 파악


홈페이지 주요 레이아웃이 head. index. tail 등 어떤 파일들에 각각 들어있는지 확인

 

(예)


G5 레이아웃

https://homzzang.com/b/g5?sca=layout

 

 

 

3.

빌더 파일위치구조 파악


빌더를 구성하는 파일들이 각각 어떤 역할을 하는지 파악. (디렉토리 (=폴더) 구조 및 파일 이해)

URL 주소에 찍힌 경로의 파일을 열어 이 파일이 어떤 부분들과 연동이 되는지 분석 !!

 

(예)


G5 파일

https://homzzang.com/b/g5?sca=file

 

G5 스킨

https://homzzang.com/b/g5?sca=skin

 

 

 

4.

빌더 파일간 유기적 연동관계 파악


함수와 스킨이 각각 분할되어 있는데, 어떻게 이 파일들이 서로 연결되어 있는지 확인.

 

(예) 

G5 시스템

https://homzzang.com/b/g5?sca=system

 

 

5.

DB 테이블 및 필드 구성 파악


테이블이 어떻게 만들어지는지,
테이블과 필드 구성이 어떻게 되어 있는지 확인

 

(예) 


G5 DB테이블

https://homzzang.com/b/g5?sca=table

 

 

6.

상수, 변수, 함수 파악


상수, 변수, 함수가 어떤 파일에서 정의되는지?

변수가 어떤 파일에서 사용 가능한지?
함수를 사용하기 위해 어떻게 해야 하는지 파악.
상수, 변수, 함수를 빨리 찾아쓸 수 있도록 DB 구축.

 
(예)

G5 코드사전

https://homzzang.com/b/code

 

 

7.

스킨 분석 및 스킨 제작


1 ~ 6 이해가 어느 정도 되었으면,
아이템을 정해 줄기차게 소스 분석 및 직접 만들어 볼 것 !!

 


 

PS. 그외 팁


1. 
웹디자인, 웹퍼블리싱 용어 영어로 익히기, 검색하기

2.
관심있는 빌더 제작자 님의 질문답변 내용 자주 보기

3.
질게에 올라온 초심자들 질문에 답변달기 (암기 강화)
 

 

 

 

관심분야별 학습할 코딩언어

 

뒷단(Back-end)/서버쪽(Server-side) 프로그래머
파이썬, 루비, PHP, 자바, .Net + 데이터베이스에 대한 지식

 

앞단(Front-end)/클라이언트쪽(Client-side) 프로그래머
HTML, CSS, JAVASCRIPT + 디자인감각

 

모바일 프로그래머
오브젝트C, 자바(안드로이드). 모바일 웹 사이트를 위한 HTML / CSS. + 서버 쪽 지식

 

3D 프로그래머 / 게임 프로그래머
C/C++, OpenGL, 애니메이션 + 예술적 감각

 

고급 프로그래머(High-Performance Programmer)
C/C++, 자바 + 수학과 양적 연구의 배경 지식

 


 

코딩언어 인기순위

https://www.tiobe.com/tiobe-index/

 

http://www.bloter.net/archives/196684

http://devcodehack.com/which-programming-language-should-you-learn-to-make-money/


즐겨찾기 (= 북마크) : Ctrl + D
저작권・초상권 권리보호 신청

이름
비밀번호
자동등록방지
번호 분류 제목
60 ucc 과장님의 사유서 3
59 ucc 엄청난 융단폭격 영상 2
58 ucc Galaxy S6 vs iPhone 6 (삼성 갤럭시 s6 vs 애플 아이폰 6 스마트폰 비교 영상) 2
57 ucc 중고나라의 세상은 좁습니다
56 ucc 정전기 초아줌마
55 ucc 오늘 사냥개가 말을 좀 잘 들었어
54 ucc 기계농구의 신
53 ucc 망항 썸남
52 ucc 달마과장
51 ucc 흰 공작새
50 ucc 정말로 있었던 무서운 이야기 미친꼬마
49 ucc 중고나라 사기모음 1
48 ucc 고딩의 보물창고
47 ucc 김연아 비율 6
46 ucc 어느 옹녀의 재치
45 ucc 뭐어쩌라고
44 ucc 맥도날드 상위 1% 직원 2
43 ucc 일본. “이란!! 같이 결승까지 가자!!”
42 ucc 남편 월급이 적어 고민인 아내
41 ucc 회원 님을 유혹할거야... ^!~ 3
목록

방문자 수

오늘 523
어제 971
최대 1,698
전체 565,916
Since 2012