손으로 그린 스케치를 HTML 템플릿으로 변경하는 온라인 사이트
안녕하세요.
고코더 입니다.
● 1. 현업에서는 HTML 모양을 손으로 그리는 경우가 많습니다. 원하는 모습에 템플릿을 코딩 전에 손으로 직접 그려보면서 컨펌하는 경우인데요.
이런 손그림을 도형으로 변경하는 사이트를 소개합니다. MS에서 운영하는 사이트 입니다.
● 2. 접속시에 샘플 파일을 제공해주는데요. 그림판으로 제가 직접 그린 이미지를 업로드해서 사용해보겠습니다.
● 3. 제가 그린 이미지는 이런 모양입니다. 인식을 좀 더 쉽게 해주기 위해 그림판으로 그렸습니다. 인풋 박스 3개에 버튼 한개 입니다.
● 4. 제가 만든 이미지가 HTML로 변경 되었습니다. 텍스트 입력 상자 하나를 까먹었나보네요. HTML을 만들어준다는 의미보다 기본적인 틀을 확인해준다는 의미가 깊은거 같습니다.
● 5. 생성된 HTML은 부트스트랩을 이용해서 간단하고 심플하게 생성되었습니다.
마무리
손으로 그렸을 경우 완벽하게 사용 가능한 HTML을 만들어주는 그런 사이트는 아닙니다.
'IT_활용 > 사이트활용' 카테고리의 다른 글
| 유튜브 영상 다운로드 - URL 변경으로 쉽고 간단한 방법 / youtu10.com (0) | 2020.01.18 |
|---|---|
| 사이트 - 연도별 건설사 순위를 알 수 있는 홈페이지 (0) | 2020.01.09 |
| SBS 온에어 - PIP 모드로 다른 작업하면서 OnAir 영상 보기 (0) | 2019.11.16 |
| SBS 사이트 - 라이브 채팅 닉네임 변경하기 (0) | 2019.11.16 |
| 네이버 지도 - 미세먼지 현황 지역별로 자세히 보기 (0) | 2019.11.16 |
댓글