본문 바로가기

전체 글81

html이란? HTML이란 무엇입니까? HTML은 웹 페이지 작성을위한 표준 마크 업 언어입니다. HTML은 Hyper Text Markup Language의 약자 HTML은 웹 페이지의 구조를 설명합니다 HTML은 일련의 요소로 구성 HTML 요소는 브라우저에 내용을 표시하는 방법을 알려줍니다 HTML 요소는 태그로 표시됩니다 HTML 태그는 "제목", "단락", "표"등과 같은 콘텐츠를 레이블링합니다. 브라우저는 HTML 태그를 표시하지 않지만이를 사용하여 페이지의 컨텐츠를 렌더링합니다 간단한 HTML 문서 My First Heading My first paragraph. 선언은 HTML5가 될이 문서를 정의 요소는 HTML 페이지의 루트 요소이고 로 시작해서 로 끝납니다. 요소는 문서에 대한 메타 정보를 포함 요.. 2020. 2. 7.
와이어프레임/프로토타입 제작에 유용한 라이브러리 Kakao Oven Web / Free 다음 카카오에서 제작한 웹 기반 프로토타이핑 툴로 기본으로 제공되는 디자인 요소들이 편리한 사용을 도와주며, 직관적인 인터페이스를 갖추고 있어 초보 기획자에게 유용한 툴이다. 페이지 혹은 요소마다 링크를 걸어 웹 테스트 화면을 만들 수 있으며 아이디어 단계나 초기 기획 회의 단계에서 간편하게 사용이 가능하다. 모든 기능은 무료로 사용이 가능하다. https://ovenapp.io/ OvenApp.io Oven(오븐)은 HTML5 기반의 무료 웹/앱 프로토타이핑 툴입니다. (카카오 제공) ovenapp.io Sketch Mac/Purchase Mac 기반의 와이어프레임, 프로토타이핑, 디자인 툴이다. 이미 많은 사용자가 사용하고 있는 주요 디자인 툴로 대부분의 웹/앱.. 2020. 2. 6.
구글 인터랙티브 디벨로퍼 김종민 https://blog.cmiscm.com/ Jongmin Kim Blog Interactive developer & designer Jongmin Kim's blog. blog.cmiscm.com DEVELOPER, DESIGNER, MAKER 개발자, 디자이너, 제작자 김종민은 국제적인 수상 경력에 빛나는 Interactive Developer & Designer로 현재 Google의 선임 UX 엔지니어로 일하면서 미래의 아이디어와 창의적인 작품을 개발하고 있습니다. 종민은 자신의 상업적인 업무보다는 개인의 업무로 더 잘 알려져 있으며, Form Follows Function 프로젝트는 HTML5가 얼마나 멀리 갈 수 있는지 강조하는“대화 형 경험”을 모으고 집중시키는 컬렉션입니다. 수상 경력에 빛나.. 2020. 2. 6.
FileZilla 설치하기 1. 파일질라 홈피 접속 https://filezilla-project.org/ FileZilla - The free FTP solution Overview Welcome to the homepage of FileZilla®, the free FTP solution. The FileZilla Client not only supports FTP, but also FTP over TLS (FTPS) and SFTP. It is open source software distributed free of charge under the terms of the GNU General Public Licens filezilla-project.org 2. Download FileZilla Client 다운로드 3. 일반 .. 2020. 2. 6.
닷홈 무료웹호스팅 가입하기 https://www.dothome.co.kr/web/free/index.php 닷홈 - 호스팅은 닷홈 닷홈은 무제한 웹호스팅, 무료호스팅, 도메인, 홈페이지빌더, 무제한메일, SSL보안인증서, 서버호스팅, 코로케이션 서비스를 제공하고 있습니다. www.dothome.co.kr 아래 주소에서 국내 최대 규모의 무료호스팅 배너를 눌러 호스팅을 신청하세요. 2020. 2. 6.
WDP 커리큘럼 교과목명 능력단위명 능력단위요소 훈련일정 평가일 평가방법 프로토타입 기초데이터 수집 및 스케치 프로토타입 게초데이터 수집 및 스케치 기초데이터 수집하기 레퍼런스 조사.분석하기, 아이디어 스케치하기 포트폴리오 프로토타입 제작 및 사용성 테스트 프로토타입 제작 및 사용성 테스트 프로토타입 제작하기 사용성 테스트하기 테스트 수정사항 반영하기 포트폴리오 디자인 구성요소 설계 디자인 구성요소 설계 스토리보드 설계하기 심미성 구성요소 설계하기 사용성 구성요소 설계하기 매체성 구성요소 설계하기 포트폴리오 수정 보완 수정 보완 심미적 디자인 요수 수정 보완하기 콘텐츠 사용성 수정 보완하기 매체 기능적 요소 수정 보완하기 포트폴리오 교과목명 단원 세부내용 훈련일정 평가일 평가방법 웹퍼블리싱기법 CSS3 글꼴/택스트/목록.. 2020. 2. 6.
2020년 웹디자인 기능사(큐넷), GTQ(KPC자격) 일정 웹디자인기능사(큐넷) http://www.q-net.or.kr/crf005.do?id=crf00503&gSite=Q&gId=&jmCd=7798&jmInfoDivCcd=B0&gbnn=gbnSubtab2 국가자격 종목별 상세정보 | Q-net www.q-net.or.kr GTQ (KPC자격) https://license.kpc.or.kr/nasec/qlfint/qlfint/selectGtqinfomg.do GTQ 그래픽기술자격 소개 잠시만 기다려 주세요 Loading... GTQ 그래픽기술자격 license.kpc.or.kr 2020. 2. 6.
웹디자인, 웹퍼블리싱 준비할 것들 1. 네이버카페 가입 https://cafe.naver.com/mocoding 인터랙티브웹 / 웹디자인기능사 / H... : 네이버 카페 웹과 모바일의 디자인과 코딩을 배우는 곳 cafe.naver.com 2. 프로그램 설치 디자인 편집 Adobe Photoshop https://www.adobe.com/kr/products/photoshop.html Adobe XD https://www.adobe.com/kr/products/xd.html sketch (MAC) https://www.sketch.com/ The digital design toolkit www.sketch.com 브라우저 https://www.google.com/intl/ko/chrome/ Chrome 웹브라우저 더욱 스마트해진 Goog.. 2020. 2. 6.
ATOM 설치 1. atom 설치하기 아래 링크에서 Download를 눌러 atom을 설치합니다. https://atom.io/ A hackable text editor for the 21st Century At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it. atom.io 2. atom 패키지 설치하기 emmet 약어를 이용하여 쉽고 빠르게 코딩할 수 있도록 도와줍니다. https://github.com/emmeti.. 2020. 1. 30.