코딩공부

오늘은 위와 같이 피그마로 만들 사이트 시안을 다른 사이트를 참고하여 만들어 보았습니다. 다음과 같은 사이트들을 참고하였습니다 에잇템 : https://www.atemshop.com/index.html 바르닭 : https://barudak.co.kr/ 랭킹닭컴 :https://www.rankingdak.com/ 허닭 : http://www.heodak.com/index.html 아임닭 : https://www.imdak.com/ 국민상점 : https://www.imdak.com/ 미트리 : https://metree.co.kr/index/ 맛있닭 :https://masitdak.com/ 하림몰 : https://www.harimmall.com/ 닭가슴살 쇼핑몰 : https://daksal.uriwe..

오늘은 이미지유형, 이미지/텍스트 유형, 카드 유형, 배너 유형, 텍스트 유형, 푸터 유형을 모두 하나로 합쳐 위와 같은 웹페이지를 만들어보겠습니다. HTML 헤더 영역 바로가기 슬라이드 영역 바로가기 이미지 영역 바로가기 이미지/텍스트 영역 바로가기 카드 영역 바로가기 배너 영역 바로가기 텍스트 영역 바로가기 푸터 영역 바로가기 사이트 로고 메인 슬라이드 영역 event 냥집사들의 커뮤니티 Catt 고양이 케어, 고양이 목욕,고양이 산책. 고양이 패션, 집사 커뮤니티 고양이와 관련된 모든 정보를 공유합니다. 자세히 보기 상담 신청 이전 이미지 다음 이미지 첫번째 이미지 두번째 이미지 세번째 이미지 플레이 정지 반려묘를 키우는 방법 반려묘를 키우려면 돈도 많고 열정과 노력과 부모가 시간도 많아야 합니다...

오늘은 웹 페이지의 제일 하단 부분인 푸터(footer)유형을 만드는 법을 소개해보겠습니다. 위의 예제와 같이 생긴 페이지를 만들겠습니다. 전체구조 푸터 반려묘 사이트 소개하기 반려묘 이야기 유기묘 도움주기 분양받기 반려묘 훈련하기 기본훈련 배변훈련하기 인내심 훈련하기 스크래칭 훈련하기 반려묘 노하우 산책하는 법 목욕 시키는 법 츄르 종류 캣타워 종류 반려묘 주의점 병원가기 접종 시기 주의점 홍역주의 동사무소 신고 반려묘 자랑하기 소개하기 반려묘 이야기 유기묘 도움주기 사진 만들기 이용정보 개인정보 반려묘 정보 유기묘 신고하기 반려묘 접종하기 2023 이승연 반려묘 사이트 Porfolio is Power All Right Reserved 만드는 방법 풀이 body 푸터 반려묘 사이트 소개하기 반려묘 이야..

텍스트 유형 레이아웃 웹 페이지 만들기 수업 시간에 위와 같은 텍스트 유형 레이아웃을 똑같이 웹 페이지로 구현해 보았습니다. notice 반려묘 키울때 주의할점 건강 검진 고양이는 매우 활발한 동물로서 외부세균과 바이러스에 노출될 가능성이 높습니다.새로운 고양이를 입양하면 즉시 수의사에게 건강 검진을 받게 해야 합니다. 더보기 충분한 사랑과 관심 고양이는 충분한 사랑과 관심이 필요합니다. 주인의 사랑과 관심이 고양이의 건강과 행복에 큰 영향을 미칩니다. 따라서 일정한 시간을 투여하여 관심과 사랑을 나눠주어야 합니다.. 더보기 적절한 먹이 제공 고양이는 적절한 먹이를 제공해야 합니다. 고양이의 나이, 체중, 건강 상태 등을 고려해 알맞은 양의 먹이를 제공하고, 식습관도 지속적으로 관찰하며 필요에 따라 조정..

