View My Stats

[웹.앱]w3school- HTML, CSS, JavaScript 모든 정보를 공부할 수 있는 곳

엔게디
2019-02-21
조회수 3406

HTML, CSS, JavaScript를 공부하는 분들에게는 거의 성지같은 곳이지요.

정말 기본적인 내용부터 모든 내용이 알차게 잘 정리되어 있답니다. 

수업을 하면서 전 요 사이트를 학생들에게 항상 들어가 정보를 찾아 볼 수 있도록 하고 있답니다.

정말... 아주 중요한 사이트이고, 우리들의 친구이지요^^


https://www.w3schools.com/


이렇게 사이트에 들어가면 각각 항목별로 살펴볼 수 있습니다.


레퍼런스 메뉴를 눌러보면 하위 메뉴를 살펴 볼수 있지요~


사실 제일 많이 사용하는 것이 요 검색 기능인데요. 검색 아이콘을 클릭해서 찾고 싶은 내용을 찾아보면 됩니다. 저는 "slide"를 검색해보았습니다. 학생들이 어느정도 배우면 가장 먼저 구현해보고 싶어하는 것이 이미지 갤러리인데요. 슬라이드 형식을 검색해 보았습니다.


그럼 여러가지 정보가 나오는데, 여기서는 "How To Create a Slideshow" 를 눌러봅니다. 


쨔잔~ 그럼 이렇게 슬라이드 쇼에 대한 소스와 설명을 살펴 볼수 있습니다. 왼쪽 메뉴의 "Images" 메뉴 하위로 다양한 이미지 갤러리 형태의 소스들을 찾아 볼 수 있고요~ 하단의 "Try it Yourself" 버튼을 클릭하면 친절하게 소스를 살펴 볼 수 있습니다~ 


요렇게 소스를 살펴 볼 수 있고, 수정을 하고 "Run" 버튼을 클릭하여 수정된 내용을 확인해 볼 수 있습니다. 정말.. 공부할게 널려 있습니다. ^^ 중요한 것은 내가 원하는 기능을 어떤 키워드로 찾아야 하는지 요령과 방법을 알면 된답니다 ^^ 


우리들의 멋진 w3school !

물론... 공부하다보면... w3school이 제시해주는 코드가 좀.. 그럴때가 있어요. 

굳이 이렇게 해야 하나? 이 소스, 이 방법은 좀 별론데? 라는 시점이 온다는 건...

여러분이 실력이 늘었다는 사실^^

나중에는 w3school 보다 내가 더 코드를 유연하게 잘 짜게 된답니다. ^^

그때까지는 w3school이 내 친구이지요^^

물론~ 전 지금도 생각안나면 찾아보지요~ 바이블처럼~~~

그럼 오늘도 알찬 소스 공유하고 물러갑니다~~~


https://www.w3schools.com/

INSTAGRAM * engedicampus

INSTAGRAM engedicampus

웹퍼블리싱, 디자인, 일러스트, 디지털 아트워크, 쇼핑몰 등 다양한 정보와 알찬 소스 정보를 공유하며, 오픈되는 강의, 원데이 세미나 소식을 만나볼 수 있습니다.