יצירת אתרים ב-Webflow - קורס RUB 31,900. מ-Uprock, אימון 4 חודשים, תאריך 27 בנובמבר 2023.
Miscellanea / / November 27, 2023
התחל בכל עת ולמד במהירות נוחה
תחילת ההכשרה אינה קשורה למועד רכישת הקורס. התחל בכל זמן שנוח לך ולמד במהירות נוחה. האפשרות הטובה ביותר היא להשקיע שעתיים ביום בלימודים. אם תוכל להקדיש 4-8 שעות לקורס, תסיים אותו פי 2-4 מהר יותר.
עקביות וזמן הסתגלות
המורכבות של המשימות שאתה מבצע גדלה מהפשוטות ביותר, שנמשכות עד 30 דקות, למורכבות יותר וגוזלות זמן. כך מצטרפים בהדרגה לתהליך הלמידה.
מדריכי וידאו מרווחים אך אינפורמטיביים
תחילה עשינו תסריט של כמה מאות עמודים, אחר כך השמענו אותו, ערכנו אותו, מילאנו אותו בגרפיקה ויצרנו לך שיעורים קצרים "בלי מים" שקל ללמוד ונוח לחזור אליהם בשביל משהו לִזכּוֹר.
האוצרים שלנו נותנים את התשובות המהירות והמפורטות ביותר. יש תקנות מחמירות: תקבלו לפחות 2 ניתוחי וידאו ביום, בכל תשובה האוצרת תציין את הטעויות שלכם ויגיד לכם איך לתקן אותן.
כתוצאה מכך, תלמדו כיצד ליצור אתרים מן המניין עם אנימציה יעילה, המותאמים למכשירים שונים.
תֵאוֹרִיָה
מבוא
בשיעור זה תלמדו על הקורס וכיצד יתקדם ההכשרה. הכירו את התכונות והמטרות של התוכניות החינמיות והתשלום של Webflow. תלמד גם כיצד לבנות עבודה על פרויקט מניתוח ועד השקה.
- על מה הקורס הזה?
- איך עובד הקורס
- תוכניות ותעריפים
- תוכניות אתר
- תוכניות חשבון
- סקירה וניתוח פריסה
- רשימת תיוג קבלת פריסה
- תוכנית עבודה
- הכנת הפריסה לפריסה
- ייצוא ואופטימיזציה של תמונות
- הכנת קבצים אחרים
תֵאוֹרִיָה
מבנה האינטרנט
בשיעור זה תכירו את המרכיבים הבסיסיים של דף אינטרנט ואת עקרונות פריסת הבלוקים עליהם עובד שירות Webflow. ידע בסיסי יעזור לך להבין את הטרמינולוגיה הבסיסית של פיתוח אתרים. תלמד מהי היררכיית דפי אינטרנט וממה היא מורכבת. חקור את החלונית Navigator כדי להבין כיצד מבנה האלמנט נוצר ומוצג ב-Webflow.
- פריסת בלוק ו-HTML ו-CSS בסיסיים
- היררכיה של רכיבי האתר
- פאנל ניווט
- תרגול: תכנון מבנה האתר
תֵאוֹרִיָה
יצירת פרויקט ופרסום
בשיעור זה תלמדו כיצד להירשם לאתר Webflow וליצור פרויקט, ללמוד את המגבלות על מספר הפרויקטים והעמודים בפרויקט. אתה תבין אילו מצבי פעולה קיימים בשירות Webflow. וגם למד כיצד להפעיל את חשבונך ולפרסם את האתר שלך באמצעות החלונית הנפתחת פרסם.
- רישום ויצירת פרויקט
- פרסום אתר אינטרנט
- שתף את הפרויקט
- שיבוט פרויקט
- שיבוט תבנית מותאמת אישית
תֵאוֹרִיָה
הגדרות בסיסיות
אתה תכיר את הגדרות הפרויקט הבסיסיות במצב הגדרות הפרויקט. כתוצאה מכך, הגדר את הפרויקט, העלה תמונות לתיקיות וצור את ערכת ה-UI.
- הגדרות פרויקט
- מחבר את הדומיין שלך
- קבצי אתר
- הגדרות פרויקט כלליות
- הגדרת סגנונות בסיסיים
- העלאת תמונות
- ערכת UI של רכיבים עיקריים
תרגול
אלמנטים
בשיעור זה תלמדו על דרכים להוסיף אלמנטים לדף אתר ואילו אלמנטים לא ניתן לאתר בסוג שלהם. למד אילו אלמנטים בסיסיים קיימים ליצירת אתר ומהי מטרתם. לבסוף, צור את מבנה האתר והוסף תוכן לאלמנטים.
- הוספת אלמנטים
- סקירה כללית של המרכיבים העיקריים
- סקירה כללית של אלמנטים פונקציונליים
- התאמה אישית של אלמנטים
- תרגול: יצירת המבנה הראשי של האתר
- תרגול: הוספת אלמנטים וכיתות
תרגול
סגנונות אלמנטים
תוכלו להכיר מושגים כמו שיעורים ושיעורי קומבו וללמוד על מטרתם. כתוצאה מכך, הוסף מחלקות ל-Sections, Containers, Images, Texts.
- עקרונות כלליים
- סקירה כללית של חלקים פשוטים בחלונית Style
- סקירת חלונית Style Manager
- מצבי אלמנט
- תרגול: הוספת תוכן לאלמנטים
תרגול
הגדרות סגנון. 1 חלק
תלמדו את הרכב החלונית Style ותבדקו את הקטע Layout, המשמש להגדרת סידור האלמנטים ביחס זה לזה.
- לוח סגנון: קטע פריסה
- תרגול: פריסה מפורטת של סעיפים 1 ו-2
תרגול
הגדרות סגנון. חלק 2
אתה תמשיך לחקור את הרכב הפאנל Style ולבחון את אלמנט ה-Grid, שאחראי על אופן סידור האלמנטים, שהוא אידיאלי מתאים ליצירת מגוון פריסות רשת מורכבות, כולל טבלאות שניתן להמיר בקלות לכרטיסים בנייד מסכים.
- לוח סגנון: אלמנט רשת
- תרגול: פריסה מפורטת של סעיפים 3 ו-4
תרגול
הגדרות סגנון. חלק 3
אתה תמשיך ללמוד את הרכב הפאנל Style וללמוד את הסעיף Size, המאפשר לך לקבוע את גודל האלמנט, סט ערכי רוחב וגובה מינימליים ומקסימליים, ולהתאים אישית את ההתנהגות של אלמנטים צאצאים החורגים מגבולות אלמנט אב.
- לוח סגנון: קטע גודל
- תרגול: פריסה מפורטת של סעיפים 5 ו-6
תרגול
דפי האתר
נסתכל בחלונית Pages. בואו לגלות אילו סוגי דפים קיימים וכיצד להתאים אותם. כתוצאה מכך, תיצור 7-8 חלקים באתר.
- דפי האתר
- תרגול: פריסה מפורטת של סעיפים 7 ו-8
תרגול
פונקציות משניות
תלמד על תכונות נוספות שעוזרות לך בזמן העבודה על פרויקט, כמו גם באיתור חומרי הדרכה. כתוצאה מכך, תיצור 9-10 קטעים באתר.
- פונקציות עוזרות במצב מעצב
- תרגול. פריסה מפורטת של סעיפים 9 ו-10
תרגול
סמלים ותבניות
למד כיצד ליצור סמלים מאלמנטים או קבוצות של אלמנטים ב-Webflow כדי לנהל בלוקים ותוכן חוזרים. כתוצאה מכך, תפרוס את תפריט הניווט, Navbar, תגדיר קישורי עוגן ותיצור סמלים עבור התפריט והתחתונה.
- סקירת חלונית סמלים
- סקירה של פריסות מוכנות
- יצירת דמויות
- תרגול
תרגול
פריסה אדפטיבית
בשיעור זה תלמדו את היסודות של פריסה אדפטיבית ותכירו את המושג "נקודות שבירה". כתוצאה מכך, צור גרסת טאבלט ומובייל מותאמת, גרסה מותאמת למסכים גדולים ותפריט מותאם.
- יסודות של פריסה אדפטיבית
- נקודות שבירה
- בדיקת יכולת הסתגלות
- התאמת אתר למסכים ניידים
- התאמת אתר למסכים גדולים
- בדיקת יכולת הסתגלות
יכולות מורחבות
אנימציה. 1 חלק
תלמדו את העקרונות הכלליים של אנימציה, תלמדו כיצד להנפיש כפתורי קישור ורכיבי ריחוף אחרים, ולהנמיך את המסך הראשון.
- עקרונות אנימציה כלליים
- טריגרים
- הגדרת טריגרים
- אנימציה של אלמנטים על ריחוף
- קישורי עוגן
יכולות מורחבות
אנימציה. חלק 2
תלמד מהי אנימציה גלובלית. כתוצאה מכך, למד כיצד ליצור אותו.
- אנימציה גלובלית
- אנימציה של רכיבים
- אנימציה בעת טעינה וגלילה של העמוד
יכולות מורחבות
הכנסת קוד של צד שלישי
אתה תבין למה אתה צריך להכניס קוד של צד שלישי. הכירו את רכיב Embed. למד כיצד לשלב קוד של צד שלישי, לדוגמה, לחבר שירותי הערות או ווידג'ט של מפה. בפועל, למד כיצד להכניס את קוד הכרטיס.
- הטמע רכיב
- הכנסת קוד בהגדרות העמוד
- הכנסת קוד בהגדרות הפרויקט
- הוספת קוד בהגדרות רכיב (תכונות מותאמות אישית)
- הכנסת המפה לאתר
יכולות מורחבות
אנליטיקה וקידום אתרים
למד מה הם ניתוח אתרים ו-SEO ומדוע הם נחוצים. תבינו איך לחבר אנליטיקס ולהגדיר דפי SEO.
- חיבור אנליטיקס
- חיבור Yandex Metrica ו-Google Analytics
- הגדרת SEO בהגדרות העמוד
יכולות מורחבות
השלמת הפרויקט
שוב, עברו על כל השלבים של יצירת אתר אינטרנט. תוכלו להבין כיצד לאשר ולהעביר את האתר ללקוח. למד כיצד לחבר אתר אינטרנט לדומיין באחסון Webflow, העלה את האתר והתקן אותו באחסון שלך.
- רשימת בדיקה לבדיקת האתר
- אישור ומסירת הפרויקט ללקוח
- חיבור אתר אינטרנט לדומיין באחסון Webflow
- העלאת האתר והתקנתו באחסון שלך
יכולות מורחבות
מַעֲנָק
פרויקט גמר