[Day 51] 웹페이지 제작 / Github 페이지

📍목차
1. 폰트 적용
2. GPT로 웹페이지 html 제작

---

1. 폰트 적용

Google Fonts의 폰트를 활용하여 Html파일에 폰트 적용해보기

Get embed code로 들어가서 import 코드를 가져온다.

 

html파일 style 적용 방법

 

---

2. GPT로 웹페이지 제작

📌 아임웹에서 원하는 디자인의 웹페이지를 전체 캡쳐

 

---

 

 

📌 GPT에 이미지와 함께 '이 페이지의 html/css파일 만들어줘' 프롬프트 입력

 

---

 

📌 visual studio에서 코드 수정

• 이미지
• 텍스트
• 폰트 

 

---

 

📌 Github 페이지

깃허브에 파일들을 업로드하고, 링크 확인

 

 

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

 

---

 

▼ Github page

https://honyonii.github.io/design/

포트폴리오

---

▼ 혼자 하나 더 만들어본 것

페이지 전환되는 걸 만들어보고 싶어서 해봤다.

전환될 페이지까지 html파일 두개와, css파일, 이미지 파일이 필요하다.

 

세가지 파일을 두고 보니, 홈화면? UI가 제일 간단해서 그런가 코드도 제일 짧다

결과물

 

 

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

 

---

💬 수업은 오늘이 마지막이었다.
짧지만 알차게 html / Css 를 배워서 나름 코드도 이제 낯설지 않고, 어떤 태그가 어떤 기능인지 파악 가능할 정도가 되었다. 
웹페이지를 만들어보면서 정말 CSS를 왜 따로 만들어서 html에 연결하는지 너무 실감...
(너무 길다... html에 한번에 있으면 가독성이... 어후..)

학교에서 과제하던 것과 비슷하게 코드 보는거라 그런지 html도 나름 익숙하고 재밌게 배웠던 것 같다!!

다음엔 더 깔끔하고 예쁜 레퍼런스 가지고 만들어봐야징....