http://ohgyun.com/572
문서를 연결하는 a 태그 (href / title / target 속성) : 문서를 링크시키기 위해 사용하는 태그태그- anchor '정박지' 또는 '닻'의 약자- 태그는 혼자만 사용하지 않고 아래와 같은 속성과 함께 사용된다.href 속성 : hypertext reference의 약자로, 연결할 주소를 지정하는 속성 절대 url(Uniform Resource Locator의 약자로 '웹페이지 주소'라는 뜻)푸른하늘댁 은하수상대 urldd(주로 같은 문서 안에서 링크를 만들 때)index.html 페이지로 이동index.html 페이지로 이동 : ../는 상위 레벨의 폴더를 말함index.html 페이지로 이동 : home 폴더 안에 있는 index.html 문서다른 형식의 urlftp://mailto:..
http://paletton.com/#uid=73+0u0kdNuQ4IQf94ERiIpQn4l6 https://color.adobe.com/ko/create/color-wheel/ https://dribbble.com/colors/66eece https://www.pinterest.co.kr/manekibeader/inspirational-colour-palettes/?lp=true https://www.webdesignrankings.com/resources/lolcolors/ https://colorhunt.co/ Warm톤과 Cold톤으로 일정하게 가는 게 좋다.통일성을 위해 이미지와 텍스트가 쿨톤이면 배경도 쿨톤으로 가는 것이 좋다.위는 무료 사이트로 톤에 맞는 색상조합을 쉽게 찾..
* 강의 듣고 따라해보기https://www.youtube.com/watch?v=Br95hhB8xgE&list=PL4UVBBIc6giLZFjhh-UXovCCVlP57YnzA구조별 정리 -> 반응형 한단계씩 만들기 * 각 구역별 상세 특징http://webshwang.com/html/index.html section은 콘텐츠와 관련된 한가지 주제영역, 제목을 제공해야 함. * outlinergoogle에서 outliner 검색 > https://gsnedders.html5.org/outliner/ > file 넣거나 url(http://함께) 입력 > 네이버 보다는 다음이 잘 되어 있음. * html5 ready : 기본 html5페이지를 만들기 위한 준비 사항입니다.http://richclub99.dot..
Material Design https://material.io/design/구글 가이드로 기본적인 가이드라인 제공 지침서이다.① 기본틀 많이 따라해보기② 유명 회사들이 얼마나 잘 지키고 있는 지 비교해보기 Material Design 폰트 가이드라인에 대해 설명하고 있는 유튜브이다.https://www.youtube.com/watch?v=a-K1Uu13Uk8 아래는 Ma dia님 유튜브 방송 보며 정리한 내용.아래 폰트는 Noto Sans kr을 사용했다.익숙한 폰트로 일정하게 사용하는 것이 좋고, 한 디자인 당 폰트는 2가지를 넘지않는 것이 좋다.초보자가 알아야 할 디자인팁 5가지초보자가 알아야 할 디자인팁 5가지 유튜브 영상이다.이 곳에 나오는 폰트 팁도 좋은 것 같다.https://www.yout..
웹포스터 디자인출처 : https://blog.naver.com/skdyds/220977948564출처 : https://blog.naver.com/skdyds/220982311203출처 : https://blog.naver.com/skdyds/220990697274출처 : https://blog.naver.com/skdyds/220979771846출처 : https://blog.naver.com/skdyds/220955824443출처 : https://blog.naver.com/skdyds/220928211760출처 : https://blog.naver.com/skdyds/220928061774출처 : https://blog.naver.com/skdyds/220848058998출처 : https://b..
웹사이트 제작 제안서 작성 후 마무리 ppt 작성하기가 목표.제안서는 컨셉을 잘 잡는 것이 중요. 먼저 제안요청서, RFP (Request for Proposal)에는 기간, 돈, 요건 등이 필수적으로 들어가고,채점표와 제안서 목차등이 기술된다. 그렇게 제안요청서를 받으면제안된 일과 우리의 역량을 파악하고 제안서를작성하는 팀이 구성된다. 구성은 디렉터, 마더, 팀원 정도 이고,분야별로 기획, 디자인, 퍼블, 개발 의 의견이 필요하다.일단 오늘 우리가 했듯이 드래프트를 작성하게 된다.드래프트에는 목차별 내용과 담당자와 제안서 내의 분량이 정해지고,디자인 팀에 시안 SB를 보내고 나서1차 작성 - 2차 작성 - 취합/요약본 - PT 준비 순으로 진행된다. 보통 일주일의 여유가 주어지고 작업은 3일정도로 마무..
웹기획? UX/UI? 디자인 단계? 웹기획 : IA, 레이아웃, 컨텐츠와 제공할 서비스, 디자인의 → 논리적인 근거와 전략UX :UI :디자인 단계(1) 분석 : 요구사항에 대한 자료 정리, 사용자 분석, 벤치마킹, 레퍼런스 조사(2) 설계 : 와이어프레임, IA작성, 스토리보드, 프로토타이핑(3) 개발 : 포토샾과 일러스트로 소스 제작, 스케치 툴을 이용한 UI 디자인IA : IA란 사이트의 밑그림.이 사이트를 통해서 전달하고자 하는 정보들을 요구조건이나 상황에 맞게 배열하고 준비하는 것이다. 간단하게 생각하면 핵심 메뉴 정도라고 보면 될 것 같다.IA 선정시 주요 고려사항을 네가지 정도 보자면1. 직관성 - 사이트 성격이나 대상에 따라 다르게 네이밍을 해야한다.2. 동질성 - 하향식과 상향식 방법이 ..
주제 : 여행 -> 영화를 테마로 한 여행 -> 비포시리즈 속 장소로 떠나는 여행 메뉴는 비포선라이즈 비포선셋 비포미드나잇 3가지팀원 : 이현선 박지수 김나영 송지민컨셉 : 낭만적 감성적키워드 : 시간여행 흔적따라걷기주조색 : -----------------------------------------자료조사-----------------------------------------비포선라이즈 : 오스트리아 비엔나 /풋풋함 비엔나서역 -> 촐암트슈테그다리 -> ALT&NEW레코드 숍 -> 프라터 공원의 관람차 -> 카페 슈페를 -> 알베르티나 박물관의 2층 테라스 비포선셋 : 파리 /낭만 노트르담 대성당 -> 쿠르 드 레뚜왈 도르 -> 셰익스피어앤컴퍼니 -> 프롬 나드 플랑테 -> 르 퓨어카페비포미드나잇 :..