웹페이지 기획 2주차

2-1 만들기 를 했다.

​

2. 지금 댕냥이와 살고 있어요 의 첫 화면 만들기

1처럼 폰트를 설정해준다.

​

• 배경을 처음화면과 다른 이미지로 설정해주고 1처럼 margin, font-size 등을 설정해준다.
• 1과 달라진 점은 버튼을 없애고 class인 .ffont 를 추가해준 것이다. 집사이름. 반려동물이름, 반려동물의 생년월일을 쓰는 데 도움을 줄 class이다.

​

• 스타일을 마무리해주고 본문을 썼다. 일단 제목을 <h1>으로 적어주었다.
• 내가 하고 싶은 게 직접 이름과 생년월일을 입력받는 건데 아직 배우지 않아서 인터넷을 참고해 div와 label을 사용했다.
• 마지막 '완료했을 때~ ' 는 h5로 크기를 맞춰주었다.
• '생일'은 추후 '반려동물 생일' 로 바꿔주었고 다음 링크를 만들지 않아 마지막 a href 문에는 공부하면서 만든 1.html을 넣어 제대로 작동하는지 확인했다.

 

 

결과)

​