이번 시간에는 검색엔진 최적화에 대해 알아보겠습니다.
구글 검색엔진최적화 가이드
감사합니다.
2016년 6월 16일 목요일
2016년 6월 15일 수요일
홈페이지 만들기 제12강
오늘 저희가 살펴볼 태그는 의미론적인 태그들입니다.
의미론적은 semantic입니다. 이것은 여러가지 태그들이 있는데요, 저희는 다 살펴보지는 않고 중요한 것들을 살펴볼 예정입니다.
본문은 영어로 article입니다. 이것은 그냥 본문에 article과 /article을 붙이면 됩니다. 정하기 애매한 것은 section태그를 이용하세요. 링크 모음은 nav 태그를 이용하세요. 그리고 앞 부분은 header, 뒷부분은 footer 태그를 이용하세요.
감사합니다.
의미론적은 semantic입니다. 이것은 여러가지 태그들이 있는데요, 저희는 다 살펴보지는 않고 중요한 것들을 살펴볼 예정입니다.
본문은 영어로 article입니다. 이것은 그냥 본문에 article과 /article을 붙이면 됩니다. 정하기 애매한 것은 section태그를 이용하세요. 링크 모음은 nav 태그를 이용하세요. 그리고 앞 부분은 header, 뒷부분은 footer 태그를 이용하세요.
감사합니다.
2016년 6월 14일 화요일
홈페이지 만들기 제11강
예제를 봅시다.
<html>
<head>
<meta charset="utf-8">
<meta name="discription" content="홈페이지 제작하기 ">
<meta name="keywords" content="홈페이지 제작">
<meta name="author" content="egoing">
<meta http-equiv="refresh" content="30">
</head>
</html>
설명 해 드리겠습니다.
3번째 줄은 저희가 벌써 배웠고, 네번째 줄은 description은 설명이란 뜻이고 설명되는 대상은 홈페이지 제작하기입니다.
5번째 줄은 keywords, 즉 태그들입니다. 태그는 홈페이지 제작입니다. 6번째 줄은 author은 저자라는 뜻이죠? 그러므로 저자는 egoing이라는 뜻이 되겠죠. 7번째 줄은 http-equiv="refresh"라는 뜻은 자동으로 새로고침이 된다는 뜻입니다. 그러므로 30초마다 새로고침이 된다는 뜻이죠.
감사합니다.
<html>
<head>
<meta charset="utf-8">
<meta name="discription" content="홈페이지 제작하기 ">
<meta name="keywords" content="홈페이지 제작">
<meta name="author" content="egoing">
<meta http-equiv="refresh" content="30">
</head>
</html>
설명 해 드리겠습니다.
3번째 줄은 저희가 벌써 배웠고, 네번째 줄은 description은 설명이란 뜻이고 설명되는 대상은 홈페이지 제작하기입니다.
5번째 줄은 keywords, 즉 태그들입니다. 태그는 홈페이지 제작입니다. 6번째 줄은 author은 저자라는 뜻이죠? 그러므로 저자는 egoing이라는 뜻이 되겠죠. 7번째 줄은 http-equiv="refresh"라는 뜻은 자동으로 새로고침이 된다는 뜻입니다. 그러므로 30초마다 새로고침이 된다는 뜻이죠.
감사합니다.
2016년 6월 13일 월요일
홈페이지 만들기 제10강
제가 오늘 소개해 드릴 태그는 쓰지 말라고 소개해 드리는 태그니 쓰지 마세요... 하지만 연습용으로는 쓰셔도 되요. 그리고 이 태그는 개발도구에 없으니 유이하시기 바립니다...
소개할 태그는 font(글꼴)태그입니다. 이 태그는 퇴출됬습니다. 그러므로 쓰면 안 됩니다.
<font color="red" size="8">방가방가</font>
이렇게 쓰면 어떻게 될까요?
말 그대로 사이즈는 8로 나오고 글 색은 빨강색으로 나옵니다. 그리고 글은 당연히 '방가방가'...
이것이 퇴출된 이유는 이 글을 여러번 쓰면 덕지덕지 붙게 되죠? 이렇게 되면 컴퓨터가 혼란스러워져 글이 깨져서 meta charset="utf-8"을 해도 안 되는 경우가 나타납니다. 그래서 이것은 css라는 다른 컴퓨터 언어를 사용하라고 퇴출시킨 것입니다.
감사합니다.
소개할 태그는 font(글꼴)태그입니다. 이 태그는 퇴출됬습니다. 그러므로 쓰면 안 됩니다.
<font color="red" size="8">방가방가</font>
이렇게 쓰면 어떻게 될까요?
말 그대로 사이즈는 8로 나오고 글 색은 빨강색으로 나옵니다. 그리고 글은 당연히 '방가방가'...
이것이 퇴출된 이유는 이 글을 여러번 쓰면 덕지덕지 붙게 되죠? 이렇게 되면 컴퓨터가 혼란스러워져 글이 깨져서 meta charset="utf-8"을 해도 안 되는 경우가 나타납니다. 그래서 이것은 css라는 다른 컴퓨터 언어를 사용하라고 퇴출시킨 것입니다.
감사합니다.
홈페이지 만들기 제9강
오늘 배울 내용은 method와 파일 업로드인데요, 일단 method부터 살펴봅시다.
계속 form태그에 시달려서 지겹죠? 이번 시간이 form태그의 마지막 시간이 될 것 같습니다. Method태그는 나중에 저희가 홈페이지를 만드때 아주 중요한 태그 top3안에 듭니다. Method 태그는 그냥 form태그에 한 칸 띄고 쓰는 것입니다.
Method는 두 개의 것이 있습니다. 우리가 지금까지 해 왔던 form 방식은 url에 텍스트가 표시되죠? 이것이 get방식입니다. 그런데 비밀번호가 url에 노출되면 안 되잖아요? 그래서 method="post"를 해 주는 것을 저는 추천합니다.
다음은 파일 업로드입니다.
그냥 form태그 옆에 enctype=""에 써 넣으면 되시고요, input type은 file로 지정해주세요.
감사합니다.
계속 form태그에 시달려서 지겹죠? 이번 시간이 form태그의 마지막 시간이 될 것 같습니다. Method태그는 나중에 저희가 홈페이지를 만드때 아주 중요한 태그 top3안에 듭니다. Method 태그는 그냥 form태그에 한 칸 띄고 쓰는 것입니다.
Method는 두 개의 것이 있습니다. 우리가 지금까지 해 왔던 form 방식은 url에 텍스트가 표시되죠? 이것이 get방식입니다. 그런데 비밀번호가 url에 노출되면 안 되잖아요? 그래서 method="post"를 해 주는 것을 저는 추천합니다.
다음은 파일 업로드입니다.
그냥 form태그 옆에 enctype=""에 써 넣으면 되시고요, input type은 file로 지정해주세요.
감사합니다.
2016년 6월 9일 목요일
홈페이지 만들기 제8강
예제로 알아봅시다.
<!DOCTYPE html>
<html>
<body>
<form action="htp://localhost/hidden.php">
Id:<input type="text" name="id">
Hidden:<input type="hidden" name="hide" value="me">
</form>
</body>
</html>
이렇게 하면 text의 타입으로 되어있는 것은 화면에 표시되지만, type이 hidden일 때는 표시가 되지 않고 url에는 그냥 hide=me라고 표시되겠죠.
이번엔 label입니다.
레이블은 그냥 사용법과 의미를 말씀드리죠.
Label태그는 설정된 것을 클릭하면 그것에 해당되는 텍스트 상자로 이동하게 됩니다.
사용법은 2가지 법이 있는데요,
Label for="id"
Input id="id"
이러는 방법이 있고요, 두번째 방법은
Input과 글을 label로 둘러싸는 방법도 있습니다.
감사합니다.
<!DOCTYPE html>
<html>
<body>
<form action="htp://localhost/hidden.php">
Id:<input type="text" name="id">
Hidden:<input type="hidden" name="hide" value="me">
</form>
</body>
</html>
이렇게 하면 text의 타입으로 되어있는 것은 화면에 표시되지만, type이 hidden일 때는 표시가 되지 않고 url에는 그냥 hide=me라고 표시되겠죠.
이번엔 label입니다.
레이블은 그냥 사용법과 의미를 말씀드리죠.
Label태그는 설정된 것을 클릭하면 그것에 해당되는 텍스트 상자로 이동하게 됩니다.
사용법은 2가지 법이 있는데요,
Label for="id"
Input id="id"
이러는 방법이 있고요, 두번째 방법은
Input과 글을 label로 둘러싸는 방법도 있습니다.
감사합니다.
2016년 6월 8일 수요일
홈페이지 만들기 제7강
그러면. 그냥. 이번에는 버튼과 초기화를 배워볼 것입니다.
우리가 지난 시간에 배웠던 submit버튼은 서버로 데이터를 전송했었죠? 그런데 button태그는 자바스크립트라고 불리는 다른 컴퓨터 언어인데요, 이 자바스크립트를 사용해서 메세지를 표시하는 기능입니다. 한 줄만 살펴봅시다.
<input type="button" value="버튼" onclick=alert('hello world')>
이 태그는 submit 밑줄에 있습니다.
이러면 제출 버튼 바로 옆에 버튼이라는 버튼이 만들어지는데요, 이것을 누르면 hello world라는 메시지가 뜹니다. 괄호 안의 내용은 자바스크립트입니다.
우리가 상대방에게 텍스트를 입력받을 때 입력한 텍스트를 최대한 빨리 지우려면 초기화를 해야겠지요? 그러면 form태그 안에 이 한줄만 넣으면 됩니다.
<Input type="reset">
우리가 지난 시간에 배웠던 submit버튼은 서버로 데이터를 전송했었죠? 그런데 button태그는 자바스크립트라고 불리는 다른 컴퓨터 언어인데요, 이 자바스크립트를 사용해서 메세지를 표시하는 기능입니다. 한 줄만 살펴봅시다.
<input type="button" value="버튼" onclick=alert('hello world')>
이 태그는 submit 밑줄에 있습니다.
이러면 제출 버튼 바로 옆에 버튼이라는 버튼이 만들어지는데요, 이것을 누르면 hello world라는 메시지가 뜹니다. 괄호 안의 내용은 자바스크립트입니다.
우리가 상대방에게 텍스트를 입력받을 때 입력한 텍스트를 최대한 빨리 지우려면 초기화를 해야겠지요? 그러면 form태그 안에 이 한줄만 넣으면 됩니다.
<Input type="reset">
피드 구독하기:
글 (Atom)