איך ללמוד איך ליצור אתרים? בניית אתר מאפס

תוכן עניינים:

איך ללמוד איך ליצור אתרים? בניית אתר מאפס
איך ללמוד איך ליצור אתרים? בניית אתר מאפס
Anonim

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

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

בניית אתרים לעסקים
בניית אתרים לעסקים

קודם כל, זכור את הדברים הבאים:

  • לא צריך להיות מומחה מחשבים כדי לבנות אתר מאפס;
  • אינך צריך לדעת קוד בסיסי, לנהל מארחים או שרתים;
  • אתה לא צריך הרבה כסף.

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

אם אין כישורי תכנות: בחר בנאי אוטומטי

בוני רכב הם הדרך הקלה, הזולה והמהירה ביותר ליצור אתר אינטרנט. חלק מהשירותים הנפוצים ביותר מסוג זה הם Wix, Squarespace, Weebly ו-Jimdo. נכון לעכשיו, בונים אלה נמצאים בלב של מיליוני אתרים שנוצרו על ידי משתמשים רגילים. אם אינך מומחה לתכנות אינטרנט, זו הבחירה הטובה ביותר עבורך.

תודות למעצבים, עבודת יצירת דפי האתר מצטמצמת למעשה לגרירת האלמנטים מסביב למסך עם העכבר. זרימת העבודה כולה פשוטה ואינטואיטיבית כמו יצירת מצגת PowerPoint.

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

יצירת אתר אינטרנט לחנות מקוונת
יצירת אתר אינטרנט לחנות מקוונת

מאמינים שארגון האתר דורש ידע ב-HTML (Hypertext Markup Language - שפת קידוד נפוצה לגופני וסגנונות טקסט) ו-CSS (Cascading Style Sheet - המשמשת לחיבור דפי אינטרנט). זה לוקח חודשים רבים ליצור את הקוד (ודורש מיומנויות מיוחדות), והשימוש בו ליצירת אתר הוא מורכב ודורש זמן.

איך בוחרים בנאי כזה?

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

בבחירת בנאי, הנח על ידי הפרמטרים הבאים:

  • באיזה ממשק אתה מוצא שהכי קל לשימוש;
  • איזה תבניות ותכונות עיצוב אתה הכי אוהב;
  • האם פונקציונליות הבונה עוזרת לך ליצור את האתר שתכננת.

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

בהקשר זה, כל ערכות הנושא של Squarespace רגישות לנייד (כלומר שדפים שנטענים ייראו זהים באופן אוטומטי לא משנה באיזה מכשיר המבקר שלך משתמש). Jimdo ו-Weebly מציעים מגוון רחב של גרסאות ניידות, בעוד Wix ו-GoDaddy מספקות עורכים לנייד המאפשרים לך להתאים אישית את האופן שבו האתר שלך נראה כך שיראה ידידותי יותר לנייד או להסתיר אותו לחלוטין.תוכן מסוים מדפדפנים ניידים.

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

הכשרה לפיתוח אתרים
הכשרה לפיתוח אתרים

אתה יכול גם ליצור את האתר שלך באמצעות מנוע (כגון וורדפרס), אבל רק אם יש לך ידע טכני בסיסי, או להיעזר בסטודיו ליצירת אתרים. מערכות CMS פשוטות יכולות להיות לעזר רב, אבל לפעמים הן דורשות שינויי קוד כדי לתקן באגים.

אם יש לך כישורים בסיסיים: בחר מנוע

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

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

לפי הסטטיסטיקה העדכנית ביותרלפי נתונים, וורדפרס היא מערכת ניהול התוכן הפופולרית ביותר (55%), ואחריה ג'ומלה (20%) ודרופל (11%). כולם חופשיים לחלוטין לשימוש. לכן עדיף להשתמש בוורדפרס, במיוחד ליצירת אתר מידע.

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

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

תחילת העבודה: אירוח דומיין ואתרים

כדי להגדיר את האתר שלך, תזדקק לשני פריטים:

  • שם דומיין (כתובת אינטרנט, למשל yourname.com);
  • hosting (שירות שמחבר את המשאב שלך לאינטרנט).

אז, איך ללמוד איך ליצור אתרים? המנוע עצמו חינמי וזמין לכולם, אך שם הדומיין והאחסון ידרשו מכם לשלם סכום קטן. בעלות על שם דומיין משלך נראית הרבה יותר מקצועית מאשר לתת שם לאתר שלך בדומיין של צד שלישי (שיהיה ברמה שלישית). בנוסף, אירוח עצמאי מבטיח שהמשאב שלך ייטען במהירות ולא ייטעןלכבות למספר שעות ברציפות. תהיה לכך השפעה עצומה על הנוכחות שלו.

