전체 글 (52) 썸네일형 리스트형 Formtag 폼 태그 필수속성, Input type 정리(1) Formtag(폼태그) & input tag(인풋태그) Formtag 폼 태그 아이디, 패스워드, 전화번호, 이메일, 회원가입 양식 등 웹사이트로 정보를 보낼 수 있는 모든 요소(element)를 폼(양식)이라 합니다. 폼태그는 로그인 화면이나 회원가입 화면에서 쉽게 볼 수 있는 '입력할 수 있는 틀'을 만드는데 사용되는 태그입니다. 텍스트 필드에 글자를 입력하거나, 체크박스나 라디오 버튼을 클릭하고 제출 버튼을 누르면 백엔드 서버에 양식이 전달되어 정보를 처리하게 됩니다. type 속성을 통해 양식의 종류를 나타내며, name으로 데이터의 이름, value를 통해 기본 값을 지정합니다. Input tag 인풋 태그 사용자에게 입력을 받을 수 있는 필드를 만들 수 있는 태그로, 폼태그 중 가장 사용빈도수.. [웹디자인 포트폴리오] PANDORA Website renewal project > 3. 판도라 웹사이트 반응형으로 시안 만들기 - 그리드 사이 PC 기준으로 웹페이지 전체 사이즈와 그리드 - 1920px에 1200px pc화면을 기준으로 디자인할 경우에는 화면의 전체 사이즈를 1920px로 잡고 가운데를 기준으로 1200px로 설정해서 칼럼과 거터를 정하는게 가장 일반적이다. 계산하기 귀찮을 때에는 칼럼 70px에 거터 30px로 정한 후 양 끝 거터를 15px로 맞추는 형식으로 진행하지만 원하는 UI 디자인의 정확한 사이즈가 있다면 https://1200px.com/ 에서 직접 입력하면 쉽게 칼럼과 거터의 px사이즈를 알 수 있다. 1200px Grid System Why 1200? All modern monitors (mostly wide-screen) support at least 1280 x 1024 pixel resolution. In.. [웹디자인 포트폴리오] PANDORA Website renewal project > 1. 판도라 상세 제품/브랜드 스토리 페이지 내맘대로 디자인 해외취업을 위한 영문 웹페이지 시안 디자인하기 일본 SE나 웹디자이너 직무에 지원하고 싶어 서브페이지부터는 영문으로 시안을 만들었다. 마침 디즈니랑 콜라보를 하고 있어서 특색 있는 컬렉션 페이지를 디자인했다. 제품 자체도 크기를 너무 작게 올렸는데 비해 일본이나 영국 판도라 사이트를 보니 이미지컷을 확대해서 업로드하여 디테일을 더욱 상세히 볼 수 있는 장점이 있었다. 베너와 콜라보 이미지를 만들기 위해 공을 많이 들였는데 기대 이상으로 잘 뽑힌 것 같다. 2-3년 전부터 디즈니나 워너브라더스 등과 콜라보레이션을 진행하는 브랜드가 부쩍 증가하였지만 그에 비해 주얼리 디자인은 어떤 브랜드와 콜라보했는지 잘 나타나지 않는 마케팅의 미흡한 점을 보충하기 위해 오리지널 이미지를 사용하였으며, 엄청난 포부를 가지고.. [웹디자인 포트폴리오] PANDORA Website renewal project > 1. 판도라 메인페이지 내맘대로 디자인하기 2020년 여름 SUMMER COLLECTION이 나온 시점을 기준으로 한 판도라 공식 홈페이지 레이아웃 및 디자인 이번 여름 웹디자인-웹퍼블리싱 국비지원 교육 중에서 브랜드 웹사이트를 리뉴얼 하는 프로젝트가 있었다 평소에 워낙 주얼리를 좋아해서 주얼리 웹페이지들을 찾다가 의외로 별로였던 판도라 공홈을 리뉴얼 하기로! 기존의 판도라 시그니처 컬러라고해도 과언이 아닌 핑크색 컬러가 많이 빠져있어 밋밋한 느낌이 들고 한국적인 웹디자인과는 조금 거리가 있어보인다 그래서 웹페이지 리뉴얼 프로젝트로 선택하게 된 판도라! 디자인 가이드로는 무난한 모노톤과 시그니처 컬러인 핑크색을 위주로 메인컬러와 메인보드 이미지를 선택했다 평범한 웹디자인 포트폴리오라면 메인페이지 - 서브페이지 - 브랜드 스토리 페이지 제작 후 목.. 이전 1 ··· 4 5 6 7 다음
