반응형 조별2 HTML 페이지 디자인 만들기 HTML 페이지 디자인 만들기 조별 과제로 인한 사이트 페이지 디자인을 만들고 코드도 만들어봤습니다. 먼저 피그마 디자인 시안입니다. 서로의 너비를 임시로 만들어두고 틀을 미리 만들어두고 사진과 영상을 가져와서 시안을 만들어봤습니다. 이제 코드를 만든 페이지 하나를 예시로 보여드리겠습니다. HTML 코드 구성 헤더 영역 바로 가기 컨텐츠 영역 바로 가기 푸터 영역 바로 가기 헬드백 X 헬드백 소개 부위별 운동 커뮤니티 마이페이지 팔 운동 케이블 푸쉬다운 복부근을 강화하는 운동 중 하나입니다. 복부근 중에서도 상복부의 근력을 강화하는데 효과적인 운동입니다. 1. 케이블 머신에 바를 달고 적당한 무게를 설정합니다. 2. 바를 잡은 손은 어깨 너비 정도로 벌립니다. 3. 팔꿈치를 고정한 채 바를 내리며 상체를.. 2023. 5. 11. 코딩 공부하기 일과(1) 코딩 공부하기 일과(1) 오늘은 첫 오전 수업은 개인 수업시간 내용 정리 사이트 일부를 정리했습니다. 화면 : https://dongjin6539.github.io/web2023/ 두번째로 위의 사이트에 있는 SITE1 / SITE 유형 완성의 페이지를 완성시켰습니다. https://dongjin6539.github.io/web2023/site/site1/index.html 코드는 기존에 홈페이지 만들기에서 사용했던 코드와 CSS를 가져왔습니다. 헤더 유형 : https://dongjin6539.tistory.com/44 슬라이드 유형 : https://dongjin6539.tistory.com/40 이미지 유형 : https://dongjin6539.tistory.com/28 이미지/텍스트 유형 : h.. 2023. 5. 2. 이전 1 다음 반응형