Youna

메인페이지 피그마 제작 헤더 부분에 로고와 로그인과 메뉴 페이지가 있는데 아이콘을 넣었는데 함께 저장이 안돼서 대략 이런 아이콘을 쓸 예정입니다. 카테고리 아이콘 로그인 아이콘 그리고 메인 부분에는 베너 이미지로 이미지 슬라이드 효과로 오른쪽으로 넘어가면서 여러장의 이미지와 함께 유통기한 확인하러 가는 버튼과 피부타입테스트를 할 수 있는 버튼이 있을 예정입니다. 또한 큰 섹션을 잡아서 그 안에 전체적인 광고 느낌으로 배경이 있으면 마우스 이펙트 효과처럼 전체 배경은 고정되어있고 마우스를 내리면서 하나씩 광고같이 보이는 효과를 주며 푸터에서는 로고와 함께 바로 갈 수 있는 페이지를 연결하고 이메일을 적어둘 예정입니다. https://vinne.co.kr/?gclid=Cj0KCQjwi46iBhDyARIsA..

PHP 사이트 만들기 php를 사용해서 사이트를 만들어 보도록 하겠습니다. html과 php를 사용해서 사이트를 만들어볼 예정입니다. 먼저 피그마로 전체적인 사이트의 툴을 만들어 주었습니다. 그 후 MAMP를 켜서 php에 접속해서 들어갈 수 있도록 합니다. vscode를 열어서 html폴더를 열어서 assets폴더를 만들어 준 후 그 안에 css,img,js폴더를 만들어 줍니다. 그 안에 join,joinEnd,login,main html를 만들어 줍니다. 그리고 css폴더 안에 commons.css,fonts.css,intro.css,join.css,layout.css,login.css, resets.css,style.css,vars.css를 만들 어 줍니다. CSS 폴더 commons : 전체적인 ..

페이지 제작하기 페이지 제작할 때 만들었던 슬라이드 영역, 이미지 영역, 이미지/텍스트 영역, 카드영역, 배너영역, 텍스트 영역, 푸터영역을 가지고 미디어 쿼리를 적용시켜서 페이지를 제작해 보았습니다. 완성된 사이트 만들기 전에 준비할 폴더 & 파일 site1 (합쳐줄 사이트) assets, ico, img, js 폴더 만들어 준 후 index파일 만들기 HTML head 만들어 주기 index파일을 열어서 전체적인 구조를 잡아줍니다. 메타 태그를 사용해서 첫번재 메타 태그는 문자와 인코딩을 정의하고 두번째 태그는 internet Explorer의호환성 모드를 방지합니다. 세번째 태그는 뷰포트의 너비와 초기 배율을 정의할 수 있습니다. 메타 태그를 사용해서 검색엔진에 노출 될 수 있는 SEO를 설정해 줍..

푸터 유형 페이지에서 푸터 유형은 맨 밑 하단에 위치해 있으며 정보 및 연락처가 나와 있거나 사이트 링크 섹션, 소셜미디어 섹션,구독섹션,저작권섹션,이전/다음페이지 링크 섹션,페이지 맨위로 링크등이 제공됩니다. pigma pigma 피그마를 사용하여 그리드를 이용해서 전체적인 틀을 잡아줍니다. HTML 푸터 Festival Ticket 티켓예매 티켓예약 티켓 유의사항 현장 발권 Festival News DJ 인터뷰 NEW MUSIC 메거진 DJ V LIVE Festival Music 음원 예약하기 음원 구매하기 음악 듣기 음원 및 저작권 Festival F.lab F.lab 소개 페스티벌 즐기는 법 F.lab 신청하기 F.lab 사람들 Festival world 페스티벌 종류 세계 음악 역사 페스티벌 역..