소셜 미디어 Html과 CSS3 for Dummies 치트 시트 - 인형

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

비디오: HTML Crash Course For Absolute Beginners 2025

비디오: HTML Crash Course For Absolute Beginners 2025
Anonim

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 비디오에서 잘 보이지만 웹용 비디오를 인코딩 할 때 잘 보이지 않습니다.

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

편집자의 선택

ACT - 인형

ACT - 인형

을 선택해야하는 10 가지 이유 ACT® . 실제로 ACT를받는 데는 여러 가지 이유가 있지만, 다음은 상위 10 위입니다. 미국의 모든 대학은 ACT를 대학 입학 시험으로 인정하고 있으며, 전세계 225 개 대학을 추가로 지원합니다. 1 대학 및 대학교 선택에 확신을 가질 수 있습니다.

ACT를 취하는 더미

ACT를 취하는 더미

는 준비가 상당히 필요합니다. 시험 날짜 최소 6 주 전에 ACT에 매일 일정 부분을 바칠 계획을 세우십시오. 가장 최신판 인 1, 001 ACT Practice Questions for Dummies를 받으시고 문제에 흠뻑 젖어보십시오. 당신이 일할 때, 반드시 ...

편집자의 선택

PowerPoint 2013의 슬라이드로 미리 설정 - 기본적으로

PowerPoint 2013의 슬라이드로 미리 설정 - 기본적으로

, 마우스 클릭으로 PowerPoint 2013의 슬라이드가 미리 이동합니다. 즉, 슬라이드를 얼마 동안 화면에 남겨 두어도 PowerPoint는 신호를 줄 때까지 다음 슬라이드로 넘어 가지 않습니다. (이 신호는 실제 마우스 클릭이거나 Enter, 스페이스 바 또는 키와 같은 키를 누를 수 있습니다.)

PowerPoint 2007 애니메이션을 트리거로 시작 - 더미

PowerPoint 2007 애니메이션을 트리거로 시작 - 더미

PowerPoint 트리거를 사용하면 재생할 때마다 슬라이드합니다. 트리거 애니메이션을 재생하려면 방아쇠 된 PowerPoint 슬라이드에서 요소를 클릭하기 만하면됩니다. 또한 트리거 요소를 클릭하고 슬라이드의 다른 부분에서 애니메이션을 재생할 수 있습니다. 트리거 ...

편집자의 선택

컴퓨터 모니터 해상도 - 디지털 카메라, 컴퓨터 모니터 (및 기타 디스플레이 장치)와 같은 인형

컴퓨터 모니터 해상도 - 디지털 카메라, 컴퓨터 모니터 (및 기타 디스플레이 장치)와 같은 인형

은 화면에 보이는 모든 것을 만듭니다 픽셀 수 일반적으로 여러 모니터 설정 중에서 선택할 수 있으며 각 설정에 따라 화면 픽셀 수가 달라집니다. 다음은 표준 설정입니다. 800 X 600 픽셀 1024 x 768 픽셀 1280 x 1024 픽셀 1600 x ...

디지털 SLR 카메라의 촬영 옵션 - 인형

디지털 SLR 카메라의 촬영 옵션 - 인형

DSLR 카메라의 기본 스틸 및 동영상 촬영 설정은 디지털 SLR은 사진 및 동영상뿐만 아니라 다른 사진 및 노출 관련 옵션을 촬영하고 저장합니다. 메뉴 시스템의 오른쪽에있는 스크롤바는 내에서 개별 옵션을 검토 할 때 현재 위치를 알려줍니다 ...