1주차

HTML CSS

team-background.jpg

7:30pm

수업 첫날

HTML?CSS?

프로그래밍 언어를 왜 배워야할까요?
어떤 언어를 배워야 할까요?
HTML CSS 는 어떤 언어일까요?
웹페이지 구동원리를 이해하고 다양한 프로그래밍 언어의 쓸모에 대해서 알아봅니다. 

간단한 실습

개발자 도구 이용하기

앞으로 작업을 하며 계속 사용하게 될 도구입니다. 개발자도구와 페이지 소스보기를 통해 html css를 이해해봅니다.

HTML 문서 만들어보기

빠르고 간단하게 메모장을 이용하여 html 문서를 만들 수 있습니다. 기본적인 문법을 익히고 실습하여 동작 원리를 이해해봅니다.

작업환경 세팅

개발환경 세팅

1.호스팅
2.에디터기
3.파일질라

각각의 개념을 알아보고 설치해 봅니다.

cafe24에서 가장 저렴한 호스팅을 이용하여 실습합니다.

cafe24바로가기

총 결제금액 5,500\ / 옵션은 ‘한달’로 해주세요
(필요에 따라 3달 혹은 1년을 하셔도 됩니다)

다양한 에디터기가 있지만 수업에서는 다같이editplus를 이용합니다.

eidtplus 다운받기

*인증창에 입력해주세요

아이디: user 

비밀번호: 22A27-772C0-77ZBA-8FW3D-BFT62

호스팅한 서버에 파일을 올리기고 내리기 위한 프로그램입니다.

파일질라를 설치해주세요
->설치하러가기

*설치시에 마지막 두 과정에서 광고 프로그램 설치가 이미 체크되어있습니다.
유의하여 ‘체크해지’ 를 해주세요.

8:25~8:35pm
쉬는시간

8:35pm

내 서버 이용하기

파일 업로드

실습시간에 제작한 html 문서를 내 서버에 업로드 해봅니다. 이후에 도메인을 url을 통해 정상적으로 업로드 되었는지 확인해봅시다.

html 문서의 기본틀, 태그들

develope cookie.html

업로드한 cookie.html문서를 발전시켜봅니다.

html문서의 기본틀을 익히고
다양한 태그들을 활용해봅니다.

+추가

네이버를 배껴보자.!

오늘 배운 내용을 활용하여 
네이버 페이지 소스를 가져와서 
나의 도메인에 업로드 해 봅니다.

Skills

기본개념 54%
html 89%
css 34%

복습자료 다운받기

1번째 시간
복습자료 입니다

과제물 업로드

과제물 업로드 하러가기

최종 cookie.html

수업 후 완성 된
cookie.html파일

최종 cookie.html 소스 파일

소스파일 보러가기

카테고리: HTML&CSS

댓글 남기기