• 목록
  • 아래로
  • 위로
  • 6
  • PRASEOD-
  • 조회 수 810

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


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

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


이제 알아보겠습니다.


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의 등장입니다.

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


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

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


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

랩퍼투혼님 랩퍼투혼 포함 1명이 추천

추천인 1

댓글 6

도토리묵
vscode보다는 atom 짱짱!
comment menu
2019.03.20. 11:02

신고

"도토리묵님의 댓글"

이 댓글을 신고 하시겠습니까?

260578
profile image
응원해요!
comment menu
2019.05.21. 23:32

신고

"260578님의 댓글"

이 댓글을 신고 하시겠습니까?

홀민
profile image
아무래도 가벼운 웹은 에디터 플러스가....

ftp 지원이 에디터 플러스 만한게 없더라고요.
comment menu
2019.08.16. 18:03

신고

"홀민님의 댓글"

이 댓글을 신고 하시겠습니까?

랩퍼투혼
profile image

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

comment menu
2019.11.10. 22:53

신고

"랩퍼투혼님의 댓글"

이 댓글을 신고 하시겠습니까?

란도르
profile image
강좌 재미난게 ..기대가 됩니다.
comment menu
2020.09.10. 15:31

신고

"란도르님의 댓글"

이 댓글을 신고 하시겠습니까?

citen
좋은 정보 갑사합니다!
comment menu
2020.10.29. 19:55

신고

"citen님의 댓글"

이 댓글을 신고 하시겠습니까?

권한이 없습니다.