בניית אתר אינטרנט אמיתי לחנות חיות - דף הבית
main ומעוצבות כך שהדף נראה כמו באפיון.main כותבים פסקה. ב-Visual Studio מקלידים lorem50 ולוחצים Tab, והעורך יוצר 50 מילים של טקסט דמה. זה טקסט לטיני שמעצבים משתמשים בו כשאין עדיין טקסט אמיתי, כדי שהבודק יסתכל על העיצוב ולא על התוכן.description ומגדירים margin: 40px ו-text-align: justify, כדי שהשורות ייסגרו באותו קו בימין ובשמאל.iframe ומדביקים אותו בדף.iframe class בשם animals-video כי יכולים להיות כמה iframe בדף, ומגדירים לו margin-top: 30px.פרקי ההרצאה: בניית אתר אינטרנט אמיתי לחנות חיות - דף הבית
תמלול ההרצאה: בניית אתר אינטרנט אמיתי לחנות חיות - דף הבית
הטקסט המלא של הדקות הראשונות בהרצאה «בניית אתר אינטרנט אמיתי לחנות חיות - דף הבית» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.
אחרי שסידרנו את ה-Layout ואת המרכיבים השונים של ה-Layout, כלומר הכותרת הראשית, הזכויות תוצרים והתפריט, אנחנו רוצים להגיע ולבנות את התכנים עצמם.
זאת אומרת, אנחנו רוצים לבנות כרגע את דף הבית בסרטון הזה, לאחר מכן נבנה את דף החיות שיש לנו ולאחר מכן את ה-Contact Us. בואו נסתכל על האפיון ונראה שדף הבית מכיל כאן איזושהי פסקת הסבר או Welcome או משהו, זה כרגע פסקת לורם איפסום מה שנקרא, טקסט פיקטיבי כזה בלטינית שמעצבים נוהגים להשתמש איתו כאשר אין להם עדיין את הטקסט
האמיתי. יש לנו פה איזה סרטון וזה מה שאנחנו רוצים להצליח לעשות. אז קודם כל בואו נבנה כאן את הפסקה הזאת, נחזור לכאן וזה כמובן נכנס לתוך המיין.
אני ארווח פה, יש לנו כאן איזושהי פסקה ואנחנו רוצים לכתוב בתוכה טקסט של לורם איפסום. בוויז'ואל סטודיו אם אנחנו רושמים לורם ואז כותבים מספר מסוים לדוגמה 50 ולוחצים על תאב אז הוא יוצר לנו את החמישים מילים הראשונות של טקסט הלורם איפסום.
לורם איפסום זה נאום שאיזשהו דמות מסוימת כמו אפיפיור או איזה שליט מסוים פעם אמרו או הקריאו או משהו כזה ומשתמשים איתו בכדי להכניס איזשהו טקסט כי לא הרבה אנשים מכירים לטינית ואז אנחנו לא בתור מי שבודק את האתר לא מסתכל על הטקסט עצמו מה כתוב פה אלא מסתכל יותר על העיצוב זה בעצם הקונספט אז זה טקסט מאוד ידוע שאפשר להכניס אני כרגע שמתי רק 50 מילים אז אנחנו רואים שהוא יותר
מדי צמוד כזה זה הזמן להיכנס ולעצב אותו בואו ניגש ונגדיר לו קלאס בואו נניח Description, ניתן איזה תיאור מסוים ואנחנו הולכים לכאן ואומרים לו שהDescription ניתן לו Margin 40 בוא נניח ניתן לו Text Align Justify בכדי שהוא יהיה זהה מימין ומשמאל בואו נבדוק והנה אנחנו רואים שפה הוא בדיוק מסתיים
בשתי השורות האלה ופה הוא מסתיים בשלוש השורות האלה ויש פה איזה 40 פיקסלים נראה טוב הדבר הבא שאנחנו רוצים לפי התמונה שלנו זה איזשהו סרטון זה סתם סרטון שאפשר למצוא ביוטיוב ולשלב אותו ואת זה אנחנו רוצים לשים כאן אז בואו ניכנס ליוטיוב יש לנו פה את יוטיוב דוט קום וביוטיוב בואו נחפש איזשהו animal store או
משהו כזה והנה יש לנו פה את הסרטון אפילו