안녕하십니까~ 노아입니다.
어느덧 크리스마스가 다가오는 군요~
첫 강좌를 시작한게 엊그제 같던데 이리 늘구구 저리 늘구구 하느라 이제 되였습니다.
쓸데없는 변명따윈 않겠습니다..^^
연길엔 요새 즐거운 크리스마스 분위기보다는 살인집단이 날판치고 있다는
소문이 떠돌고 있어 인심을 당황하게 한답니다.금방 스파이네 PC 방에서
다녀오는 길에 골목마다 늘어선 경찰아저씨들이 그 엄중성을 말해주듯이...
암튼 연길뿐아니라 타고장에 계시는 회원님들도 몸조심하구여
즐거운 크리스마스 보냈으면 조켓습니다..^^*
그럼 슬슬 강좌 시작해 볼까요~
아~ 첨부터 넘 칙칙한 얘기 했남? 죄송하구요~^^ 첫 강좌 다시 살펴봅시다.
첫 강좌에선 html 개요와 컴퓨터를 켜서부터
html 편집하기까지 절차를 쭈루룩 적어봤습니다.
html 은 언어다 중국말, 조선말,일본말... 요렇케 컴퓨터랑 말하는 언어다.
글구 컴을 켜서 시작--프로그램--보조프로그램--
메모장 ←이곳에서 html 편집을 한다.
대충이러 했습니다. 상세한건 전번강좌 참고 하실길..
이번 제 1 강에선 html 의 기본인 머리,몸뚱이에 대해서 배워보겠습니다.
여기서 태그 가 뭐냐면요..: 사전대로 정확히 번역하자면 또 여러분 뒷머리 아퍼 질겁니다.
그래서 제 말대루 해석하면요
태그란 html 에 들어있는 매한개 단어들을 말합니다.
즉 마우스(鼠标) 오른쪽을 클릭하여 소스보기(查看源文件)을/를 했을경우
나타나는 다닥다닥한 영어와 숫자들중 여기 영어들이
대부분 html 을구성한
태그 들입니다. (일부 파일명들 빼구..)
이러한 하나하나의 태그들이 html 을 구성하고 홈페이지를 만들어내는거죠.
그러니까 이제부터 제가 가르칠 html 이란 바로 이 태그들을 하나하나 설명하는 겁니다.
음~ 좀 어려운가요? 그렇다면 주저말고 댓글다시던지..묻고 답하기에 글남겨주세요..^^
태그들 거개가 영어랑 많이 연동되여서...영어에 능숙한 분들은 인츰 알아볼수 있을겁니다.
자~ 그럼 아래 한단락 소스를 봅시다.
#소스: 전에 우리가 소스보기 해서 나타났던 알아못볼 문자와 숫자들..
<html>
<head>
<title>첫번째 홈페이지</title>
</head>
<body>
안녕하세요~ 나의 첫번째 홈페이지 입니다.
</body>
</html>
아~ 초간단 소스입니다.
하나 하나 분석해 보도록하죠~
전번강좌에서 살짝 말씀드렸듯이 html 은 언제나 <html> 로 시작해서
</html> 로 끝을 봐야 합니다. 시작과 끝을 명확히 해야죠~
윗쪽소스 제일 첫줄과 제일 마지막줄 보세요~ 시작을 밝혔다가 끝을 맺었죠?
이제 중간부분 봅시다.
두번째 줄에서 <head> 로 시작했다가 네번째 줄에서 </head> 로 끝을 봤습니다.
영어를 아시는 분들은 인츰 알아봤을겁니다. 이곳은 html 에서 머리 부분입니다.
head=머리 컥~전 아주 후에야 알았습니다.^^
그 머리 사이에 <title>첫번째 홈페이지</title> 페이지의 제목이 들어갔습니다.
제목도 <> 로 열었다가 </> 로 닫았죠..?
그 다음은 몸뚱이가 되겠습니다 body 가 몸뚱이죠..^^
<body> 로 열어서 </body> 로 닫혔습니다..
이제 이 몸둥이 사이에 우리가 글도 쓰고 그림도 넣고 음악도 넣고..하면서
하나하나의 페이지를 만드는겁니다.
쭈~욱 종합하면~
1 번째 줄 해석: <html> 은 html 이 시작되였다는 말입니다.
2 번째 줄 해석: <head> 여기서 부터는 페이지 머리라는 말입니다.
3 번째 줄 해석: <title>첫번째 홈페이지</title> 이곳은 머리에 들어간 페이지 제목입니다.
4 번째 줄 해석: </head> 이로서 머리부분이 끝났다는 말입니다.
5 번재 줄 해석: <body> 여기서 부터 웹페이지 몸뚱이 부분이 되겠습니다.
6 번째 줄 해석: 안녕하세요~ 나의 첫번째 홈페이지 입니다.--웹페이지에 나타날 글입니다.
7 번째 줄 해석: </body> 몸뚱이 부분이 끝났습니다.
8 번째 줄 해석: </html> 총 html 이 끝났습니다.
요렇습니다..*^^*
위에것만 이해하시면 가장기본적인 웹페이지는 충분히 제작할수 있습니다..^^
이제 우리에게 남은건 제작한 소스를 어떻게 웹페이지
형식으로 나타나게 하느냐~ 하는 겁니다.
작업한 소스 웹페이지 형식으로 보기
메모장을 실행하여 윗쪽소스들을 쳐넣습니다.
그다음 메모장 왼쪽 윗켠에 문건(F)文件 - 저장(S)保存 을 선택합니다.
그러면 새 창이 하나 뜹니다.
이곳에서 파일형식과 파일명, 그리고 저장위치를 설정합니다.
먼저 아래켠 선택사항에서 저장형식(T)保存类型 에서 현재는
*.txt 로되였습니다. 이걸 모든형식으로 바꿔주고 파일이름을 정해줍니다.
이름은 반드시
*.html 이거나 *.htm 으로 해주셔야겟습니다.여기서 noa.html 로 정해봅시다.
저장위치를 설정하고 {보통 내문서(我的文档)}으로 자동선택되여 있습니다.
이제 바탕화면에서 내문서(我的文档) 을/를 클릭하고 noa.html을 찾아보세요~
혹은 님들이 설정한 이름의 파일을 말입니다.
클릭해 보시면 금방작업하신 body 사이의 부분이 나타나겠죠..
그리고 페이지 제일 윗쪽을 보시면 제목도 나나타 있을겁니다.^^*
초간단 홈피 제작을 배웠습니다. 이제 님도 홈페이지를 만들수 있습니다.
단지 이쁘게 만들지 못했을뿐~ 따라해보세요...그리고 열씨미..
html 정말 쉽구 재밋구나~~ 하고 느껴질 겁니다.
오늘 강좌는 이만 접을까 합니다~ 조금씩 보여주곤 물속한다 욕하지 마시구요..
요만쓴느것도 2 시간 결렸습니다..^^* 저도 언제나 배우는 입장이라서~~
끝으로 열분 매리크리스마스 ☜^O^☞
* 전설님에 의해서 게시물 이동되었습니다 (2004-05-30 17:07)
* 이동한 이유 :
* 원래의 위치 : 웹 공부 >> 웹 프로그래밍
* 이동후 위치 : 웹 공부 >>
* 전설님에 의해서 게시물 이동되었습니다 (2004-05-30 17:12)
* 이동한 이유 :
* 원래의 위치 : 웹 공부 >>
* 이동후 위치 : 웹 공부 >> 웹 프로그래밍
|
2001.12.22 22:28:15
감사
이런거구나...
이게뭐야
쎄쎄...오늘 처음 내 홈페이지 만들어 보았죠^ ^
이런 곳도 있었군요~ 이후 많이 부탁드립니다^^*
홈페이지 무작정따라하기 같네요?
이렇게 인터넷에서도 홈페이지 만들기를 배울수 있으니 참 좋아요...
재밌네요~
오늘 첨 여기 와봤는데 기차게 재미있군요.. 노아님 감사!
내일 시험있어 들어왔는데 알기 쉽게 써서 잘 봤다
우리 40대 사람들이 쉽게 배울수 있게 못하십니까?그리고 연변에서 강의 하는것 같은데 조선장기 프로그램 구해 부칠수없는가?노아 사진보니 생기긴 미남이다.여기는 단동인데 장기 프로그램 있으면 0415-712-9878로 연락 주게나
조선장기프로그램은 신화서점에서 팜니다
노아야 나 리플보면 거기까지 진도나간줄로 알어^^*
쩐더 헌 쎄이쎄
강의 감사함니당
ㅡㅡ; 너무 간단혀~ 다음번은 내가 모르는 강좌이길~
잼있네영...
님 고맙슴당.
님의 사업이 날로번창하기를 기원하며~~
넘 넘 감사합니다...
감사합니다...!!!!
유아독존의 해커가 되는 날 까지 ㅎㅎㅎ
하여간 고마워요!!!
안녕하세요?
저 저번 부터 책사가지고 했었거든요.
근데 한국거라서 너무 영어가 많아서 이해가 너무너무 어려웠는데요.
오늘 이렇게 모이자에서 이런 좋은 자료를 발견했네요.
보니 이해가 잘되고요
너무너무 고마워요
너무너무 거맙습니다..
꾸벅~~~
zar bea u go gam ni da `!
哥哥 你现在 为什么 不写啊~~?~?
大家 都~ 这么 欢迎你 哦~
열심히 쭉~ 지켜 볼께요.. 고맙습니다.. 그리구 수고 하셨습니다.
1번째 줄 해석: <html> 은 시작이란말이것이구
2 번째 줄 해석: <head> 여기서 부터는 페이지 머리라는 말입니다.
3 번째 줄 해석: <title>돌대가리</title> 이곳은 사람의 머리 이름입니다..뭐..메지대가리.
4 번째 줄 해석: </head> 이로서 머리부분이 끝났다는 말입니다.
5 번재 줄 해석: <body> 여기서 부터 웹페이지 몸뚱이를 소개하구
6 번째 줄 해석: 몸뚱안에 간이 어떻게 생겻고 심장이 일초에 몇번씩 뛰고.혈액순환 잘되구 ㅎㅎ.
7 번째 줄 해석: </body> 몸뚱이 부분이 끝났습니다.
8 번째 줄 해석: </html> 머리 몽뚱이 발바닥 끝!!
감사합니다...강좌 참 멋잇네요..
(출처 : "html 제 1 강 - html 기본 (머리, 몸뚱이,파일저장)" - 『모이자』 조선족 커뮤니티)
겨우 성공. 글자가 깨져서 잘못 됬나 햇어요.ㅎㅎㅎ