xoouxa

팀프로젝트 메인 구상 피그마 작업입니다 ! 아래 링크들의 메인 이미지를 참고하며 작업해 보았습니다 😎😊 애플 :https://www.apple.com/kr/store?afid=p238%7CsiADh6hbK-dc_mtid_18707vxu38484_pcrid_650480254001_pgrid_16348496961_pntwk_g_pchan__pexid__&cid=aos-kr-kwgo-Brand--slid---product- Apple Store 온라인 Apple Store의 모든 매력이 온라인에서도 그대로. 지금 새 제품을 구입하거나 보상 판매 크레딧, 개인 쇼핑 지원, 유연한 결제 옵션, 전문가의 도움 등 모든 혜택을 누리세요. www.apple.com 필리 :https://pilly.kr/ 맞춤영양제 필리..

안녕하세요 ヾ(≧▽≦*)o 오늘은 그동안 내가 원하는대로 작업했던 사이트들을 한 번에 모아 반응형까지 가능하게 작업해주도록 하겠습니다. 📜 순서는 헤더, 슬라이드, 이미지, 이미지 텍스트, 카드, 배너, 텍스트, 푸터 순으로 나눠 작업하였습니다. 📌 여기서 잠깐 ! 반응형이란 ? 반응형 웹 디자인은 브라우저 창의 크기나 기기의 크기에 따라 웹 페이지의 레이아웃과 내용이 자동으로 조정되는 것을 의미합니다. CSS를 사용하여 미디어 쿼리(Media Query)를 만들고, 해당 미디어 쿼리에서 원하는 스타일을 지정하면, 브라우저가 해당 미디어 쿼리를 만족시키는 경우, 해당 스타일이 적용됩니다. 이를 통해, 브라우저 창의 크기에 따라 레이아웃이 변경되는 것을 구현할 수 있습니다. ✍🏻 what i made ✍🏻..

안녕하세요 ヾ(≧▽≦*)o 오늘은 내가 원하는대로 푸터 유형의 페이지를 만드는 작업을 한 번 해보도록 하겠습니다. ✍🏻 what i made ✍🏻 기본 CSS값 설정해주기 css리셋은 웹사이트의 스타일링을 일관되게 만들기 위해 사용되는 기술입니다. 초기설정을 해두면 폰트나 마진, 패딩값이 먹혀 편리합니다. 푸터 섹션 구성해주기 푸터 강아지 유치원 찾아보기 강아지 유치원 이야기 유치원 등록하기 유치원 견생친구들 강아지 놀이터 찾아보기 강아지 놀이터 놀이터 장소 알아보기 놀이터 이용시간 알아보기 대형견 사이트 찾아보기 대형견 전용 유치원 대형견 전용 놀이터 소중한 우리네 강아지 유기견 가족 돼 주기 소개하기 유기견 이야기 유기견 도와주기 유기견 입양하기 행복한 강아지 만들기 알아보기 우리 강아지 이야기 근처..

안녕하세요 ヾ(≧▽≦*)o 오늘은 내가 원하는대로 이미지텍스트 유형의 페이지를 만드는 작업을 한 번 해보도록 하겠습니다. ✍🏻 what i made ✍🏻 기본 css 리셋값 설정해주기 css리셋은 웹사이트의 스타일링을 일관되게 만들기 위해 사용되는 기술입니다. 초기설정을 해두면 폰트나 마진, 패딩값이 먹혀 편리합니다. 텍스트 섹션 구성해주기 About my dog 반려견을 키울 때 알아야 하는 점 충분한 운동과 활동 강아지에게는 충분한 운동과 활동이 필요합니다. 강아지와 함께 산책하거나 뛰어놀며, 강아지를 위한 장난감게임이나 놀이를 합니다. 충분한 운동을 통해 강아지의 건강을 유지할 수 있습니다. 더보기 건강한 식이 항상 건강한 음식과 물을 제공해야 합니다. 강아지의 연령, 크기, 활동량에 맞는 사료를 ..

