Web Programming


2학기 학습 내용
60점 이하는 F!

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.



CSS 색 활용


deepskyblue(#00BFFF)
brown(#A52A2A)
fuchsia(#FF00FF)
darkorange(#FF8C00)
darkcyan(#008B8B)
olivedrab (#6B8E23)



네이버

HTML의 태그만으로 기존의 워드 프로세서와 같이 들여쓰기, 정렬, 공백, 간격 등과 세밀한 텍스트 제어를 할 수 없다.

그러나, 스타일 시트는 이를 가능하게 한다. 들여쓰기, 정렬에 대해서 알아본다



Consolas font


font-weight 900

font-weight 100

Italic Style

Oblique Style

현재 크기의 1.5배 크기로



CSS3 박스 모델

박스모델 테스트하기


둥근 모서리 테두리


반지름 50픽셀의 둥근 모서리

반지름 0, 20, 40, 60 둥근 모서리

반지름 0, 20, 40, 20 둥근 모서리

반지름 0, 20, 0, 20 둥근 모서리

반지름 50의 둥근 점선 모서리



배경 다루기


스폰지밥 캐릭터 재미있어요.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus iste accusantium tempore dicta explicabo ipsum quam nobis excepturi ad cumque, nam corporis eos vitae, nemo rerum, debitis molestias aliquid voluptatem.


텍스트 그림자 만들기


Drop Shadow
Color Shadow
Blur Shadow
Glow Effect
WordArt Effect
3D Effect
Multiple Shadow Effect


박스 그림자 만들기

뚱이와 함께

뚱이와 함께

뚱이와 함께


마우스 커서 제어

십자 모양 커서

도움말 모양 커서

포인터 모양 커서

프로그램 실행 중 모양 커서

상하 크기 조절 모양 커서

Text 모양 커서

Wait 모양 커서

Zoom-in 모양 커서

Zoom-out 모양 커서

Ne-resize 모양 커서