Pr의 웹디자인 가이드

|  웹 디자인

조회 수 471 추천 수 1 댓글 4
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

안녕하세요 웹디자인 첫 강의입니다.


이 강의의 주제는 홈페이지를 만드는 방법입니다.

홈페이지를 만들어보고 싶은데 뭘로 어떻게 해야하는지도 모르는 사람들을 위한 아주 간단한 강의이죠.


이제 알아보겠습니다.


1. 홈페이지 만들기 - 메소드(방법)

메소드란 method, 즉 방법을 뜻합니다.

이제 여기에도 하위 분류가 따릅니다.

1-1. 프로그램을 사용하

프로그램은 대부분 유료입니다. 프로그램의 종류에 대해서는 구글에 검색해 보신다면 상당히 많은 결과가 나올 겁니다.

이렇게 대충 설명하는 이유는 당연히 이게 주가 아니어서입니다.

1-2. 제작 툴을 사용하기

어쩌면 1-1과 유사하게 보일 수 있겠으나 약간 성격이 다릅니다. 대표적인 예시로는 Wix, XE, 그누보드 등이 있습니다.

1-3. 코딩

사실상 이 글이 작성된 진짜 이유

코드를 직접 짜서 홈페이지를 만드는 방법입니다. 앞으로도 쭈욱 이 방법에 대해서 설명할 겁니다. 그러니 WIx같은 도구 사용법을 보러 오신거라면... X를 눌러 조의를 표합니다.


2. 코딩으로 홈페이지 작성하기

자 그러면, 코딩으로 어떻게 홈페이지를 작성할까요?

코딩에 약간 관심있는 사람이라면 접해 보았을 스크래치나 아두이노 같은 것들을 이용하는 것이 아닙니다.

준비물은 그냥 메모장같은 텍스트 편집기만 있으면 됩니다...


우리는 좀 더 편하기 위해 다른 프로그램을 사용합니다.

Notepad++나 Microsoft VIsual Studio Code 가 있습니다.

본인은 VS Code를 사용합니다.


자 그럼 메모장에 뭐라고 휘갈겨야 홈페이지가 만들어지는지에 대하여 설명해야겠군요.


2-1. 언어

일단 홈페이지에도 건물 짓듯 뼈대라는게 있습니다.

그 프레임워크를 담당하는 언어가 바로 html입니다.

이게 없으면 기본적으로 고생길이 훤합니다.

일단 이걸로 뼈대를 만들고 갑니다.


근데 홈페이지가 망부석처럼 그냥 멈춰있기만 한다면 재미가 없습니다.

그래서 우리는 움직이게 합니다.

뭐로요? 바로 javascript와 PHP의 등장입니다.

이걸로 만들어지는 것들을 우리는 동적 요소라고 부릅니다.


유명한 언어들만 소개하였습니다.

이외에도 다양한 언어들이 많습니다.


다음부터는 실습으로 들어가 보겠습니다.

  • profile
    도토리묵 2019.03.20 11:02
    vscode보다는 atom 짱짱!
  • profile
    Estrella3 2019.05.21 23:32
    응원해요!
  • profile
    홀민 2019.08.16 18:03
    아무래도 가벼운 웹은 에디터 플러스가....

    ftp 지원이 에디터 플러스 만한게 없더라고요.
  • profile
    랩퍼투혼 2019.11.10 22:53

    쬐금이라도 알아들어 다행~


List of Articles
번호 제목 글쓴이 날짜 조회 수
3 웹디자인 第三강 <head> 上 1 file PRASEOD- 2019.05.03 421
2 웹디자인 第二강 html5로 구조 짜보기 7 file PRASEOD- 2019.03.25 393
» 웹디자인 第一강 홈페이지는 어떻게 만드는건가 4 PRASEOD- 2019.03.19 471
목록
Board Pagination Prev 1 Next
/ 1
서버에 요청 중입니다. 잠시만 기다려 주십시오...