웹 검색 결과

해당 글 79건

CSS 본격 들어가기(1)

CSS에대해서 본격적으로 배워보도록 하겠습니다. 앞서 설명해드렸던 선택자는 HTML 요소를 선택하는 것이라고 말씀드렸어요~ JQuery에서도 많이 사용하니까 잘 알아두세요. 대표적으로 6가지를 알려드릴게요 타입 선택자 전체 선택자 클래스 선택자 아이디 선택자 속성 선택자 의사 선택자 이렇게 있습니다. 1. 타입 선택자 HTML 요소 이름을 사용합니다. 예를 들어서 h1{ color: green;} h1의 모든 요소를 선택하여 초록색으로 변경시킵니다. 2. 전체 선택자 페이지 안에 있는 모든 요소를 선택하여 속성을 변경시킵니다. * { color: green; } 3. 아이디 선택자 특정한 요소만 변경시키고 싶을 때 아이디 선택자를 사용합니다. 요소 id앞에 #을 붙이면 됩니다. #target { colo..
웹/HTML과 CSS 2018. 8. 13. 21:40

HTML 본격 들어가기(2)

HTML 두 번째 시간입니다. 멀티미디어와 입력에 대해서 배워보도록 하죠 !! HTML5부터는 태그를 추가 했답니다. 편리해졌죠. 오디오(음악)을 넣고 싶으다면 태그 형식으로 써주시면 됩니다. -src: 소스파일 -autoplay: 자동 재생 -controls: 화면에 제어기 보이기 -loop: 오디오 반복 재생 -volume: 재생 볼륨 설정(0.0~1.0) -preload: 오디오 미리 다운로드(의지와 상관없이) 위에서 src대신 태그를 사용해서 아래와 같이 표현해도 됩니다. 비디오를 넣고 싶으다면 오디오 태그와 같습니다. -src: 소스파일 -autoplay: 자동 재생 -controls: 화면에 제어기 보이기 -loop: 비디오 반복 재생 -volume: 재생 볼륨 설정(0.0~1.0) -prel..
웹/HTML과 CSS 2018. 8. 11. 15:31

HTML 본격 들어가기(1)

HTML의 기본 요소 1.문서의 헤드 2.문서에 그림 3. 문서의 리스트(목차) 4. 테이블 5. 링크 (순서는 무관) 문서에 글을 나타내기 위해서는 ...태그 안에 표시하면 됩니다. 단락(paragraph)을 나타내기 위해서는 태그안에 ...로 사용하면 됩니다. 강제로 줄을 바꾸고 싶다면 =break 을 사용하면 됩니다. 만약 위에 문법들이 불편하다면 프로그래머가 직접 작성한 그대로 보여주는 ...태그를 이용합시다. 헤드는 웹 페이지의 머리입니다.(기사) 기본적으로 ...으로 표시하며 종류는 ~까지 총 6개의 태그가 있습니다. xml이나 html이나 주석을 사용하는 방식은 입니다. 절대 //가 아닙니다. 글씨의 모양을 바꾸고 싶다면 아래의 태그들을 사용하시면 됩니다. .... :볼드체 ...: 이테리체..
웹/HTML과 CSS 2018. 8. 8. 18:58

개발환경 구축

자바스크립트와 제이쿼리!! 자바 스크립트&JQuery 우선 프런트앤드 개발과 백앤드 개발이 있습니다. 현업의 예를 들어보면서 프런트앤드 개발에 대해 말씀드릴게요 1단계: 저희 같은 고객들이 개발자들에게 개발을 의뢰하게 됩니다. 개발사는 요구조건에 맞춰 제안서를 작성합니다. 2단계: UI를 디자인 합니다. (퍼블리싱) 3단계: 그 이미지를 이용해서 HTML 작성하고 CSS로 디자인 하고 정적 웹문서를 작성합니다.(동작x) 4단계: 메뉴를 누르면 펼쳐지거나 하기 위해 자바스크립트를 이용하여 작성합니다(동적) 위의 단계들을 프런트앤드 개발이라고 합니다. 프런트앤드 개발 언어에는 HTML CSS JAVAScript등이 있습니다. 마지막 단계로 백앤드 개발자에게 전달 됩니다. 개발자는 PHP, ASP , JSP등..
웹/JavaScript,JQurey 2018. 8. 5. 15:44

CSS란?

CSS(Cascading Style Sheets)를 배우기 앞서서!! CSS를 들어본 사람도 있고 처음 들어보는 사람도 있을거에요 HTML은 문서의 구조인 내용을 작성하는데 쓰인다면 CSS는 문서의 스타일을 나타낼 수 있어요. 즉 디자인을 꾸미는거죠 그렇다면 문서의 동작은?? 맞습니다. JavaScript가 책임을 지고있습니다. CSS가 없었다면 여러 사이트들이 딱딱한 문서에 불구했을거에요. CSS는 전체 페이지 내용이 바뀔 때 관련 있는 요소들은 같이 변경이 돼요 그래서 문서의 일관성을 유지할 수 있다는게 장점인 것 같네요. CSS로 우선 배경색 지정/글자색 지정/ 디자인/ 박스/ 애니메이션/ UI 등등의 기능이 있어요. 간단하게 CSS의 문법을 봅시다. 구체적인 문법은 뒤에서 배울테니 참고만하세요. ..
웹/HTML과 CSS 2018. 8. 4. 15:53

HTML이란?

HTML 을배우기 앞서서!! 간단히 설명해드릴게요 *웹 기초 사항 웹에 대한 기초 사항에 대해서 알아보도록 하죠! 우선 여러분들은 네트워크라는 말을 주변에서 많이 들어봤을겁니다. 웹에 갑자기 네트워크??! 하시는 분들도 있을겁니다. 네트워크는 컴퓨터와 컴퓨터를 연결해 주는 망입니다. 이를 위해서는 서로 정해놓은, 즉 규정해놓은 TCP/IP라는 통신 프로토콜을 통해 이루어집니다. 이러한 것을 통해서 전 세계가 하나로 연결된 것을 인터넷이라 합니다. 즉 TCP/IP, WWW등을 통해 인터넷이 발전하고 나오게 됬죠. WWW는 앞서 얘기 했던 인터넷을 편리하게 사용하도록 한 도구라고 할 수 있습니다. 팀 버너스리는 연구자들이 서로 떨어져있을 때 어떻게 정보를 공유할까를 생각하다 저희가 배울 언어인 HTML 언어..
웹/HTML과 CSS 2018. 8. 3. 21:32

안녕하세요!

컴퓨터 공학과에 재학중인 14학번 이정찬 학생입니다. 웹프로그래밍쪽으로 관심이 많기때문에 현재 공부중입니다. 티스토리를 열게 된 계기는 공부를 하면서 얻게된 정보를 여러분들에게 공유하고 싶기도 하고 저는 컴퓨터공학과임에도 불구하고 많이 부족합니다. 프로그래밍 언어 스킬 부분에서도 많이 뒤쳐지지만 공부를 열심히 해보면서 서로 피드백도 받고 공유를 해보면서 저의 실력을 키우고 싶기도 했습니다. 또한 공부를 하다보면 많이들 느끼셨을 텐데 개발환경을 구축하거나 구성하는 부분에 있어서 에러가 뜨거나 하는 부분도 해결한다면 공유하겠습니다. 틀린 부분에 대해서는 따끔하게 피드백 해주셨으면 합니다.
웹 2018. 8. 3. 20:00