3주차

HTML CSS

bgcontact.jpg

7:30pm

수업 셋째 날

지난 시간 복습

기본적인 페이지 구조를 익히고 큰 태그를 배웠습니다 
Header,Nav,Section,Article,Footer

head 영역안에는 정보가 기술됩니다
그 안에 표현되는 link태그의 활용
– shortcut icon 설정하기
-stylesheet 분리하기

이미지 삽입하기 img 태그
a태그를 통한 웹 페이지 이동
a태그와 img 태그의 혼합

href 와 src ‘상대경로’ vs ‘절대경로’

다양한 input 타입들

매우중요!
class,id,tag개념 84%

class, id, tag 의 개념
우선순위 이해하기 
div 는 무엇일까요?

중요 내용 다시 짚고 가기

div 와 class,tag,id

div 태그에 대해 자세히 알아보도록 하겠습니다. div 태그는 html 에서 가장 많이 쓰이는 태그입니다. div 는 대체 무엇인지! class,id,tag와 함께 어떻게 응용하여 쓰이는지 등을 알아보도록 하겠습니다.

div 태그 활용 실습

class ,id ,tag 의 개념을 익혔다면 
이제는 조금 더 다양한 css를 적용하여 그 성질에 대해 관찰하도록 합니다. 

패딩과 마진

padding 과 margin

padding 과 margin 에 대해서 알아보기 

실습을 해보면서 확실히 이해해봅니다.

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

8:35pm

이제 내 첫페이지 시작

메인 페이지 제작

드디어 메인 페이지 제작을 시작해봅니다. 

앞서 배운내용을 바탕으로 어떻게 페이지 제작이 되는지 함께 만들어봅니다. 

기본부터 하나씩
#메인화면 구성
#헤더

메인화면 구성과 헤더

메인화면의 구성을 기획하고 프레임을 먼저 제작해봅니다.

디테일한 작업은 헤더부터 시작해보겠습니다

css를 다양하게 익히게 됩니다

#nav제작

nav제작

navigation 을 제작해봅니다. 

다른 페이지로 이동되는 리스트와  간단한 프로필을 포함하게 됩니다.

Go to main

Skills

기본개념 47%
html 53%
css 77%

복습자료 다운받기

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

과제물 업로드

과제물 업로드 하러가기

카테고리: HTML&CSS

댓글 남기기