계란 블로그

1. 웹 문서에 디자인 삽입하기 Def) 스타일(style): HTML 문서에서 자주 사용하는 글꼴이나 색상, 정렬, 각 요소의 배치 방법 등 결정짓는 것. - HTML로는 문서의 내용을 나열하고 CSS로는 웹 문서의 디자인을 구성한다. - HTML태그만을 이용하는 것보다 CSS 스타일을 적용해서 꾸미면 보기 좋게 만들 수 있다. - 다양한 기기에 맞게 탄력적으로 바뀌는 문서를 만들 수 있다. Def) 반응형 웹 디자인: 사용자가 PC로 접속하든 모바일로 접속하든 웹 브라우저의 크기에 따라 - 화면의 레이아웃을 바꿔주는 것을 말한다. - 2개의 웹 문서를 따로 만들지 않고 하나의 웹 문서에서 작동하도록 만드는 것이다. 2. 스타일과 스타일 시트 - 기본형: 선택자 {속성1: 속성값1; 속성2 : 속성값2..

1. HTML(Hyper Text Markup Language)이란? Def) HTML: 다양한 인터넷 정보를 웹 브라우저에 보여줄 때 사용하는 언어, 웹 문서를 만들 때 쓰이는 언어이다. - Hyper Text: 문서를 서로 연결해주는 링크를 말한다. - 엑셀이나 워드오 다르게 웹 문서를 내용을 작성하는 프로그램과 그 내용을 확인하는 프로그램이 다르다. 2. HTMP 구조 파악 프런트엔드 웹 개발 HTML CSS 자바스크립트 Note) - 웹 문서는 보통 으로 시작하여 , : 웹 브라우저가 웹 문서를 해석하는데 필요한 정보를 입력한다. 1) : 문자세트를 비롯해 문서 정보가 들어 있다. 예를 들어 화면에 글자를 표시할 때 어떤 인코딩을 사용할지 지정한다. 웹서버는 영어가 기본이므로 한글로 된 내용을 표..

1. 웹 브라우저와 웹 편집기 Def) 웹 브라우저: 웹 사이트를 방문할 때 사용하거나 웹 개발자가 웹 편집기로 작성한 문서를 화면에 나타내는 프로그램을 말한다. - 크롬, 엣지, 파이어 폭스 Def) 웹 편집기(Web Editor): 웹 문서를 만들 HTMP 태그를 비롯하여 CSS나 자바스크립트 소스를 입력하는 프로그램 - 메고장이나 전문 편집기처럼 텍스트를 입력할 수 있는 프로그램이면 모두 편집기로 사용가능하다. - 윈도우 용 웹 편집기: Notepad+++, 에디트 플러스 - macOS용 편집기: Textmate, Coda - visual studio는 모두 사용가능하다. - 웹 기반 편집기: Codepen, JSFiddle, .... 2. 웹 개발 환경 설정하기 - visual studio 다운로..