איך לעשות אתר אינטרנט
איך לעשות אתר אינטרנט

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

  1. בחר ספק אירוח.
  2. הירשם לשירות לפי בחירתך.
  3. עבור לדף שבו תוכל לבחור תוכנית אירוח בהתאם לצרכים ולאפשרויות הפיננסיות שלך.

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

איך בוחרים שם דומיין?

אם אתה בונה אתר לעסק, שם הדומיין חייב להתאים לשם החברה שלך. אתה יכול לבחור רשם בינלאומי, ואז שם האתר שלך יסתיים ב-.com,.org או.net. לחלופין, בחר ב-.ru או.su הפופולריים יותר. כמו כן, ראוי לציין כי לאחרונה הופיעו מספר רב מאוד של הרחבות דומיינים - מ-.agency ועד.pizza. עם זאת, עדיף לא לבחור בהם אם הם לא מתארים בדיוק מה יש לך להציע. לדוגמה, בעת יצירת אתר חנות מקוונת, עדיף להגביל את עצמך ל-.com הסטנדרטי.

אם כבר יש לך שם דומיין מחושב היטב, פשוט הכנס אותו ולחץ על "הבא" בטופס המתאים באתר הרשם. אם לאמוכן לאסוף אותו מיד, אתה יכול לעשות זאת במועד מאוחר יותר.

איך לרשום אירוח?

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

בניית אתר מאפס
בניית אתר מאפס

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

העלה מנוע לאירוח

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

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

להלן השלבים שיש לבצע,שאתה צריך להשלים (הם צריכים להיות זהים עבור כל הספקים הגדולים):

  1. התחבר לחשבון האירוח שלך.
  2. עבור ללוח הבקרה שבו.
  3. חפש את הסמל "אתר" או WordPress.
  4. בחר את הדומיין שאליו אתה רוצה להעלות את המשאב שלך.
  5. לחץ על הכפתור שנקרא "התקן עכשיו" ותהיה לך גישה לאתר הוורדפרס החדש שלך.

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

תהליך הגדרה

אז, איך ליצור אתר אינטרנט? לאחר שהתקנת בהצלחה את WordPress או מנוע אחר בדומיין שלך, תוכל לראות משאב אינטרנט קל מאוד לניהול אך נקי. כדי שתהיה לו תכונות ייחודיות כלשהן, אתה צריך ערכת נושא - תבנית עיצוב (תבנית) שאומרת לפלטפורמה איך האתר שלך נראה. הבחירה יכולה להיות יצירתית ומעניינת. ישנם אלפי ערכות נושא אטרקטיביות, מעוצבות במומחיות שתוכל להוריד ולהתאים אישית עבור האתר שלך, בהתבסס על הנושא והמטרה שלו.

הוראות ליצירת אתר
הוראות ליצירת אתר

איך למצוא דפוס שאתה אוהב ומתאים הכי טוב:

  1. עבור לסרגל הכלים של WordPress.
  2. גישה פתוחה לנושאים בחינם. כדי לעשות זאת, הצג את סרגל הצד מראה ולאחר מכן לחץ על ערכות נושא. אם אתה צריך משהו יותר מקצועי אומקורי, אתה יכול ללכת ל-ThemeForest.net, שיש לו ספרייה ענקית של תבניות זמינות במחירים שונים.

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

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

התחל נושא חדש

לאחר שמצאת תבנית שאתה אוהב, תוכל להוריד אותה בקלות. כדי לעשות זאת, עליך ללחוץ על "התקן", ולאחר מכן ללחוץ על "הפעל".

סטודיו לפיתוח אתרים
סטודיו לפיתוח אתרים

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

איך להוסיף מידע וליצור דפים חדשים?