안녕하세요 ヾ(≧▽≦*)o 오늘은 저번에 작업한 퀴즈 만들기 페이지 1,2,3를 토대로 4페이지를 만들어 보도록 하겠습니다. (저번 사이트 바로 가기 : 1페이지https://xoouxa58.tistory.com/29 / 2페이지 https://xoouxa58.tistory.com/31 3페이지 https://xoouxa58.tistory.com/37) 완성화면 입니다. 밑으로 스크롤 하시면 정답을 확인하실 수 있습니다. HTML 코드 Quiz. 주관식 확인하기 유형 1 2 3 4 . 정답입니다. 틀렸습니다. 정답 확인하기 . 정답입니다. 틀렸습니다. 정답 확인하기 . 정답입니다. 틀렸습니다. 정답 확인하기 yuna243441@naver.com CSS 코드 /* header */ #header { pos..

오늘은 제가 잘 몰랐던 것들에 대해 정리하도록 하겠습니다. 1. 텍스트 관련 요소 - 물리적(Physical) 태그 텍스트가 화면에 출력되는 형식을 지정하는 태그 소스 설명 화면출력 텍스트 기울임 글꼴(Italics) 텍스트 텍스트 굵은 글꼴(Bold) 텍스트 텍스트 타자기 글꼴(Teletype) 텍스트 텍스트 밑줄친 글꼴(Underline) 텍스트 텍스트 취소선(Strikethrough) 텍스트 텍스트 취소선(Strikethrough) 텍스트 텍스트 아래첨자(Subscript) 텍스트 텍스트 위첨자(Superscript) 텍스트 텍스트 크게, Bigger font (one size bigger) 텍스트 텍스트 작게, Smaller font (one size smaller) 텍스트 물리적 태그중에서 많이..

안녕하세요 ヾ(≧▽≦*)o 오늘은 저번 시간에 했던 내 스타일대로 만드는 이미지, 카드, 이미지 텍스트 유형 페이지에 이어서 슬라이드 유형 페이지를 만들어 보도록 하겠습니다. ✍🏻 what i made ✍🏻 코드입니다. 📜기본 css 리셋값 설정해주기 css 리셋 (CSS Reset)은 웹사이트의 스타일링을 일관되게 만들기 위해 사용되는 기술입니다. 초기 설정을 해두면 폰트나 마진, 패딩값이 먹혀 편리합니다. /* reset */ * { margin: 0; padding: 0; } a { text-decoration: none; color: #000; } h1,h2,h3,h4,h5,h6 { font-weight: normal; } img { vertical-align: top; width: 100%; }..

안녕하세요 ヾ(≧▽≦*)o 오늘은 내가 원하는대로 이미지텍스트 유형의 페이지를 만드는 작업을 한 번 해보도록 하겠습니다. ✍🏻 what i made ✍🏻 코드입니다. Notice 강아지에게 산책이라는 존재 강아지에게 산책은 일종의 운동과 탐험활동입니다. 강아지들은 적극적인 활동이 필요하며, 산책은 그들이 필요로 하는 운동을 제공합니다. 강아지들은 일반적으로 햇빛을 받고 공기를 마시며 산책을 즐기는데, 이를 통해 체력 향상과 면역력 강화, 스트레스 완화 등의 이점을 누릴 수 있습니다. 또한, 산책을 통해 강아지들은 사물과 인간들에 대한 사회성을 배우며, 적극적인 사회적 상호작용을 경험할 수 있습니다. 그러나 산책을 할 때에는 강아지의 안전과 건강을 고려해야 합니다. 강아지의 나이, 건강상태, 체력, 온도,..

안녕하세요 ヾ(≧▽≦*)o 오늘은 저번에 작업한 퀴즈 만들기 페이지 1,2를 토대로 3페이지를 만들어 보도록 하겠습니다. (저번 사이트 바로 가기 : 1페이지 https://xoouxa58.tistory.com/29 / 2페이지 https://xoouxa58.tistory.com/31) HTML 코드 Quiz. 주관식 확인하기 유형 1 2 3 4 . 정답입니다. 틀렸습니다. 정답 확인하기 . 정답입니다. 틀렸습니다. 정답 확인하기 . 정답입니다. 틀렸습니다. 정답 확인하기 yuna243441@naver.com 📌 퀴즈 사이트 2번과 같이 복사해 붙여주는데 여러가지 퀴즈를 다중으로 사용해야 하기 때문에 class="quiz" 부분을 두 개 더 추가 해줍니다. CSS 코드 .quiz__desc{ border..

안녕하세요 o((>ω< ))o 오늘은 내가 원하는대로 이미지 유형의 페이지를 만드는 작업을 한 번 해보도록 하겠습니다 ✍🏻 what i made ✍🏻 코드입니다. 반려견을 키우는 최고의 방법 반려견을 키우기 위해선 많은 노력과 시간과 정성이 필요합니다. 함께하는 충분한 시간 반려견의 시간은 사람보다 짧기 때문에 많은 시간을 함께 보내기 위해 노력해야 합니다. 자세히 보기 함께하는 충분한 시간 반려견의 시간은 사람보다 짧기 때문에 많은 시간을 함께 보내기 위해 노력해야 합니다. 자세히 보기 how to coding ? - 자신이 원하는 폰트를 가져와 폰트 링크를 지정해 줍니다. - 페이지의 전체 구역을 사용하기 때문에 head 태그에 style 태그를 만들어 전체구역 * {} 태그를 만들고 margin :..