본문 바로가기

분류 전체보기433

<HTML5+CSS3> 사용자가 정보를 입력하는 input 태그 (2) 체크박스와 시간속성 type= "checkbox" -체크박스 넣기-체크박스도 라디오 버튼처럼 여러 항목 중에서 원하는 항목을 선택하는 것으로, 라디오 버튼과의 차이점은 2개 이상도 선택할 수 있다는 것입니다.ex) 2018. 10. 9.
<HTML5+CSS3> 사용자가 정보를 입력하는 input 태그 태그-웹에서의 폼은 항상 일정한 형태를 가지고 있다. 크게 사용자 입력 부분과 입력한 내용을 서버로 보내주는 버튼 부분으로 나눌 수 있다.사용자 입력부분:태그 처리 (거의)입력하는 내용이 어떤 정보인지는 type속성을 지정 그 값에 따라 함께 사용할 수 있는 속성들도 달라집니다.EX) 글로벌 속성 id-폼을 만들다보면 똑같은 요소가 여러 번 사용된다. ex)처럼 입력 항목이나 주소항목등 한줄짜리 텍스트를 모두 이렇게 텍스트 필드를 사용하게 되는데 이러한 요소를 구분하기 위해 사용하는 것이 id속성이다.id속성=글로벌속성 이라고 하는 것은, 폼 요소뿐만 아니라 웹 문서에 넣는 텍스트,이미지,표,폼 등 모든 태그에서 사용하기 때문입니다.%단 , id 속성에 사용할 수 있는 값은 영문과 숫자, 언더바나 하이픈.. 2018. 10. 9.
<HTML5+CSS3> 폼 만들기 보통 로그인을 클릭하면 사용자가 입력한 아이디와 비밀번호가 웹 서버로 보내집니다. 서버는 사용자 정보를 받아서 필요한 작업을 하게 되는데, 예를 들어 로그인 정보를 받았다면 서버는 자신이 가지고 있는 사용자 데이터베이스를 뒤져서 사용자가 보낸 정보가 일치하는지 확인하고 브라우저에 결과를 보냅니다. 이런 작업은 모두 데이터 베이스를 기반으로 합니다. 폼의 형태는 HTML태그를 사용하고, 정보 처리는 ASP나 PHP,JSP같은 서버 프로그래밍을 이용합니다. 태그-폼만들기-폼을 만드는 가장 기본적인 태그입니다.EX) 여러 폼 요소 예를 들어, 폼에 내용을 입력하고 전송 버튼을 눌렀을 때 post방식으로 register.php를 실행한다면ex) ... 이렇게 사용하면 됩니다. 속성1.method: 폼을 전송할 .. 2018. 10. 8.
<HTML5+CSS3> HTML5 동영상 화면에 자막 추가하기 태그- 동영상 화면에 자막 추가하기-웹 표준 마크업인 HTML5에서는 비디오 콘텐츠를 웹 페이지에 삽입할 때 청각 장애인을 위한 자막을 표시하는 것이 기본입니다. HTML5에서는 태그를 ㅣㅇ용해서 외부 자막 파일을 연결할 수 있습니다. EX) 예를들어, 한글로 된 자막 내용이 wildlife.vtt파일에 있고 한국어를 기본 언어로 설정하고 싶다면 다음과 같이 ex)"기호를 넣어 시간이 흘렀다고 표시. 자막 내용은 한줄 이상으로 입력 가능. 하나의 자막이 끝나면 빈줄을 넣어 자막이 끝났음을 알려준 후 다음 자막으로 넘어간다.215p참고. --------------------- 비디오 캡션 메이커로 자막 파일 쉽게 만들기------------------------- https://dev.modern.ie/t.. 2018. 10. 8.
<HTML5+CSS3> 플러그인 없이 사용하기 외 태그들 HTML5에서 비디오 파일이나 오디오 파일을 어떻게 재생하는지 그 태그들을 알아보자 ! 인코딩: 캠코더 및 휴대폰등 여러 장치를 이용해 비디오를 촬영해 원본 비디오를 압축해 컴퓨터에서 사용할수 있는 비디오 파일로 변환하는 과정 디코딩:비디오 파일에 저장되어 있는 비디오 정보를 가져와서 비디오 플레이어에 보여주는 과정 코덱:인코딩과 디코딩을 수행하는 것 대표적으로 WMV(Windows Media Video)라는 코덱은 원본 비디오를 윈도우의 윈도우 미디어 플레이어로 볼 수 있도록 변환해 준다. 태그- HTML5와 비디오-HTML5에서 비디오태그를 이용해서 쉽게 웹 문서에 비디오 파일을 넣을 수 있다.EX) 예를들어, HTML5 브라우저에서만 재생할 수 있는 gate.mp4파일을 다음과 같은 소스로 웹 문서.. 2018. 10. 8.
<HTML5+CSS3> 멀티미디어 재생하기 플러그인 프로그램으로 멀티미디어 재생하기인터넷에서 음악을 듣거나 영화를 보거나 강의를 볼때 어도비 플래시나 엑티비티X등 플러그인 프로그램을 설치했을것이다. 그래야 오디오나 비디오 파일을 자유롭게 볼 수 있으니, 하지만 여러 문제점들이 많았고 악의적인 행동을 액티비티 X 에 담아서 컨트롤할 수 있었다. 이러한 불편함과 위험을 감수하면서도 플러그인을 사용하는 이유는 웹 브라우저에서 이미지를 제외한 음악이나 동영상 같은 멀티미디어를 스스로 재생할 수 없기 때문이다.HTML4에서는 웹 브라우저에서 이런 플러그인 프로그램을 불러와 멀티미디어 파일을 재생하기 위 해 태그에서는 이라는 태그를 통해 플러그인 프로그램으로 여러 가지 값을 가진 매개변수를 전달한다. 예를들어 실행 파일 경로나 전체화면 크기로 실행할지, 자.. 2018. 10. 8.

티스토리툴바