Web 네트워크 : 원격으로 떨어져 있는 두 대상 간의 데이터 교화 여러 사람이 동일한 콘텐츠를 언제/어디서든 제공 받을 수 있는 네트워크 서비스 개발 = 네트워크 기술력 = server/client = 1:N URL(내가 원하는 콘텐츠를 가진 페이지가 있는 위치정보를 표현한 규격) 자바는 어플맄이션을 개발하려고 만든 언어라서, C,C++에 복잡한 걸 다 제거하고 나온 Language 좀 더 가독이 좋은 언어를 위해서 나온게 파이썬(하나 배운걸 여러군데 써 먹으려고) 웹 서비스 순서 w3c.org 1. STEP1 : 페이지 표현 기술 클라이언트 기술: HTML ,CSS , JS 단순 텍스트만 담으면 재미가 없으니까 명령어에 디자인, 스타일이 포함되지 않는다. 그래서 디자인 하려고 만든게 HTML 스타일을..
HTML 계층구조 파악 전체를 animation_canvas로 묶고 있고, 이미지를 담당하는 slider_panel, text를 담당하는 slider_text_panel, 버튼을 담당하는 control_panel로 나뉘어져 있다. 슬라이딩 적용 방식 전체 이미지를 연결하여 width = 3000 ,height = 400으로 한 이미지 처럼 만든다. 출력창(animation_canvas)을 width = 600 , height = 400으로 설정하여 보이는 부분을 만든다. 1번의 이미지를 이동시켜 2번의 출력창에 보이게 하기 위해 600px단위로 묶어서 이동하도록 만든다. button 적용 방식 아래 사진처럼 클릭할 때 마다 적용되도록 보이게 하기 위해서 버튼 이미지 5개를 세로로 새워서 한칸씩 만 사용한..
입력 양식 작성하기 폼 삽입하기 웹에서의 폼 form = HTML의 component component = 사용자와의 상호 작용을 용이하게 하기 위한 GUI 기반의 구성요소를 말함. 사용자가 웹 사이트로 정보를 보낼 수 있는 모든 요소들을 폼이라고 함. 폼과 관련된 대부분의 작업들은 정보를 저장하거나 검색하거나 수정하는 일들 이런 작업은 모두 데이터베이스르 기반으로 한다. 아이디를 입력하는 텍스트 필드나 버튼 같은 폼의 형태를 만드는 것은 HTML 태그 폼에 입력한 사용자 정보를 처리하는 것은 ASP나 PHP 같은 서버 프로그래밍을 이용 form 태그 폼을 만드는 기본 태그 제출 버튼을 만들어 제출을 누를 경우 action에 지정된 다른 페이지로 넘어갈 수 있도록 할 수 있다. 여러 폼 요소 form 태..
레이아웃을 구성하는 CSS 박스 모델 블록 레벨 요소 요소를 삽입했을 때 혼자 한 줄을 차지하는 요소 요소의 너비가 100%이다. 예) , 등 시간이란 내일 죽을 것처럼 오늘 을 살고 영원히 살 것처럼 내일을 꿈꾸어라.
웹 문서에 디자인 입히기 스타일 : HTML 문서에서 자주 사용하는 글꼴이나 색상, 정렬, 각 요소들의 배치 방법 등 문서의 겉모습을 결정짓는 내용들 왜 스타일을 사용하는가? HTML로는 웹 사이트 내용을 나열하고 CSS로는 웹 문서의 디자인을 구성함 스타일을 사용하면 웹 문서의 내용과 상관없이 디자인만 바꿀 수 있다. 다양한 기기에 맞게 탄력적으로 바뀌는 문서를 만들 수 있다 (반응형 웹 디자인) 스타일 형식 선택자 { 속성 1 : 속성값 1 ; 속성 2 : 속성값 2} 스타일 시트 스타일을 관리하기 쉽도록 한 군데 모아놓은 것 1. 브라우저 기본 스타일 브라우저에서 기본으로 적용하는 스타일 웹 문서에서 아무 스타일도 적용하지 않고 HTML만 사용해도 그 기능에 따라 크기에 맞게 보여줌 2. 인라인 스..
텍스트를 묶어주는 태그 : 제목 표기 : 텍스트 단락 입력한 내용 앞뒤로 빈 줄이 생기면서 텍스트 단락이 만들어짐 : 줄 바꾸기 줄을 바꿀 위치에 태그를 사용(닫는 태그가 없음) 태그 - 주제가 바뀔 때 분위기 전환용, 수평 줄 생김 : 다른 텍스트보다 안으로 들여 써짐. : 소스에 표시한 공백이 그대로 표시됨 , 프로그램 소스를 표시할 때 유용함. 텍스트를 한 줄로 표시하는 태그 , : 굵게 표시 : 인용 내용 표시 (인용 내용 앞뒤에 따옴표 추가됨) : 형광펜 효과 : 줄 안에서 인라인 묶기 줄 바꿔 블록 단락으로 묶기 목록 만들기 , : 순서가 있는 목록 각 항목 앞에 숫자가 붙여짐 , : 순서가 없는 목록 표 만들기 : 표 제목 위쪽 중앙에 표시 , , 태그로 사용한다. , : 원하는 열끼리 스타..
HTML : Hyper Text Mark up Language : 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어 HTML 문서의 기본 구조 또는 웹 브라우저에게 ‘이제부터 처리할 문서는 HTML 문서라고 알려주는 것 웹 문서 시작을 알리는 태그 실제 문서 정보와 내용이 시작되고 끝나는 것을 표시하는 태그 lang 속성을 사용해 문서에서 사용할 언어 지정 문서 정보를 지정하는 부분과 문서 내용을 입력하는 부분 포함 : 브라우저에게 정보를 줌 문서 관련 정보 입력, 웹 브라우저 화면에는 보이지 않음. 문서에서 사용할 외부 파일 링크 : 문자 세트 등 문서 정보가 들어 있음(UTF-8등 지정 가능) : 문서 제목을 나타냄 : 웹 브라우저에 내용을 표시 실제 브라우저에 표시될 내용 입력 대부분의 태그가 ..
웹서비스란 네트워크 : 원격으로 떨어져 있는 두 대상 간의 데이터 교환 여러 사람이 동일한 콘텐츠를 언제/어디서든 제공받을 수 있는 네트워크 서비스 개발 = 네트워크 기술력 = server/client = 1:N URL(내가 원하는 콘텐츠를 가진 페이지가 있는 위치정보를 표현한 규격) 자바는 애플리케이션을 개발하려고 만든 언어라서, C, C++에 복잡한 걸 다 제거하고 나온 언어이다. 좀 더 가독이 좋은 언어를 위해서 나온 게 파이썬(하나 배운 걸 여러 군데 써먹으려고) 웹 개발이란 웹 개발은 웹 브라우저 화면에 보이는 겉모습을 만드는 것이 전부가 아니라 웹 사이트에서 사용자에게 제공할 기능과 서비스까지 모두 담는 영역이다. 서버 VS 클라이언트 클라이언트 : 사용자가 웹 사이트에 접근할 때 사용하는 기..
