HTML29 사이트유형 | 카드유형03 사이트 유형 | 카드유형3 모바일 사용자가 폭발적으로 증가하면서 반응형 디자인이 어쩌면 필수적으로 적용되고 있는 지금, 카드형 디자인은 웹과 모바일 모두 화면크기에 맞게 최적화되는 모듈식 UI패턴입니다. 1.HTML 코드 코드 보기 귀여운 토끼 Tag 너무나도 귀엽고 사랑스러운 토끼 사진 이 여기있습니다 얼른 와서 보시는게 제일좋아요! 빨리와야해요! 여러분은 귀여운 토끼 사진을 보실수 있는 기회가 생겼습니다. 진짜귀여운토끼를 함께 보세요! 행복할수있어요 우리다함께 행복해요! 토끼를 보시면 행복할수있습니다! 오늘하루도맑은 하늘 9 seconds ago Tag 너무나도 귀엽고 사랑스러운 토끼 사진 이 여기있습니다 얼른 와서 보시는게 제일좋아요! 빨리와야해요! 여러분은 귀여운 토끼 사진을 보실수 있는 기회가 .. 2022. 8. 10. 사이트유형 | 카드 유형2 사이트 유형 | 카드유형2 모바일 사용자가 폭발적으로 증가하면서 반응형 디자인이 어쩌면 필수적으로 적용되고 있는 지금, 카드형 디자인은 웹과 모바일 모두 화면크기에 맞게 최적화되는 모듈식 UI패턴입니다. ir은 img태그의 alt를 대신하여 백그라운드 이미지 사용하기위해씁니다. 1.HTML 코드 코드 보기 강아지 사진 여러분은 귀여운 강아지 사진을 보실수 있는 기회가 생겼습니다. 엄청 귀여운 강아지를 보실수 있어서 기분이 좋을거에요!🐶 달리는 강아지 강아지는 너무귀엽습니다 그렇기 저는 강아지가 너무좋아서 강아지 사진을 가지고왔습니다. 엄청 귀엽지않나요? 많이 보세요!! 더보기 달리는 강아지 강아지는 너무귀엽습니다 그렇기 저는 강아지가 너무좋아서 강아지 사진을 가지고왔습니다. 엄청 귀엽지않나요? 많이 보세.. 2022. 8. 9. 사이트유형 | 카드 유형 사이트 유형 | 카드유형 모바일 사용자가 폭발적으로 증가하면서 반응형 디자인이 어쩌면 필수적으로 적용되고 있는 지금, 카드형 디자인은 웹과 모바일 모두 화면크기에 맞게 최적화되는 모듈식 UI패턴입니다. 1.HTML 코드 코드 보기 고양이 사진 여러분은 엄청 귀여운 고양이를 보실 수 있는 기회가 지금 생겼습니다. 고양이 사진 고양이는 너무귀엽습니다 그렇기 저는 고양이가 너무좋아서 고양이 사진을 가지고왔습니다 여러분은 고양이 사진을 보면서 힐링을 하시면 되겠습니다감사합니다. 더 자세히 보기 고양이 사진 고양이는 너무귀엽습니다 그렇기 저는 고양이가 너무좋아서 고양이 사진을 가지고왔습니다 여러분은 고양이 사진을 보면서 힐링을 하시면 되겠습니다감사합니다. 더 자세히 보기 고양이 사진 고양이는 너무귀엽습니다 그렇기.. 2022. 8. 8. W3C | 웹 접근성 | 웹 호환성 w3c 토콜과 가이드라인을 개발하여 월드 와이드 웹의 모든 잠재력을 이끌어 내는 월드 와이드 웹을 위한 표준을 개발하고 장려하는 조직으로 팀 버너스 리를 중심으로 1994년 10월에 설립되었습니다. W3C는 회원기구, 정직원, 공공기관이 협력하여 웹 표준을 개발하는 국제 컨소시엄이다. W3C의 설립취지는 웹의 지속적인 성장을 도모하는 프로 것입니다. 웹접근성 장애를 가진 사람과 장애를 가지지 않은 사람 모두가 웹사이트를 이용할 수 있게 하는 방식을 가리킵니다. 사이트가 올바르게 설계되어 개발되고 편집되어 있을 때 모든 사용자들은 정보와 기능에 동등하게 접근할 수 있어야합니다. 웹 접근성에는 다음의 사항들을 고려하여야 합니다: 1. 시각: 실명, 색각 이상, 다양한 형태의 저시력을 포함한 시각 장애 2. .. 2022. 8. 8. LayOut 구조 1 레이아웃01 이번 레이아웃은 사이드메뉴가 하나 컨텐츠가 하나 들어간 구조입니다. float, flex, grid 를이용하여 구조화를 할수있습니다. float를 이용한 레이아웃 CSS 속성(property) float 은 한 요소(element)가 보통 흐름(normal flow)으로부터 빠져 텍스트 및 인라인(inline) 요소가 그 주위를 감싸는 자기 컨테이너의 좌우측을 따라 배치되어야 함을 지정합니다. * { padding: 0; margin: 0; } body { background-color: #FFF3E0; } #wrap{ width: 1200px; margin: 0 auto; } #header{ width: 100%; height: 100px; background-color: #FFE0B2; .. 2022. 7. 25. 이전 1 2 3 4 5 다음 728x90 반응형
