HTML 작성하기 | 강좌개요 | FAQ | 동문회 | 독자편지 | 참고자료 | 태그요약 | 강좌목차 |
...

Writing HTML

한국어

버전

writing htmlGoogle이나 Yahoo에서 검색어로 입력해 보세요.

2007년 3월 현재 이 강좌의 원본 사이트가 제 1 순위 연결 사이트로 나타나는 것을 볼 수 있습니다. 원본 사이트는 1994년에 처음 만들어진 이후 현재까지 HTML 작성을 위한 학습용 사이트로 최고의 인기를 유지하고 있는 사이트입니다.

HTML이 무엇인지도 모르던 시기에 이 사이트를 통해서 너무도 쉽게 배울 수 있었습니다. 1997년 늦가을, 춘천교육대학교임병춘 교수박흥선 교수가 원제작자의 허가를 받아 원본 사이트를 모두 번역하여 서버에 탑재한 후 학생과 현직 교사들의 연수를 위해 사용하여 좋은 반응을 얻었었습니다. 2001년 임병춘 교수가 연구를 위하여 외국으로 떠나고 박흥선 교수가 대기업 CIO로 전직하면서 이 강좌는 현재까지 폐쇄된 상태로 있었습니다.

최근 웹 2.0의 시대로 접어들면서 HTML, Style Sheet, XML 등과 관련된 강좌 요청을 자주 받게되어 이 강좌를 최신판으로 재개정하여 복원하기로 하였습니다.

이 강좌를 통하여 HTML 작성에 관한 탄탄한 기반을 닦을 수 있기를 바랍니다.

강좌 소개

이 강좌는 웹의 초기인 1994년에 만들어 졌습니다.
HTML 작성하기는 교사들이 인터넷에 있는 정보를 활용하여 학습 자료를 만드는데 도움을 주기 위한 목적으로 1994년에 만들어졌습니다. 이 강좌를 학습하면서 여러분은 화산 웹(Volcano Web)이라는 학습 자료를 직접 만들어 보게 될 것입니다. 하지만, 웹페이지(web page) 만들기를 원하는 사람이라면 누구라도 이 강좌를 활용할 수 있습니다.

이 강좌를 끝까지 배우고 나면, 여러분은 어떤 주제에 대하여도 적절한 형식을 갖는 텍스트, 그림, 그리고 인터넷에 있는 다른 웹페이지에로의 하이퍼텍스트(hypertext) 연결 등을 포함하는 일련의 서로 연결된 웹페이지들을 구축할 수 있게 될 것입니다. 기초 수준(1장-14장)에 제시된 단계들을 차례차례 따라하다 보면 여러분은 화산에 관한 페이지를 개발하게 될 것이며, 심화 수준(15장-29장)까지 학습한다면 보다 멋지게 만들어진 화산 웹사이트를 구축하게 될 것입니다.

보다 수월한 학습을 위하여 여러분은 이 강좌에서 사용되는 모든 파일을 다운로드 할 수 있습니다. 이것을 이용하면 인터넷에 연결되지 않은 상태에서도 학습할 수 있습니다.


웹페이지를 만드는가?

여러분이 여기까지 오게 된 데에는 아마 그 이유가 있을 것입니다.
은 우리가 일을 하는데 있어서 뿐만 아니라 여가를 보내는데 있어서도 필수적인 부분이 되었습니다. 오늘날 여러분은 URL(만약 여러분이 URL을 모르고 있다면, 이 강좌에서 배우게 될 것입니다)을 치지 않고서는 무슨 말을 할 수가 없을 것입니다. 매우 짧은 기간 동안에, 웹은 우리가 정보, 교육, 비지니스, 여가(오락) 등에 접근하는 방법을 혁신시켰습니다. 이는 또한 전에 없었던 산업 분야를 만들어 냈습니다.

웹상에 정보를 만들어 낼 수 있는 능력을 갖추는 것은 직무 기술, 학교에서의 과제, 업무상 필요, 또는 자신의 개인적 흥미를 추구하는 것 등이 될 수 있습니다. 기존의 다른 어느 매체와도 달리, HTML을 "작성하는" 능력을 통하여 여러분 자신은 스스로가 출판인이 되어 수 백만의 다른 사람들과 접할 수 있게 될 것입니다.

학습 목표

