코딩야학9 [6일차] CSS 실습 1. CSS 실습 (https://opentutorials.org/course/1688/9351) 1.1 실습1 1.2 실습2 - .css 확장자를 이용해 CSS 파일을 생성 할 수 있음. - HTML head태그 하위의 style tag에서 작성하는 방법으로 css 파일을 채우면 된다. - : 작성한 CSS파일 내용을 현재 HTML에 적용. - link 태그를 이용한 CSS적용은 유지보수의 편의성과 함께, 인터넷 자원을 아낄 수 있다던가, 페이지 오픈 속도를 향상 시킬 수 있는 등. 장점이 있다. * 크롬 Stylebot이라는 확장프로그램을 이용하여 현재 웹페이지의 CSS값을 조정하여 내 입맛에 맞게 컨트롤 할 수 있다. (변경사항이 저장됨.) * JSFilddle.net : html 및 css를 작성.. 2017. 6. 11. [5일차] CSS 이론 및 실습 1. CSS 이론 (https://opentutorials.org/course/1688/9350) 1.1 CSS의 기본문법 & 1.2 선택자 심화 학습 - CSS (Cascading Style Sheet) - HTML 언어를 디자인하기 위해 고안된 언어이므로 항상 HTML과 함께함. - HTML 정보에 집중하게 하기 위해 시각적인 기능을 가진 내용이 CSS로 만들어짐(디자인에 집중). - head태그 내부에 작성. 선택자1, 선택자2(tag나, #id 등...) {서술1; 서술2 (어떤 효과를 줄지에 대한 정보)} -> h1 {color:red; font-size:10px} : h1 tag의 내용이 빨간색으로 표시됨. {} 내부에서 줄바꿈을 해서 여러줄로 서술해도 적용된다. header h1 : head.. 2017. 6. 10. [3일차] ~HTML 실습 1. HTML 실습 (https://opentutorials.org/course/1688/9345) 1.1 모델링을 HTML로 만들기 1.2 의미론적 웹 (Semantic Web) - : 네비게이션 tag로서 특별한 기능이 없음. - : 웹 페이지의 헤더(간판)를 묶어주는 태그. 특별한 기능이 없음. - : 내용을 묶어주는 태그. 특별한 기능이 없음. => HTML은 의미론적으로 만들기 위해 발전해 왔음. 위의 태그를 사용함으로서 해당 태그의 속해있는 내용이 어떠한 역할을 하는지 컴퓨터도 인식 할 수 있는 역할을 하는것이 위의 태그들임. 1.3 사이트 완성 * 쉬어가기 웹 브라우저 VS 웹서버 (Client Side Tech) (Server Side Tech) HTML PHP CSS DB JavaScri.. 2017. 6. 9. [2일차]~HTML 이론 1. 서버 제어 (https://opentutorials.org/course/1688/9410) Bitnami 매니저 프로그램을 통해 Apache, DB를 실행시켜야함. Log를 확인 할 수 있음. 2. 프로그래밍 언어 (https://opentutorials.org/course/1688/9339) 프로그래밍을 해보았기 때문에, Skip 3. HTML 이론 (https://opentutorials.org/course/1688/9340) 3.1 HTML의 기본 문법 HTML : Hypertext (= Link) => 링크는 HTML의 본질. 웹의 본질. Markup Language => tag를 이용하여 문서나 데이터의 구조를 명기하는 언어 3.2 HTML 문법 - 속성 여러가지 tag가 존재하며 각각의 .. 2017. 6. 8. 이전 1 2 3 다음
