Lynda.com תכנן את סרטון הרקע HTML HTML

• מאי 5, 2024

סרטון רקע הוא דרך נהדרת לשווק את המוצר שלך וקורס הכשרה לסרטוני וידיאו Lynda.com זה זכאי תכנן את האינטרנט: וידאו רקע HTML עם כריס קונברס תוכלו ללמוד כיצד להוסיף סרטון רקע להפעלה אוטומטית לדף האינטרנט שלכם. תוכלו גם ללמוד כיצד להשתמש ב- CSS כדי להציב אלמנטים עיצוביים אחרים על גבי סרטון הרקע. וקבצי התרגיל הם בחינם אפילו עבור חברות רגילה.

Converse מתחיל בקובץ html חשוף של עצמות ובונה את מיכל ה- div הראשי עבור אלמנטים עיצוביים: קו התג של הטקסט, הלוגו svg והווידיאו. הוא מדגים כיצד להשתמש בהפעלה אוטומטית בתג הווידיאו וכיצד להגדיר את שני סוגי הווידיאו הנפוצים ביותר, .mp4 ו- .ogg.

בשלב הבא, Converse עובר לקבצי CSS ו- CSS כדי לעצב ולמצב את הווידיאו ואת תמונת הלוגו המרוכז. הוא ממשיך לעשות את אותו הדבר עבור טקסט קו התג. אהבתי במיוחד את הטכניקה שלו לעבודה עם גבולות.

לאחר מכן, Converse דן כיצד להגיב את הפריסה הזו באמצעות שאילתות מדיה למסכים בינוניים וקטנים ו- CSS. שוב, הוא קובע סגנונות לסרטון הווידיאו, הלוגו והתג. הוא גם מדגים כיצד להגדיר תמונה חלופית למסכים קטנים שאינם יכולים לנגן וידיאו ולהסתיר את הסרטון.

בהמשך לנושאים מורכבים יותר, Converse מדגים כיצד להשתמש ב- JavaScript כדי להוסיף שליטה מורכבת יותר על התצוגה עבור תכונות של מכשירים ניידים, כגון אירועי מגע. הוא מציג אתר צד ג 'בשם Modernizr שייצר שיעורי CSS שניתן להוסיף לדף באמצעות JavaScript על סמך התכונות של המכשיר הנוכחי. הוא מדגים כיצד ליצור את הקוד, להוריד ולהוסיף אותו לקוד דף האינטרנט שלך.

בשיעור האחרון, Converse מדגים כיצד לתקן את המיקום וסגנונות אחרים עבור הפריסה כך שהווידיאו מכסה את כל חלון הדפדפן.

קורס זה עסק ב- HTML ו- CSS ששימשו לעיצוב ולמיקום של סרטון רקע למכשירי אינטרנט וניידים. עם זאת קיוויתי שהמחבר ידון באפשרויות אירוח ואופטימיזציה של קובץ הווידיאו להורדה מהירה. כמו כן, יהיה נחמד לדעת להוסיף אלמנטים עיצוביים אינטראקטיביים על גבי סרטון הרקע במקום רק אלמנטים סטטיים.

כריס קונברס הוא בעל תואר בעיצוב גרפי ממכון הטכנולוגי של רוצ'סטר, וניסיון של 22 שנה בעיצוב וטכנולוגיה.

//www.lynda.com/HTML-tutorials/Design-Web-HTML-Background-Video/373560-2.html

גילוי נאות: לא קיבלתי פיצוי כספי בגין מאמר זה. הדעות הן לגמרי משלי על סמך הניסיון שלי.

הוראות וידאו: Why You Shouldn’t Fear Death (מאי 2024).