반응형 HTML14 HTML 페이지 디자인 만들기 HTML 페이지 디자인 만들기 조별 과제로 인한 사이트 페이지 디자인을 만들고 코드도 만들어봤습니다. 먼저 피그마 디자인 시안입니다. 서로의 너비를 임시로 만들어두고 틀을 미리 만들어두고 사진과 영상을 가져와서 시안을 만들어봤습니다. 이제 코드를 만든 페이지 하나를 예시로 보여드리겠습니다. HTML 코드 구성 헤더 영역 바로 가기 컨텐츠 영역 바로 가기 푸터 영역 바로 가기 헬드백 X 헬드백 소개 부위별 운동 커뮤니티 마이페이지 팔 운동 케이블 푸쉬다운 복부근을 강화하는 운동 중 하나입니다. 복부근 중에서도 상복부의 근력을 강화하는데 효과적인 운동입니다. 1. 케이블 머신에 바를 달고 적당한 무게를 설정합니다. 2. 바를 잡은 손은 어깨 너비 정도로 벌립니다. 3. 팔꿈치를 고정한 채 바를 내리며 상체를.. 2023. 5. 11. 배너 유형 페이지 만들어보기!! 배너 유형 페이지 만들어보기!! 이미지 유형 : https://dongjin6539.tistory.com/28 카드 유형 : https://dongjin6539.tistory.com/31 텍스트 유형 : https://dongjin6539.tistory.com/35 이미지/텍스트 유형 : https://dongjin6539.tistory.com/39 슬라이드 유형 : https://dongjin6539.tistory.com/40 헤더 유형 : https://dongjin6539.tistory.com/44 푸터 유형 : https://dongjin6539.tistory.com/49 지난 번에 이어 또다른 페이지를 만들어보았습니다. 지난 번과 같은 방식으로 시작해보겠습니다. 코드 보기 / 완성화면 코드 블럭.. 2023. 4. 1. 사이트 만들기(미디어 쿼리) 사이트 만들기(미디어 쿼리) 이미지 유형 : https://dongjin6539.tistory.com/28 카드 유형 : https://dongjin6539.tistory.com/31 텍스트 유형 : https://dongjin6539.tistory.com/35 이미지/텍스트 유형 : https://dongjin6539.tistory.com/39 슬라이드 유형 : https://dongjin6539.tistory.com/40 헤더 유형 : https://dongjin6539.tistory.com/44 푸터 유형 : https://dongjin6539.tistory.com/49 각 유형의 HTML코드와 CSS의 코드를 가져와서 한페이지에 만들었습니다. 코드 블럭(HTML) CSS코드(font.css / r.. 2023. 3. 28. 푸터 유형 페이지 만들어보기!! 푸터 유형 페이지 만들어보기!! 이미지 유형 : https://dongjin6539.tistory.com/28 카드 유형 : https://dongjin6539.tistory.com/31 텍스트 유형 : https://dongjin6539.tistory.com/35 이미지/텍스트 유형 : https://dongjin6539.tistory.com/39 슬라이드 유형 : https://dongjin6539.tistory.com/40 헤더 유형 : https://dongjin6539.tistory.com/44 지난 번에 이어 또다른 페이지를 만들어보았습니다. 지난 번과 같은 방식으로 시작해보겠습니다. 코드 보기 / 완성화면 코드 블럭 운동 사이트 운동 사이트 소개하기 운동을 하는 이유 운동 시 주의할 점 운동.. 2023. 3. 22. 헤더 유형 페이지 만들어보기!! 헤더 유형 페이지 만들어보기!! 이미지 유형 : https://dongjin6539.tistory.com/28 카드 유형 : https://dongjin6539.tistory.com/31 텍스트 유형 : https://dongjin6539.tistory.com/35 이미지/텍스트 유형 : https://dongjin6539.tistory.com/39 슬라이드 유형 : https://dongjin6539.tistory.com/40 푸터 유형 : https://dongjin6539.tistory.com/49 지난 번에 이어 또다른 페이지를 만들어보았습니다. 지난 번과 같은 방식으로 시작해보겠습니다. 코드 보기 / 완성화면 코드 블럭 Need of Exercise 이유 종류 필수품 주의할 점 영상 커뮤니티 로.. 2023. 3. 19. 슬라이드 유형 페이지 만들어보기!! 슬라이드 유형 페이지 만들어보기!! 이미지 유형 : https://dongjin6539.tistory.com/28 카드 유형 : https://dongjin6539.tistory.com/31 텍스트 유형 : https://dongjin6539.tistory.com/35 이미지/텍스트 유형 : https://dongjin6539.tistory.com/39 헤더 유형 : https://dongjin6539.tistory.com/44 푸터 유형 : https://dongjin6539.tistory.com/49 지난 번에 이어 또다른 페이지를 만들어보았습니다. 지난 번과 같은 방식으로 시작해보겠습니다. 코드 보기 / 완성화면 코드 블럭 메인 슬라이드 영역 event 운동에 대한 모든 것 운동 소개, 운동하는 이.. 2023. 3. 15. 이전 1 2 3 다음 반응형