지식 대학교

안녕하세요 이번에 제가 개인적인 흥미+과제의 집합체로 홈페이지의 메인 페이지를 만들고 각종 기능을 추가해 보았습니다. 재밌게 봐주세요! 마블을 중심으로 사이트를 만들어 보았습니다. 맨 위의 로고를 클릭하면 메인 페이지로 이동이 되며, 상단 NAV메뉴를 마우스 Hover하게 되면 드롭다운 형식으로 메뉴가 정렬되게 됩니다. 또한 각 버튼별로 링크가 달려있기 때문에 링크를 수정하여, 클릭시 이동될 링크를 삽입할 수 있습니다. 메인화면에는 GIF파일을 이용한 움짤을 넣었으며, 그 위에 z-index를 이용한 이미지 덮어쓰기로 로고를 넣었습니다. 상하 슬라이드로 움직이는 이미지와 콘텐츠들을 추가하였으며, 첫 번째의 슬라이드의 버튼을 클릭시 해당 링크로 이동됩니다. 수동으로 재생할 수 있는 동영상과 포스터가 있고,..

안녕하세요! 오늘도 어김없이 돌아온 즐거운 강의 시간입니다! 가두절미하고 HTML을 작성하기 위한 툴인 아톰에디터를 켜볼까요? 켜게 되면 이렇게 아무것도 없는 화면이 나올거에요! 우선적으로 우측 하단의 Plain Text를 클릭한 후 HTML을 검색해주고 클릭을 해줍시다! 그러면 이제 이 메모장은 HTML작성 전용 메모장이 되는 것입니다. 만약 이런 식으로 글자가 옆으로 넘어가서 번거로우신 분들은, 위의 메뉴중에 보기-> 소프트랩을 선택해주시면 이런 식으로 글자가 자동으로 보여지게 됩니다. 아주 기본적인 세팅은 여기서 끝마쳐지고 추가적인 플러그인을 설지해야 하겠죠? 각종 패키지를 설치해 봅시다! 패키지를 설치하려면 메뉴 -> 세팅으로 들어가셔서 Install을 눌러주세요! 1. 한글모드 Korean-me..

안녕하세요! 웹 디자인 기초를 보실 여러분들을 뵙게 되어 정말 반갑습니다! 웹 디자인을 하기 위해선 먼저 준비물이 필요합니다! 1. 포토샵 왜 웹 디자인을 하는 데에 포토샵이 필요할까요? 1. 웹의 틀을 짜기 쉽다. 2. 웹 디자인을 하게 되면서 만들어내는 파비콘이나 기타 디자인 작업들에 수월하다 3. 다양한 코드이 색상을 사용하여 웹의 구체적인 색상들의 조화를 잡아낼 수 있다. 포토샵의 다운로드 경로는 이곳입니다! www.adobe.com/kr/products/photoshop.html?sdid=TBJRLR9V&mv=search&ef_id=CjwKCAiA7939BRBMEiwA-hX5J8A7yw09b50529-zSZGoTHqxYQ0dEXy0W7iT7mb0d3DTRz1xpyBAyhoCFioQAvD_BwE:..