UI|UX/사이트유형16 사이트유형 | 헤더유형 사이트 유형 | 헤더유형 헤더유형은 맨위에 나오는 유형입니다. 1.HTML 코드 코드 보기 web site 헤더 영역 슬라이드 영역 배너 영역 컨텐츠 영역 푸터 영역 로그인 2.CSS 코드 코드 보기 /* fonts */ @import url('https://webfontworld.github.io/NexonLv1Gothic/NexonLv1Gothic.css').nexon { font-family: 'NexonLv1Gothic'; font-weight: 400; /* reset */ * { margin: 0; padding: 0; img { width: 100%; a { text-decoration: none; color: #000; } em, i, address { font-style: normal; .. 2022. 9. 1. 사이트유형 - 텍스트 유형 세 번째 사이트 유형 | 텍스트유형 텍스트 유형 은 카드 유형하고 비슷하지만 그안에 텍스트를 넣었습니다. 1.HTML 코드 코드 보기 텍스트 유형 각 유형의 특징을 알아보고, 골고루 사용해보자 곰은 엄청 강해요 강해서 엄청 위험해요 그러니 도망가는걸 추천해요 하지만 곰은 귀여워서 봐줄거에요 곰은 엄청 강해요 강해서 엄청 위험해요 그러니 도망가는걸 추천해요 하지만 곰은 귀여워서 봐줄거에요 엄청 위험해요 그러니 도망가는걸 추천해요 하지만 곰은 귀여워서 봐줄거에요 우르르쾅쾅 곰 동물 자세히 보기 곰은 엄청 강해요 강해서 엄청 위험해요 그러니 도망가는걸 추천해요 하지만 곰은 귀여워서 봐줄거에요 곰은 엄청 강해요 강해서 엄청 위험해요 그러니 도망가는걸 추천해요 하지만 곰은 귀여워서 봐줄거에요 엄청 위험해요 그러니 도망가는.. 2022. 9. 1. 사이트유형 - 텍스트 유형 두 번째 사이트 유형 | 텍스트유형 텍스트 유형 은 카드 유형하고 비슷하지만 그안에 텍스트를 넣었습니다. 1.HTML 코드 코드 보기 Animal 귀여운 동물들 설명 여러분은 귀여운 동물들의 설명을 지금 이기회에 볼 수있습니다 여러분 어서 빨리 보세요! 우르르쾅쾅 곰 곰은 엄청 강해요 강해서 엄청 위험해요 그러니 도망가는걸 추천해요 하지만 곰은 귀여워서 봐줄거에요 빛보다 빠른 치타 치타는 너무 빨라서 자동차를 이겨요 그러니 치타하고 달리기 할 생각은 하면안되는게 좋아요 의자왕 사자 사자는 여자친구가 많아서 부러워요 그냥 많이 부럽워서 저는 울지않아요 사자는 의자왕 이에요 귀여운 고양이 고양이는 귀여우니 무슨짓을해도 귀여워요 그러니 고양이는 최강입니다. 이제 뭘쓸지 너무 힘드네요. 더보기 2.CSS 코드 코드 보기.. 2022. 9. 1. 사이트유형 - 텍스트 유형 첫 번째 사이트 유형 | 텍스트유형 텍스트 유형 은 카드 유형하고 비슷하지만 그안에 텍스트를 넣었습니다. 1.HTML 코드 코드 보기 텍스트 유형01 세상에서 제일 귀여운 동물들 우르르쾅쾅 곰 곰은 엄청 강해요 강해서 엄청 위험해요 그러니 도망가는걸 추천해요 하지만 곰은 귀여워서 봐줄거에요 더보기 빛보다 빠른 치타 치타는 너무 빨라서 자동차를 이겨요 그러니 치타하고 달리기 할 생각은 하면안되는게 좋아요 더보기 의자왕 사자 사자는 여자친구가 많아서 부러워요 그냥 많이 부럽워서 저는 울지않아요 사자는 의자왕 이에요 더보기 귀여운 고양이 고양이는 귀여우니 무슨짓을해도 귀여워요 그러니 고양이는 최강입니다. 이제 뭘쓸지 너무 힘드네요. 더보기 인간의친구 강아지 강아지는 인간의 친구에요 저는 인간의 친구인 강아지는 너무 좋.. 2022. 8. 30. 이미지 유형 세 번째 사이트 유형 | 이미지유형2 이번 이미지 타입은 gird 를 이용하여 작업하였습니다. flex박스와 차이점은 div박스를 묶어서 left, right 을 안나누는 차이가 있습니다. 1.HTML 코드 코드 보기 우리의동물사진 우주 최강 귀엽고 깜직한 우리 동물을 보시면 너무 좋아요 얼른 동물사진을 보시는게 제일 좋을것 같아요 포악한곰 세상에가 가장무서운 곰입니다 엄청무서우니 도망가는게 좋겠습니다 여러분은 곰이 얼마나 강하고 무서운지 아세요? 나는 겪.. 페이지이동 페이지이동 페이지이동 페이지이동 페이지이동 셰이크 로트폴라 모스크 세상에가 가장무서운 곰입니다 엄청무서우니 도망가는게 좋겠습니다 여러분은 곰이 얼마나 강하고 무서운지 아세요? 나는 겪.. 페이지이동 페이지이동 페이지이동 페이지이동 페이지이동 셰이.. 2022. 8. 22. 사이트 유형 - 이미지 유형2 사이트 유형 | 이미지유형2 모바일 사용자가 폭발적으로 증가하면서 반응형 디자인이 어쩌면 필수적으로 적용되고 있는 지금, 이미지 디자인은 웹과 모바일 모두 화면크기에 맞게 최적화되는 모듈식 UI패턴입니다. 1.HTML 코드 코드 보기 펭귄 사진 여러분은 엄청 귀여운 펭귄를 보실 수 있는 기회가 지금 생겼습니다. 펭귄 사진 자세히보기 펭귄 사진 자세히보기 펭귄 사진 자세히보기 2.CSS 코드 코드 보기 /* fonts */ @import url('https://webfontworld.github.io/gmarket/GmarketSans.css'); .gmarket { font-family: 'GmarketSans'; font-weight: 400; } /* reset */ * { margin: 0; pad.. 2022. 8. 17. 이전 1 2 3 다음 728x90 반응형