איך ללמוד איך לבנות אתר כשכל העבודה המקדימה הושלמה? לאחר התקנת התבנית, תהיה מוכן להוסיף נתונים. הנה כמה מהיסודות שיש לקחת בחשבון:

  1. הוספת דפים ועריכתם. לכן, אתה רוצה ליצור דף "אודות" או "שירותים" (לדוגמה, בתפריט בחלק העליון של ממשק האתר).ניתן לעשות זאת בדרך הבאה. עיין בתפריט הצד בסרגל הכלים של וורדפרס, בחר "עמודים" -> "הוסף חדש". ברגע שתלחץ על פריטים אלו, תראה מסך שדומה מאוד לממשק Microsoft Word. הזן טקסט, העלה תמונות ותוכן אחר כדי ליצור את הדף הרצוי, ולאחר מכן שמור אותו כשתסיים.
  2. הוספה לתפריט הדפים. אם אתה רוצה שהדף החדש שיצרת יהיה מסונכרן עם סרגל הניווט, שמור את כל השינויים שביצעת בו על ידי לחיצה על רענן. לחץ על "מראה" -> "תפריט" בחלונית בצד ממשק לוח המחוונים של וורדפרס. מצא את הדף שיצרת ורשום אותו על ידי סימון התיבה שלידו ולאחר מכן בחר הוסף לתפריט.
  3. הוספה ועריכה של הודעות. אם יש לך בלוג באתר, כל ה"פוסטים" יוצגו בזה אחר זה. יש לך את היכולת להשתמש בקטגוריות שונות כדי לקבץ הודעות דומות. אז אפשר להשתמש בקטגוריות וכותרות שונות. נניח שאתה רוצה ליצור קטגוריה בשם "בלוג". כדי לעשות זאת, הוסף אותו לתפריט שלך והתחל לפרסם. כדי לעשות זאת, עבור לקטע "פוסטים -> קטגוריות" או כתוב את הפוסט בבלוג שלך על ידי מעבר לקטע "פוסטים -> הוסף חדש". לאחר שתסיים להקליד את הפוסט שלך, תצטרך להוסיף אותו לקטגוריה המתאימה. לאחר שתיצור את הקטגוריה שלך, הוסף אותה לתפריט והכל יוצג באתר.

שנה כותרת ושמות עמודים

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

השבתת הערות על המשאב

חלק מבעלי אתרים (קשורים בעיקר לעסקים) לא רוצים שהמבקרים שלהם יוכלו להגיב על דפים. כדי להשבית הערות בדפי אינטרנט של וורדפרס, בצע את השלבים הבאים:

  1. אם אתה יוצר דף חדש, לחץ על "אפשרויות תצוגה" בתפריט השמאלי העליון.
  2. לחץ על שדה הדיון. "אפשר הערות" יוצג בתחתית.
  3. השבת אפשר תגובות.

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

איך להתאים אישית את דף הבית?

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

כדי להגדיר אותו, בצע את הפעולות הבאות:

  1. עבור לקטע שנקרא "הגדרות -> קריאה".
  2. בחר בעמוד הסטטי ששמרת. "בית" מציג את דף הבית שלך, "דף פוסטים" הוא החלק הראשון של הבלוג שלך (אלא אם כל הנכס שלך הוא בלוג).

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

שנה הגדרות בסרגל הצד

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

  1. עבור אל "מראה -> ווידג'טים" בתפריט הכלים של וורדפרס.
  2. בשלב זה, אתה יכול להשתמש בגרירה ושחרור כדי לכלול "תיבות" שונות בסרגל הצד, או לא לכלול פריטים מיותרים.

יש גם שדה HTML, שדה טקסט שבו אתה יכול להחיל קוד HTML. אם יש לך את הידע לעשות זאת, פשוט עזוב את זה בשקט.

התקן תוספים לפונקציונליות טובה יותר

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

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

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

אילו תוספים הם הפופולריים ביותר?

להלן תוספי וורדפרס פופולריים שמנהלי אתרים רבים מוצאים בהם ביקוש:

  1. טופס יצירת קשר. זוהי תכונה מדהימה, מכיוון שמבקרים יכולים למלא טופס ולאחר מכן לשלוח לך אימייל מבלי להיכנס לספק הדוא"ל האישי שלהם. במקרה שאתה רוצה ליצור משהו דומה, הקפד להתקין את התוסף הזה.
  2. Yoast SEO מיועד לוורדפרס: כאשר אתה רוצה להפוך את האתר שלך למוטב יותר ל-SEO, התוסף הזה הוא חובה. זה זמין בחינם ועובד בצורה מדהימה. תוכל לערוך תגיות כותרת, כל תיאורי המטא ועוד, וכל הפעולות יהיו מהעמוד עצמו. לפיכך, אינך צריך עוד להתמודד עם הגדרות וורדפרס במשך זמן רב.
  3. GoogleAnalytics: האם תרצה לעקוב אחר כל המבקרים במשאב והתנהגותם? כדי לעשות זאת, שיםפלאגין, סנכרן אותו עם חשבון Google שלך ואתה מוכן לצאת לדרך.

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

מוּמלָץ: