본문 바로가기

분류 전체보기

 (148)
Do it 웹사이트 따라 만들기 - 도서소개 페이지 만들기 # 6-1. 콘텐츠 다루는 방법 많은 양의 정보를 담고 있는 콘텐츠는 한눈에 파악할 수 있도록 시각적으로 잘 정리되어 있어야 한다. 기술적으로 HTML 코드 또한 시맨틱한 태그로 잘 작성되어 있어야 한다. 퍼블리싱할 때 태그의 구조가 해당 정보별로 그룹화되어 있어야 한다. # 6-2. 도서 상세 내용 만들기 section id="menu2" 태그가 있는 곳으로 이동 후 section class="content_wrap" 태그의 콘텐츠 제목으로 태그를 작성한다. 제목은 실제 화면에 나타나지는 않도록 css로 font-size를 0으로 지정한다. 책상이미지를 background 속성으로 지정한다. .conbox는 공통으로 사용하느 클래스이므로 도서소개 페이지에만 이미지가 지정될 수 있도록 부모 태그에 상속시..
[JAVA] 기하: 직사각형과 삼각형 27323 직사각형 import java.io.BufferedReader; import java.io.InputStreamReader; import java.util.StringTokenizer; import java.io.IOException; //import java.io.BufferedWriter; //import java.io.OutputStreamWriter; public class Main { public static void main(String[] args) throws IOException { BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); int a = Integer.parseInt(br.readLine..
Do it 웹사이트 따라 만들기 - 회사소개 페이지 만들기 # 5-1. 사용자와 콘텐츠 좋은 웹 사이트와 콘텐츠란? 검색 엔진이 검색에 대한 답을 잘 찾을 수 있도록 웹 사이트를 만들어야 한다. 사용자가 흥미를 느낄 수 있도록 CSS로 디자인하고 JS로 동적인 내용을 전달하여 사용자가 오래 사이트에 머물 수 있도록 정보를 제공해야 한다. # 5-2. 회사소개 페이지 본문 채우기 section class = "content_wrap" 태그의 제목을 태그로 작성한다. 전체 내용의 제목이 되는 태그의 클래스를 pargrph_tit로 지정한다. css를 열어 .pargrph_tit 클래스에 margin-bottom의 속성값, 폰트 크기, 색상을 지정한다. 제목과 본문을 나누는 디자인 요소는 특별한 정보를 전달하지 않으므로 태그를 사용하지 않고 css의 가상요소인 aft..
[JAVA] 약수, 배수와 소수 5086 배수와 약수 import java.io.BufferedReader; import java.io.InputStreamReader; import java.util.StringTokenizer; import java.io.IOException; //import java.io.BufferedWriter; //import java.io.OutputStreamWriter; public class Main { public static void main(String[] args) throws IOException { BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); while (true){ StringTokenizer st = ..
Do it 웹사이트 따라 만들기 - 페이지 이동 효과 만들기 # 4-1. 동적인 웹 사이트를 위한 자바스크립트 자바스크립트와 제이쿼리 자바스크립트는 웹 페이지와의 상호작용을 가능하게 하는 프로그래밍 언어이다. 서버를 구현하고 읽고 쓰게 하거나(Node.js) 크롤링(JSDom)도 가능하다. jQuery는 자바스크립트를 이용한 라이브러리 중 하나로, 자바스크립트를 매우 간결하고 쉽게 사용할 수 있게 도와준다. # 4-2. 콘텐츠 영역의 이동 형태 살펴보기 class = menu# 영역을 클릭하면 그 메뉴를 기준으로 다른 메뉴들이 왼쪽 혹은 오른쪽으로 슬라이드 하도록 만든다. 이를 위해 현재 영역은 this, 왼쪽으로 이동된 영역은 prev, 오른쪽 영역은 next로 클래스 스타일을 지정한다. this의 left값은 0, prev는-100%, next는 100%로 설..
Do it 웹사이트 따라 만들기 - 전체 레이아웃 만들기 # 3-1 HTML과 레이아웃 시맨틱 마크업이란? 각 태그를 문서의 의미에 맞게 작성하는 것 HTML SECTIONING 태그를 이용해 구조적으로 HTML을 이해할 수 있다. : 하나의 콘텐츠. 즉, 제목으로 시작하는 콘텐츠. ~ 와 같이 제목 태크가 있어야 한다. 검색엔진이 제목 테그와 내용을 수집 가능하다. : 레이아웃을 나누는 용도로, 의미상 관계없는 내용으로 영역을 나눈다. # 3-2. HTML 구조화 레이아웃은 큰 구조로 볼 떄 헤더 영역, 각각의 콘텐츠 영역, 페이지의 푸터 영역으로 나뉜다. 실습에서 사용한 코드와 페이지 모습이다. 이지스퍼블리싱 회사소개 도서소개 FAQ Contact Us 회사소개 도서소개 FAQ Contact Us (04003)서울특별시 마포구 잔다리로 109 TEL (02..
[JAVA] 일반 수학 1단계 2745 진법 변환 진법 변환 방법 참고 [수학] 진법 변환 방법 정리 + 소수점 (2진수, 8진수, 10진수, 16진수) (tistory.com) [수학] 진법 변환 방법 정리 + 소수점 (2진수, 8진수, 10진수, 16진수) 진법이란? 진법이란 수를 표기하는 기수법의 하나로 몇 개의 기본 숫자를 이용하여 수를 표시하는 방법입니다. 자리값이 올라감에 따라서 수가 일정하게 커지는 규칙을 이용하고 수를 표시합니 coding-factory.tistory.com import java.io.BufferedReader; import java.io.InputStreamReader; import java.util.StringTokenizer; import java.io.IOException; //import jav..
Do it 웹사이트 따라 만들기 - 웹사이트 만들 준비하기, 개발 환경 준비하기 # 1-1. 우리가 알아야 할 HTML 기본 상식 HTML란? 웹에서 사용하는 문서를 만드는 언어. 브라우저를 통해 내용이 나타난다. 각 브라우저의 엔진이 HTML을 해석하고 CSS에 정의된 스타일로 화면에 배치한다. 엔진은 Webkit, Geckp. Blink로 분류된다. HTML로 만들어진 정보를 수진하여 저장하는 일을 크롤링이라 한다. 이러한 검색 엔진 최적화를 위해 콘텐츠의 구조와 의미까지 구분하여 HTML을 작성하는 것이 좋다. 태그는 검색 엔진을 최적화 하고 하나의 웹 사이트 정보를 담는 중요한 태그이다. 기본구조(자료실에서 제공) : HTML이 지켜야 할 표준을 알려주는 DTD. 모든 HTML 문서가 필요하다. : HTML의 시작을 알리며, 웹 문서 전체를 감싼다. : , 태그 그리고 CSS..

티스토리툴바