반응형 HTML5&웹디자인7 무료 웹호스팅 사이트 추천 & 사용법 웹 호스팅 사이트로 카페24를 많이 이용하시는데, 간만에 들어가보니 예전에는 공짜로 제공했던 웹 호스팅이 이제는 사라지고 다 유료이더라고요.ㅜ 홈페이지 만드는 연습 할 때나 사용할 건데 돈주고 쓰기엔 단 돈 얼마라도 아깝긴하네요ㅋㅋ; 그래서 무료 웹 호스팅 사이트를 찾아봤는데 국내에 한군데 있어서 추천드립니다. https://www.dothome.co.kr/ 닷홈 | 호스팅은 닷홈 닷홈은 도메인, 무료 웹호스팅, 웹빌더, 메일호스팅, SSL보안인증서, 서버호스팅, 코로케이션 등 다양한 호스팅 서비스를 제공하고 있습니다. www.dothome.co.kr 이곳은 무료로 웹 호스팅을 제공해 주더라고요ㅎ 웹호스팅 부분을 마우스 오버 하면 하위 메뉴가 나오는데 거기서 무료 호스팅을 클릭해 줍니다. 트래픽 1일.. 2021. 10. 30. [HTML5] 간단한 상단메뉴 만드는 방법 오늘은 HTML 상단 메뉴를 만들어 볼게요~ 그리고 만든 메뉴에 마우스 오버를 하면 색이 칠해지것 까지 구현해보겠습니다. 일단 HTML코드를 작성해줍니다. HTML5 코드 메뉴1 메뉴2 메뉴3 HTML만 작성해서 확인하면 위의 모습입니다. 여기에 CSS3를 이용해야 원하는 결과가 나옵니다. CSS3 코드 nav{ width : 900px; margin : 0 auto; } nav ul{ list-style: none; border : 2px solid #cccccc; border-radius: 10px; height : 40px; } nav ul li{ float : left; margin-top: 10px; padding-right : 30px; height: 20px; } nav ul li a.. 2021. 10. 27. [HTML5]html lang ="ko" 작성하는 이유 html5 코드를 작성할 때 처음에 항상 쓰는 부분입니다. 다음에 을 써도 되지만 굳이 html lang ="ko"를 썼는데요, 여기서 html lang ="ko"는 무슨 의미이고 왜 쓰는건지 알려드리겠습니다. - html lang ="ko" 작성하는 이유 - html5로 웹페이지를 만들려면 웹표준에 맞추어 웹 접근성을 높여야 합니다. 우리는 그냥 시각적으로 페이지를 볼 수 있지만, 시각 장애인은 페이지에 나오는 글의 내용을 보기 힘듭니다. 그래서 이런 시각 장애인분들도 페이지의 내용을 알 수 있도록 스크린리더나 점자정보단말기, 모바일의 VoiceOver, TalkBack 등 보조 수단을 통해 내용을 이해할 수 있게 해 주어야 하는데요, html lang ="ko" 이 그러한 역활을 해줍니다. html .. 2021. 10. 24. margin(마진)과 padding(패딩)의 차이점 웹디자인을 배우게 되면 마진(margin)과 패딩(padding)을 자주 접하게 됩니다. 웹디자인을 하려면 기본적으로 개념을 알고 있어 하는데요. 간단하게 마진은 바깥여백, 패딩은 안쪽여백이라고 생각하시면 됩니다. 밑에 그림을 보시면 어느정도 감이 오실 거예요. margin을 적용하면 바깥여백을 준거기 때문에 영역과 함께 내용물이 같이 움직입니다. padding을 적용하면 안쪽여백을 준거기 때문에 영역 자체는 움직이지 않지만, 안에 내용물이 움직이게 됩니다. 저는 처음에 마진 패딩이 헤깔려서 마(진) 패(딩)로 외웠습니다.. html 여백은 마패 순..마패..ㅎㅎ.. 영상으로 예제도 만들었는데 짧은 영상이니 보시면 이해가 더 잘되실 거예요~ https://youtu.be/3LsIalL4d5c ↓ .. 2021. 10. 18. 이전 1 2 다음 반응형