이 강좌에서는 웹페이지들을 만들기 위한 실례를 제공하면서 HTML 작성을 위한 단계들을 다루어나갑니다.
강좌를 통해서 여러분은 ...
  • 여러 가지 HTML 작성 규칙들을 배우고 사용하게 될 것입니다.
  • 간단한 문서편집기(text editor)를 사용하여 HTML 문서를 만들고 수정하게 될 것입니다.
  • 정보를 제시하고 그래픽을 보여주고 그리고 인터넷의 다른 문서들로의 하이퍼텍스트 연결을 제공하는 일련의 웹페이지들을 작성하게 될 것입니다.
그리고 아마도 여러분은 어떤 재미를 느끼게 될 것입니다!

HTML
이란?

HyperText
Markup
Language
(히이퍼텍스트 마크업 언어)
장 간단하게 표현하면, HTML은 컴퓨터에게 웹페이지를 화면에 나타내는 방법을 말해주는 형식입니다. 문서들 자체는 특별한 "태그(tag)"들 즉, 코드(code)들을 포함하는 일반 텍스트 파일(plain text file, ACSII)인데, 웹브라우저는 이 태그들을 해석하여 (그 결과를) 화면에 나타내는 방법을 알고 있습니다.

이 강좌는 여러분에게 구식 방법 즉, 손으로 직접 웹페이지를 만드는 방법을 가르쳐 줄 것입니다. 현재 시중에는 여러분이 HTML을 한 자도 입력하지 않아도 웹페이지를 만들 수 있게 해 주는 많은 소프트웨어 "도구(프로그램)"들이 있습니다. 그러나, 만약 여러분이 단지 하나의 웹페이지를 연습삼아 만들어 보는 것이 아니라 그 이상의 페이지를 만들려고 진지하게 생각하고 있다면, 이 강좌에서 제공하는 기초적인 사항들이 여러분의 능력을 가속적으로 확장시켜 줄 것이라고 믿습니다.

이 강좌에서 여러분이 만들게 될 모든 것은 어느 데스크탑 컴퓨터에서든 작동되도록 디자인되어 있습니다; 이것의 작동에는 어떤 웹서버(web server)에 접속하여야 한다던가 또는 특별한 컴퓨터 프로그래밍이 필요하다던가 하지는 않습니다.

학습 준비

이 강좌는 여러분이 자신의 웹브라우저의 메뉴들, 각종 버튼들, 그리고 하이퍼텍스트 연결에 관한 기초 지식을 가지고 있다는 가정하에 구성되었습니다.
러분은 또한 일반 텍스트 파일을 작성할 수 있는 문서작성 프로그램, 예를 들면, 윈도우즈의 메모장(NotePad), 매킨토시의 SimpleText 등과 같은 프로그램이 필요할 것입니다. 여러분이 HTML을 배우는 동안에는 가장 기본적인 문서편집기를 사용할 것을 강력히 권합니다. 그리고 나서 이후에 여러분은 시중에 나와 있는 많은 HTML "편집기(editor)"들을 검토해 볼 수 있을 것입니다. 만약 여러분이 워드프로세서 프로그램을 사용한다면 반드시 일반 아스키 텍스트(plain ASCII text) 형식으로 파일을 저장시켜야 합니다. 여러분은 또한 여러 개의 창들(에 나타나 있는 여러 응용 프로그램들) 사이를 자유롭게 이동하는 것과 더불어 마우스를 이용하여 원하는 텍스트를 복사(copy)하고 붙여넣기(paste)하는 것에도 익숙해져야만 합니다.

이 강좌 파일들을 모두 다운로드하였다면 대부분의 모든 장들을 인터넷 연결 없이 학습할 수 있습니다.

여러분은 강좌의 목차 순서대로 학습을 진행할 것을 권장합니다. 그러나 만일 여러분이 다른 장으로 뛰어넘기를 원한다면 언제든지 강좌 목차로 돌아가 원하는 장을 선택하여 학습할 수 있습니다. 이 강좌의 각 장에서, 여러분은 각 장의 HTML 학습 내용에 대하여 자신이 만든 실습 결과물과 실습 정답을 비교해 볼 수 있습니다. 강좌 내용을 담고 있는 각각의 강좌 페이지는 태그들에 대한 간결한 요약을 볼 수 있는 연결과 다른 참고 사이트들에 대한 연결을 담고 있습니다.

