강좌

|  다양한 분야에 다소 전문적인 도움이 되는 강좌들입니다.

조회 수 80 추천 수 0 댓글 1
?

단축키

Prev이전 문서

Next다음 문서

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

단축키

Prev이전 문서

Next다음 문서

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

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


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

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


이제 알아보겠습니다.


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

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


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

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


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


강좌

다양한 분야에 다소 전문적인 도움이 되는 강좌들입니다.

List of Articles
번호 게시판 제목 글쓴이 날짜 조회 수
공지 호스팅 신청이 다시 가능합니다. 12 update 마스터 2019.04.18 147
공지 회원 전용 페이지가 생겼습니다. 15 file 마스터 2018.03.20 6226
219 강좌 [제르엘의 인문사회 산책] 세계사 맛보기 강의. 오리엔트 문명과 진시황 5 file title: 애프터 이펙트제르엘 2019.04.10 63
218 강좌 [제르엘의 인문사회 산책] 0. OT 7 file title: 애프터 이펙트제르엘 2019.04.04 77
217 강좌 웹디자인 第二강 html5로 구조 짜보기 6 file PRASEOD- 2019.03.25 78
216 라이츄 과학츄 23. 완충용액이츄 2 file title: 포켓몬 고-이상한 상자허니버터뚠뚜니라이츄 2019.03.24 124
215 강좌 간단한 JS 강의 #2 2 도토리묵 2019.03.20 52
» 강좌 웹디자인 第一강 홈페이지는 어떻게 만드는건가 1 PRASEOD- 2019.03.19 80
213 강좌 간단한 JS강의 #1 2 도토리묵 2019.03.02 127
212 라이츄 과학츄 22. 혈액입니츄 1 file title: 포켓몬 고-이상한 상자허니버터뚠뚜니라이츄 2019.02.05 232
211 강좌 [아미나] Basic Youtube Title Widget 1.0에서 처음에 엑박으로 뜨는 경우의 해결책 3 file 이니스프리 2018.12.15 190
210 강좌 아미나의 회원 이미지와 관련하여 x2 3 file 이니스프리 2018.12.10 145
209 라이츄 과학츄 21. 혈액형입니츄 12 file title: 포켓몬 고-이상한 상자허니버터뚠뚜니라이츄 2018.12.08 417
208 강좌 현행 저작권법 제30조(사적이용을 위한 복제)에 대하여 - 음원 다운로더의 처벌과 관련하여 6 이니스프리 2018.12.07 251
207 강좌 그누보드/아미나에서 게시글의 날짜를 최종수정일로 변경하고, 목록스킨 및 위젯을 최종수정일 순으로 정렬하기 2 file 이니스프리 2018.11.11 1859
206 강좌 [스페인어 강좌] CH1) 스페인어란? 1 file 도토리묵 2018.10.12 178
205 강좌 리뉴얼된 구글 뉴스에서 RSS 피드를 생성하는 방법 3 file 이니스프리 2018.10.07 496
204 라이츄 과학츄 20. 알레르기츄 3 file title: 포켓몬 고-이상한 상자허니버터뚠뚜니라이츄 2018.10.03 284
203 강좌 아실분들은 아실 미디어위키 웹호스팅상에서의 시각편집기 설치방법(게시판 이동) 3 file 퓨처마츠 2018.10.03 240
202 강좌 [ASP.NET Core를 이용한 웹사이트 만들기] 1. 시작하기 3 file 0x00000FF 2018.09.07 416
201 강좌 [ASP.NET Core를 이용한 웹사이트 만들기] OT. ASP.NET Core란 무엇인가?, 작업 환경 구성 5 0x00000FF 2018.09.06 382
200 라이츄 과학츄 19. 카리킨에 대해 알아보시츄 9 file title: 포켓몬 고-이상한 상자허니버터뚠뚜니라이츄 2018.08.26 357
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 11 Next
/ 11
서버에 요청 중입니다. 잠시만 기다려 주십시오...