본문 바로가기

웹 표준 사이트 만들기(2019)

36. 웹 표준 사이트 만들기(2019) - 마무리 웹 표준 사이트 만들기(2019) - 마무리 마무리 정리 예제입니다. 여기까지 성공하셨다면 축하드립니다. 성공한 작업물은 "작업물"에 올려서 서로 공유하면 좋겠네요^^ 샘플 보기 소스 다운 완성 소스 index.html style.css reset.css script.js 전체 메뉴 바로가기 배너 영역 바로가기 컨텐츠 영역 바로가기 Desinger Publisher Youtube Professional Publisher & Designer webstoryboy.co.kr icon1 icon2 icon3 icon4 전체 메뉴 HTML Reference HTML 태그(Tag) 블록 요소/인라인 요소 DTD 선언 언어 속성 설정 HTML HTML 특수문자 하이퍼 링크 HTML HTML HTML 전체 메뉴 바로..
35. 웹 표준 사이트 만들기(2019) - 라이트 박스 웹 표준 사이트 만들기(2019) - 라이트 박스 제이쿼리 플러그인 라이트박스를 이용한 예제입니다. 영상과 함께 따라해주세요! 샘플 보기 소스 다운 완성 소스 index.html style.css reset.css script.js 전체 메뉴 바로가기 배너 영역 바로가기 컨텐츠 영역 바로가기 Desinger Publisher Youtube Professional Publisher & Designer webstoryboy.co.kr icon1 icon2 icon3 icon4 전체 메뉴 HTML Reference HTML 태그(Tag) 블록 요소/인라인 요소 DTD 선언 언어 속성 설정 HTML HTML 특수문자 하이퍼 링크 HTML HTML HTML 전체 메뉴 바로가기 배너 영역 바로가기 컨텐츠 영역 바로..
34. 웹 표준 사이트 만들기(2019) - 윈도우 팝업 웹 표준 사이트 만들기(2019) - 원도우 팝업 윈도우 팝업 HTML를 만들어서 띄오는 윈도우 팝업 예제입니다. 영상과 함께 따라해주세요! 샘플 보기 소스 다운 완성 소스 index.html style.css reset.css script.js popup.html 전체 메뉴 바로가기 배너 영역 바로가기 컨텐츠 영역 바로가기 Desinger Publisher Youtube Professional Publisher & Designer webstoryboy.co.kr icon1 icon2 icon3 icon4 전체 메뉴 HTML Reference HTML 태그(Tag) 블록 요소/인라인 요소 DTD 선언 언어 속성 설정 HTML HTML 특수문자 하이퍼 링크 HTML HTML HTML 전체 메뉴 바로가기 배..
33. 웹 표준 사이트 만들기(2019) - 레이어 팝업 웹 표준 사이트 만들기(2019) - 레이어 팝업 제이쿼리를 이용한 간단한 레이어 팝업 예제입니다. 영상과 함께 따라해주세요! 샘플 보기 소스 다운 완성 소스 index.html style.css reset.css script.js 전체 메뉴 바로가기 배너 영역 바로가기 컨텐츠 영역 바로가기 Desinger Publisher Youtube Professional Publisher & Designer webstoryboy.co.kr icon1 icon2 icon3 icon4 전체 메뉴 HTML Reference HTML 태그(Tag) 블록 요소/인라인 요소 DTD 선언 언어 속성 설정 HTML HTML 특수문자 하이퍼 링크 HTML HTML HTML 전체 메뉴 바로가기 배너 영역 바로가기 컨텐츠 영역 바로..
32. 웹 표준 사이트 만들기(2019) - 갤러리 스크립트 웹 표준 사이트 만들기(2019) - 갤러리 스크립트 slick.js 플러그인을 이용한 갤러리 효과 예제입니다. 영상과 함께 따라해주세요! 샘플 보기 소스 다운 완성 소스 index.html style.css reset.css script.js 전체 메뉴 바로가기 배너 영역 바로가기 컨텐츠 영역 바로가기 Desinger Publisher Youtube Professional Publisher & Designer webstoryboy.co.kr icon1 icon2 icon3 icon4 전체 메뉴 HTML Reference HTML 태그(Tag) 블록 요소/인라인 요소 DTD 선언 언어 속성 설정 HTML HTML 특수문자 하이퍼 링크 HTML HTML HTML 전체 메뉴 바로가기 배너 영역 바로가기 컨텐..
31. 웹 표준 사이트 만들기(2019) - 탭메뉴 스크립트 웹 표준 사이트 만들기(2019) - 탭메뉴 스크립트 탭메뉴 영역을 제이쿼리를 이용하여 웹표준을 준수한 탭메뉴 예제입니다. 영상과 함께 따라해주세요! 샘플 보기 소스 다운 완성 소스 index.html style.css reset.css script.js 전체 메뉴 바로가기 배너 영역 바로가기 컨텐츠 영역 바로가기 Desinger Publisher Youtube Professional Publisher & Designer webstoryboy.co.kr icon1 icon2 icon3 icon4 전체 메뉴 HTML Reference HTML 태그(Tag) 블록 요소/인라인 요소 DTD 선언 언어 속성 설정 HTML HTML 특수문자 하이퍼 링크 HTML HTML HTML 전체 메뉴 바로가기 배너 영역 바..
30. 웹 표준 사이트 만들기(2019) - 배너 스크립트 웹 표준 사이트 만들기(2019) - 배너 스크립트 배너 영역을 slick.js를 이용하여 슬라이드를 만드는 예제입니다. 영상과 함께 따라해주세요! 샘플 보기 소스 다운 완성 소스 index.html style.css reset.css script.js 전체 메뉴 바로가기 배너 영역 바로가기 컨텐츠 영역 바로가기 Desinger Publisher Youtube Professional Publisher & Designer webstoryboy.co.kr icon1 icon2 icon3 icon4 전체 메뉴 HTML Reference HTML 태그(Tag) 블록 요소/인라인 요소 DTD 선언 언어 속성 설정 HTML HTML 특수문자 하이퍼 링크 HTML HTML HTML 전체 메뉴 바로가기 배너 영역 바로..
29. 웹 표준 사이트 만들기(2019) - 전체메뉴 스크립트 웹 표준 사이트 만들기(2019) - 전체메뉴 스크립트 전제메뉴를 버튼을 클릭하면 메뉴를 나오게 하고 클릭하면 없어지게 하는 스크립트 예제입니다. 영상과 함께 따라해주세요! 샘플 보기 소스 다운 완성 소스 index.html style.css reset.css script.js 전체 메뉴 바로가기 배너 영역 바로가기 컨텐츠 영역 바로가기 Desinger Publisher Youtube Professional Publisher & Designer webstoryboy.co.kr icon1 icon2 icon3 icon4 전체 메뉴 HTML Reference HTML 태그(Tag) 블록 요소/인라인 요소 DTD 선언 언어 속성 설정 HTML HTML 특수문자 하이퍼 링크 HTML HTML HTML 전체 메뉴..