편의상, 이 강좌에서는 모든 메뉴 이름들 및 항목들을 굵은 글자(bold) 로 표시할 것입니다. 또한 여러분이 자판(keyboard)에서 직접 입력해야 하는 모든 텍스트는 타자 글자 모양(typewriter style)으로 나타날 것입니다.

기억할 사항들

다음은 여러분에게 도움이 될 수 있는 몇 가지 사항들입니다.
  1. 여러분의 웹브라우저의 즐겨찾기 기능을 이용하여 이 강좌의 강의목차 페이지를 등록해 놓으면, 강좌의 다른 장들로 쉽게 이동할 수 있습니다.
  2. 이 강좌에서는 (거의) 모든 웹브라우저에서 사용되는 명령어들을 사용하려고 노력하였습니다; 간혹 메뉴 이름이나 기능들이 여러분이 사용하는 웹브라우저와 일치하지 않을 수 있습니다.
  3. 이 강좌는 여러분이 바깥 세상으로 보일 수 있는 웹페이지를 어떻게 만드는지 보여 줄 것입니다. 그러나 바깥 세상의 사람들이 여러분이 작성한 웹페이지를 볼 수 있도록 하는 방법을 말해 주지는 않을 것입니다; 이를 위해서는 여러분 스스로가 웹서버 공간을 제공해 주는 인터넷 서비스 제공자(Internet Service Provider)를 찾아 내는 것이 필요합니다. The List, ISP Guide, SearchAnISP 또는 cInet Internet Services에 접속하여 보십시오. 또한, Freewebspace.net가 제공하는 무료 웹페이지 공간 제공 서비스도 이용할 수 있습니다.
  4. 페이지들을 만드는 것이 한 가지 일이라면, 웹사이트를 디자인하는 것은 또 다른 일입니다. 웹사이트 디자인에 관하여는 Yale C/AIM WWW Style Manual, 선마이크로시스템즈(Sun Microsystems)의 Guide to Web Style, Sevloid Guide to Web Design 등을 참고하기 바랍니다.
  5. 여러분이 많은 시간을 투자할 준비가 되었다면, 여러분이 전혀 본 적이 없었던 Dave Siegel의 Casbah 사이트와 High Five 사이트에 있는 것과 같은 웹페이지들을 보십시오. 자세한 사항을 알고 싶으면 Dave Siegel의 Web Wonk를 방문해 보십시오. 여러분을 깜짝 놀라게 해 줄 것입니다.
  6. 참고자료로 HTML 태그 요약 페이지를 참조하십시오. 이를 보려면 모든 강의 내용 페이지의 맨 위에 있는 하이퍼텍스트 연결을 클릭하면 됩니다.
  7. 학습 도중에 문제가 있으면, 우리에게 E-mail을 보내기 전에 먼저 HTML 작성하기 FAQ(Frequently Asked Questions, 자주 질문되는 내용들)를 보십시오. 우리는 현재 많은 E-mail을 받고 있습니다. 너무나 많이.

누가
만들었나?

강좌는 마리코파교수학습센터 (Maricopa Center for Learning and Instruction: MCLI)의 프로젝트로 개발된 것입니다. HTML 문서 작성하기는 마리코파시립대학 (Maricopa Community Colleges)의 교육공학자인 Alan Levine에 의하여 개발되었습니다. 전에 인턴으로 근무하였던 Tom Super는 수업 설계에 관한 헤아릴 수 없는 지원을 제공해 주었습니다. 이외에 많은 사람들이 조언을 해 주었고, 오자, 탈자 등을 수정해 주었습니다. 감사드립니다!

일단 여러분의 웹페이지를 인터넷에서 볼 수 있게 해 놓은 후에는, 우리가 제공하는 등록 양식을 사용하여 여러분의 웹페이지를 HTML 작성하기 동문회에 등록해 주기 바랍니다.

HTML 작성하기는 영어로 된 원본 사이트와 현재 여러분이 보고 있는 한국 사이트는 물론 기타 몇개 국가의 언어로 번역된 사이트들이 있습니다.

시작
합시다!

제 준비가 되었다면, 강좌목차로 이동하거나 또는 바로 첫번째 장으로 이동하십시오.


행 복 한   웹 작 업 이   되 기 를


그리고 재미있는 시간이 되십시오.


HTML 작성하기
©1998   춘천교육대학교(CNUE)

본 강좌에 대한 문의 및 건의사항은
담당자 (blim@cnue.ac.kr) 에게 연락하기 바랍니다.

URL: http://www.chunedu.com/html/index.html