수업 시간에 위와 같은 카드유형레이아웃을 똑같이 웹 페이지로 구현해 보았습니다. 슬라이드 유형은 보시다시피 사진과 문자를 슬라이드 형식으로 넘길 수 있는 구조로 되어있는 유형입니다. 메인 슬라이드 영역 event 냥집사들의 커뮤니티 Catt 고양이 케어, 고양이 목욕,고양이 산책. 고양이 패션, 집사 커뮤니티 고양이와 관련된 모든 정보를 공유합니다. 자세히 보기 상담 신청 이전 이미지 다음 이미지 첫번째 이미지 두번째 이미지 세번째 이미지 플레이 정지 만드는 방법 풀이 body 메인 슬라이드 영역 event 냥집사들의 커뮤니티 Catt 고양이 케어, 고양이 목욕,고양이 산책. 고양이 패션, 집사 커뮤니티 고양이와 관련된 모든 정보를 공유합니다. 자세히 보기 상담 신청 이전 이미지 다음 이미지 첫번째 이미..

위의 예시처럼 텍스트의 영역과 이미지의 영역 있는 유형이 이미지 텍스트 유형입니다. 오늘은 예시처럼 이미지 텍스트 유형을 만들어 보려고 합니다. notice 300종 이상의 반려묘 세상에는 다양한 종류의 고양이가 있습니다. 일부 인기 있는 반려묘 종류는 다음과 같습니다. 스코티쉬 폴드 (Scottish Fold) 샴 고양이 (Siamese) 브리티쉬 숏헤어 (British Shorthair) 먼치킨 (Munchkin) 사바나 (Savannah) 페르시안 (Persian) 스노우슈 (Snowshoe) 스픽스 (Sphynx) 러시안 블루 (Russian Blue) 아메리칸 숏헤어 (American Shorthair) 만드는 방법 풀이 body notice 300종 이상의 반려묘 세상에는 다양한 종류의 고양이..

수업 시간에 위와 같은 이미지유형 레이아웃을 똑같이 웹 페이지로 구현해 보았습니다. 반려묘를 키우는 방법 반려묘를 키우려면 돈도 많고 열정과 노력과 부모가 시간도 많아야 합니다. 고양이키우기 고양이에게는 균형 잡힌 식사와 깨끗한 물이 필요합니다 물을 항상 제공하고, 그릇을 깨끗하게 유지해야 합니다. 자세히 보기 사료가 중요 고양이에게는 균형 잡힌 식사와 깨끗한 물이 필요합니다 물을 항상 제공하고, 그릇을 깨끗하게 유지해야 합니다. 자세히 보기 만드는 방법 풀이 먼저 설정해주고 싶은 font를 설정해줍니다. 저는 넥슨고딕Lv1을 사용했습니다. body 부분에 section 태그를 만들어주고 class를 이미지 유형 전체를 감싸주니 image__wrap으로 설정해줍니다. nexon은 나중에 글씨를 설정해줄 ..

카드 유형 레이아웃 웹 페이지 만들기 수업 시간에 위와 같은 카드유형레이아웃을 똑같이 웹 페이지로 구현해 보았습니다. 반려묘를 키울때 팁 고양이를 키우기 전에 충분한 연구를 하십시오. 고양이의 종류, 건강 문제, 올바른 사료와 함께 건강한 식습관 등을 이해하는 것이 중요합니다. 입양하기 고양이를 입양하기 전에 보호소나 유기동물 구조 기관을 방문하여 입양할 고양이를 선택하세요. 건강한 고양이를 선택하고 그들의 성격과 운동 수준과 맞는지를 확인하십시오. 자세히 보기 장비 갖추기 고양이의 행복과 건강을 위해 장비가 필요합니다. 고양이가 필요로 하는 모든 장비를 준비하세요. 고양이용 화장실, 사료 그릇, 물 그릇, 침대, 장난감 등이 필요합니다.. 자세히 보기 예방접종 고양이도 예방접종을 받아야 합니다. 고양이..