본문 바로가기

HTML & CSS21

카카오 뱅크 상단메뉴 구현 HTML 하나의 .top-bar안에 .logo와 .menu-box-1 .go-submit-document를 넣어준다. .logo에 이미지 주소를 넣어주고 .go-submit-document와 .menu-box-1에는 각각의 메뉴아이템을 넣어준다. .con으로 감싸주는 이유는 넓이를 같게 놓아주기 위함이고 .row는 .cell에 float을 넣어주어 .row라는 부모함수를 만들어 줘야하기 때문이다. .cell는 왼쪽정렬, .cell-right는 오른쪽 정렬이다. CSS 1. body, ul, li, a 노말라이징과 폰트를 적용시켜준다. 2. 라이브러리로 이 페이지의 모든 것을 정리해준다. 3. 총 넓이를 지정해준다. 4. 로고의 위치와 메뉴아이템의 마지막을 뺀 나머지의 위치를 지정해준다. 5. 메뉴아이템의.. 2020. 5. 14.
와이어 프렘 스토리보드 / HTTP 와이어 프레임과 스토리보드란? 와이어 프레임 (wireframe) - 설계도- 웹, 앱 플로젝트를 진행할때 필요한 설계도 - 디자인 들어가기전 선(Wire)을 이용해 윤곽(Frame)을 잡는 것/ 정리하여 한눈에 표현해주는 툴 - 의사소통을 위해 관계자들과 레이아웃을 협의 하거나 서비스의 간략한 흐름을 공유 하기 위해 사용하며 UL,UX 설계에 집중되어있다. - 툴 : 손그림 , 파워포인트, 키노트, 스테치 , 일러스트, 포토샵 등 스토리보드(storyboard) - 개발의 설계도-구조도/ 작업의 지침서 - 구성의 전체적인 흐름과 더불어 텍스트와 모든 구성들이 어떻게 조합되어 보여지게 될것인지의 세부적이고 구체적인 사항들이 모두 담기게 됩니다. - 스토리보드는 정확하고 상세하여야 하며, 제대로 된 스토리.. 2020. 5. 14.
웹과 인터넷의 차이 웹은 인터넷과 같은의미로 사용되지만 실은 다른개념이다. - 인터넷(Internet): 컴퓨터로 연결하여 TCI/IP라는 통신프로토콜을 이용해 정보를 주고받는 컴퓨터 네트워크 - 월드 와이드 웹(World Wide Web): 인터넷에 연결된 컴퓨터들을 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보공간. 간단히 줄여서 웹(Web)이라 한다. 웹은 클라이언트가 웹사이트의 주소와 페이지를 요청했을때 웹페이지의 URL 을 기반으로 연관서비스를 제공하는 서버를 찾고, 서버는 요청에 따른 따른 웹페이지의 HTML을 응답하면서 HTTP를 토대로 전송해준다. 결국 웹은 전자메일이나 파일전송과 같은 인터넷상에 동작하는 하나의 서비스일 뿐인것이다. 인터넷과 웹의 관계 2020. 5. 14.
웹 브라우저와 웹 서버 * 웹 브라우저란 사용자의 컴퓨터가 인터넷에 접속되어 웹 서버로부터 가져온 여러 가지 정보를 볼 수 있도록 도와주는 소프트웨어. 웹페이지를 가져올 뿐만 아니라 웹 서버에 정보를 송신하기도 함. (대부분의 웹 서버가 사용하는 HTTP로 통신한다.) - 웹 페이지의 파일포맷은 보통 HTML이 쓰이며 대부분의 브라우저는 HTML 외에도 JPEG, PNG, GIF 이미지 포맷들을 지원하며, 그밖에도 플러그인을 통해 확장할 수 있다. - 웹 브라우저의 기능 > 주 역할 : 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시하는것. > 검색 기능 - 페이지 보기/이동, 편집 등이 가능함 > 전자우편 기능 - 전자우편 작성, 송/수신 , 우편함 관리 또는 설정 가능 > 뉴스 기능 - 뉴스서버로부터 전송 받은 기사.. 2020. 5. 14.

티스토리툴바