Html과 CSS3 for Dummies 치트 시트 - 인형

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에 업로드 한 다음 비디오를 웹 페이지 또는 블로그에 포함하십시오.
라이센스 확인: 상업용 웹 사이트에서 공급자 또는 제조업체의 비디오를 사용하는 경우 공급 업체 또는 제조업체의 라이센스가 적용되는지 확인하십시오.
고품질 비디오 캠코더를 사용하여 비디오 녹화: 아니오, iPhone은 고품질 캠코더가 아닙니다. 웹용으로 저품질 비디오를 인코딩하면 품질이 떨어집니다.오래된 공리를 기억하십시오. 쓰레기통, 쓰레기통.
웹 사이트 시청자에게 동영상을 보려면 필요한 플러그인이 있는지 확인하십시오.
동영상으로 HTML5 페이지를 만드는 경우 사이트의 잠재 고객이 HTML5 호환 브라우저를 사용하는지 확인하십시오.
여러 비디오 클립을 편집하여 웹용 비디오를 만들 때 영상 효과를 사용하지 마십시오. 비디오 전환은 HD 비디오에서 잘 보이지만 웹용 비디오를 인코딩 할 때 잘 보이지 않습니다.