비디오: HTML Crash Course For Absolute Beginners 2025
David Karlins, Judith Muhr
HTML 및 CSS 웹 사이트의 기본 구성 요소입니다. HTML5와 CSS3의 출현은 웹 디자인 개발에서 역동적이고 강력한 발전 단계를 의미합니다. HTML5 및 CSS3의 잠재력을 극대화하면 스타일 및 서식을 적용하고 오디오 및 비디오를 제공하고 플러그인, 이미지 파일 및 JavaScript를 함께 묶지 않고 이전에는 불가능했던 방식으로 애니메이션 및 상호 작용을 만들 수 있습니다.
HTML5와 CSS3를위한 최고의 무료 온라인 리소스
당신은 오래된 언론에서 "자유의 자유는 없습니다. "이것은 가장 유용한 무료 리소스를 활용하지 않는 한 웹 디자인에도 적용됩니다. 다음은 HTML5 및 CSS3 용 온라인에서 찾을 수있는 최고의 무료 리소스 목록입니다.
-
무료 웹 호스팅은 000webhost에서 사용할 수 있습니다. com. 무료 사이트는 광고없이 서버 측 스크립팅을 지원하며 안정적인 가동 시간 기록이 있습니다.
-
웹 사이트 구축 방법에 대한 개요를 제공하려면 HTML5 & CSS3 for Dummies 와 같은 책이 필요합니다. 그러나 지식을 보충하는 자세한 리소스는 온라인에서 사용할 수 있으며 가장 유용한 것은 W3 스쿨입니다. com.
-
jQuery Mobile의 도구를 사용하여 모바일 친화적 인 강력한 웹 앱을 만들 수 있습니다.
-
jQuery Mobile에서 ThemeRoller의 무료 맞춤형 테마 (스타일)를 확인하십시오.
-
W3C의 도구를 사용하여 코드를 고민하고 유효성을 검사하십시오. http: // jigsaw에서 CSS를 확인하십시오. w3. org / css-validator / 및 http: // validator에서의 HTML. w3. org /.
-
Adobe의 Kuler에서 무료 색상 구성표를 생성합니다.
-
신뢰할 수있는 검색 창을 필요로하지만 검색 상자 예산에 달러가 없습니까? 사이트의 검색 상자를 만드는 FreeFind를 사용하여 사이트에서 검색 한 사람의 데이터를 사용하거나 판매하지 않습니다.
-
무료 블로그는 어떻습니까? Blogger에서 다운로드하십시오.
-
마지막으로, 사람들이 귀하의 사이트에 Google지도를 포함하여 귀하를 찾을 수 있도록하십시오.
웹용 HTML5 비디오 준비 도구
Windows Media Player 또는 QuickTime Player와 같은 플러그인없이 재생되는 네이티브 비디오는 HTML5에서 가장 흥미로운 새 기능 중 하나입니다. 그러나 HTML5 호환 비디오는 어디서 구할 수 있습니까? 어떻게 선물합니까? 다음은 이러한 문제를 해결하는 데 도움이되는 도구입니다.
-
비디오 파일을 Firefox 용 Theora Ogg로 변환하십시오.
-
Microsoft는 네이티브 비디오 용 JavaScript 컨트롤을 만드는 데 유용한 튜토리얼을 제공합니다.
-
HTML5 기본 동영상 형식을 지원하는 브라우저의 변경되는 목록을 누가 추적 할 수 있습니까?답변: Wikipedia 사람들이 추적합니다.
-
Miro Video Converter는 웹 비디오뿐만 아니라 웹 디자인을위한 가장 가치있는 온라인 (무료) 리소스 중 하나입니다. 모든 비디오를 연결하면 HTML5와 호환되는 비디오 형식이 생성됩니다.
-
다른 브라우저에서 동영상을 테스트해야합니까? 사우 슬래브 야. com 도구는 무료는 아니지만 IE 6이 설치된 Windows 데스크톱 컴퓨터에서 최신 버전의 iPad 운영 체제에 이르기까지 모든 장치에서 비디오의 미리보기를 제공하는 무료 평가판을 제공합니다.
-
게시하기 전에 동영상 편집을 약간해야합니까? Loopster에는 무료 온라인 비디오 편집 도구가 있습니다.
-
YouTube 및 Vimeo에서 무료로 비디오를 호스팅하지만 Vimeo는 연간 약 $ 60 동안 비디오를 호스팅하고이를 볼 수있는 사람을 완전히 제어하고 vimeo의 모든 광고 또는 홍보 자료.
GIF 포맷을 사용하여 넓은 영역의 단색 이미지 최적화
사진 리얼리즘 이미지 위에 텍스트가 겹쳐진 그래픽을 최적화 할 때 사실적인 이미지 영역에 대해 별도의 슬라이스를 작성해야합니다. 텍스트가 포함 된 이미지 영역의 조각. GIF 형식을 사용하여 텍스트가 포함 된 영역을 내보내고 JPEG 형식을 사용하여 이미지의 사실적 영역을 내보내십시오. 다음은 유용한 정보입니다.
-
고품질 JPEG 이미지의 경우 내보낼 때 품질 설정 70을 사용하십시오. 작은 JPEG 이미지의 경우 품질 설정 50으로 가져올 수 있습니다.
-
제품 또는 사진 작가를위한 사진 갤러리를 만드는 경우 품질 설정 80의 JPEG 형식으로 이미지를 내 보냅니다.
-
JPEG 형식을 사용하여 이미지를 압축 할 때 이미지의 오브젝트 가장자리에주의하십시오. 픽셀을보기 시작하거나 가장자리에 정의가 부족하면 이미지를 너무 멀리 압축합니다.
-
GIF 파일 형식을 사용하여 이미지를 내보낼 때 가장 선명한 이미지를 생성하는 색상 수를 최소로 사용하면 이미지를 빠르게로드 할 수 있습니다.
-
웹 사이트 용 이미지를 다시 샘플링 할 때 필요한 최대 해상도는 인치당 72 픽셀입니다.
비디오가없는 웹 사이트는 점점 희귀 해지고 있습니다. 동영상은 인터넷 어디에서나 볼 수 있습니다. 엔터테인먼트, 광고, 록 스타 및 기타 아티스트 홍보에 사용됩니다. 비디오가 잘되면, 그것은 아름다움의 것입니다. 다음은 웹 페이지에 비디오를 추가 할 때 고려해야 할 사항입니다.
-
비디오는 많은 대역폭을 사용합니다. 웹 사이트의 대역폭이 초과되면 요금이 오히려 높을 수 있습니다. 웹 사이트에 비디오를 호스팅하는 대신 YouTube에 업로드 한 다음 비디오를 웹 페이지 또는 블로그에 포함하십시오.
-
저작권법을 위반하지 마십시오. 다른 웹 사이트 또는 다른 사람들의 YouTube 비디오에서 비디오를 복사하여 웹 사이트에서 사용하지 마십시오.
-
라이센스 확인: 상업용 웹 사이트에서 공급자 또는 제조업체의 비디오를 사용하는 경우 공급 업체 또는 제조업체의 라이센스가 적용되는지 확인하십시오.
-
고품질 비디오 캠코더를 사용하여 비디오 녹화: 아니오, iPhone은 고품질 캠코더가 아닙니다. 웹용으로 저품질 비디오를 인코딩하면 품질이 떨어집니다.오래된 공리를 기억하십시오. 쓰레기통, 쓰레기통.
-
웹 사이트 시청자에게 동영상을 보려면 필요한 플러그인이 있는지 확인하십시오.
-
동영상으로 HTML5 페이지를 만드는 경우 사이트의 잠재 고객이 HTML5 호환 브라우저를 사용하는지 확인하십시오.
-
여러 비디오 클립을 편집하여 웹용 비디오를 만들 때 영상 효과를 사용하지 마십시오. 비디오 전환은 HD 비디오에서 잘 보이지만 웹용 비디오를 인코딩 할 때 잘 보이지 않습니다.
