איך בונים אתר מקצועי

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

כיצד לבנות אתר אינטרנט מקצועי

על ידי דיאנה Marqués. הגיש ביום שישי 05 מרץ 2004
אודות המחבר: דיאנה Marqués מתגורר בברצלונה, ספרד. היא מתרגמת עצמאי ספרדית ומתמחה ב-IT, תוכנה ולוקליזציה באתר אינטרנט, כמו גם בכלכלה, בנקאות, תרגום פיננסי והחוק.
הבית / איך לבצע Library / עבודה כטיפי הפרילאנס / שיווק
תוכן

0. מבוא
1. תחילת עבודה: ללמוד את היסודות של HTML ו-CSS
2. העברה ב: להשתמש בעורך WYSIWYG
3. בניית האתר שלך: התכנון היא המפתח להצלחה
4. חיסכון בזמן: תבניות פתרון מן המוכן
5. תכונות מתקדמות: גילוי יישומונים וJavascripts
6. פרסום האתר שלך: השלב האחרון
7. אחרונות חביבות: כמה עצות מניסיוני האישי

0. מבוא

מדוע הוא אתר אינטרנט מקצועי חשוב כל כך?

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

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

מה אני אמצא בHOWTO זה?

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

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

חזרה לתוכן עניינים

1. תחילת עבודה: ללמוד את היסודות של HTML ו-CSS

מהו אתר אינטרנט?

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

כיצד ניתן להתחיל בבניית אתר האינטרנט שלי?

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

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

מתכון: דף האינטרנט הפשוט ביותר ב 10 שניות
1. העתק את הקוד הזה בפנקס הרשימות:
הלו!
2. לשמור אותו כhello.html על שולחן העבודה שלך
3. לפתוח את הדפדפן שלך
4. לפתוח hello.html מהדפדפן שלך (קובץ: קובץ פתוח: hello.html)

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

הדרכות HTML:
W3 בתי ספר: http://www.w3schools.com/html/ (הדרכה מצוינת למי שמתחילים ממש מאפס)
המדריך של דייב HTML: http://www.davesite.com/webstation/html/

הדרכות CSS:
W3 בתי ספר: http://www.w3schools.com/css/
של דייב CSS המדריך: http://www.davesite.com/webstation/css/

התחל עם HTML ולאחר מכן לעבור ל-CSS. זה מדהים מה שאתה יכול לעשות עם כמה טריקים!

חזרה לתוכן עניינים

2. העברה ב: להשתמש בעורך WYSIWYG

ברגע שאתה שולט ב-HTML ו-CSS אתה יכול להתחיל להשתמש בעורך WYSIWYG. עורך WYSIWYG יעזור לך לבנות אתר אינטרנט מורכב יותר בקלות.

מהו עורך WYSIWYG?

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

אז, למה זה שימושי ללמוד HTML?

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

איפה אני יכול להשיג עורך WYSIWYG?

עורכים מתקדמים כמו Dreamweaver או FrontPage הם די יקרים, אבל לכולנו יש גישה לעורכי WYSIWYG חינם שיעזרו לנו הרבה בבניית אתר אינטרנט מקצועי.

כאן יש לך רשימה קטנה:

Microsoft Word: עורך אתר אינטרנט WYSIWYG שיש לכולנו בבית.
1. בתפריט התצוגה, לשנות את התצוגה ל" להציג אינטרנט ".
2. לחץ לחיצה ימנית על אחד מסרגלי כלים ובחרו "כלי אינטרנט" מהתפריט שיופיעו.
והוא מוכן לתפקד כעורך WYSIWYG אינטרנט!

מלחין נטסקייפ: מובנה בעורך WYSIWYG שמגיע עם דפדפן נטסקייפ. אתה יכול להוריד אותו בחינם בכתובת: http://channels.netscape.com/ns/browsers/

WebDwarf: עורך WYSIWYG חינם לדפי אינטרנט. אתה יכול להוריד אותו בחינם ולקבל מידע נוסף בכתובת: http://www.virtualmechanics.com/products/dwarf/index.html

חזרה לתוכן עניינים
3. בניית האתר שלך: התכנון היא המפתח להצלחה

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

איך אני יכול לתכנן את האתר שלי בצורה יעילה?

א) מחקר:

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

ב) תוכן ומבנה:

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

ג) תמונה עסקית, שפה ופריסה גרפית:

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

ד) חשוב מאוד:

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

חזרה לתוכן עניינים
4. חיסכון בזמן: תבניות פתרון מן המוכן

מהי תבנית?

הדבר הבא שאתה צריך לשקול הוא האם אתם רוצים להשתמש בתבניות או שאתה מעדיף להתחיל לבנות את האתר שלך מהתחלה.

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

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

איפה אני יכול למצוא תבניות?

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

חינם תבניות שלי: http://www.myfreetemplates.com/
חינם תבניות אתר אינטרנט מJimworld: http://freesitetemplates.com/templates/

חזרה לתוכן עניינים

5. תכונות מתקדמות: גילוי יישומונים וJavascripts

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

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

JavaScript: JavaScript היא שפת scripting בשימוש נפוץ לבניית דפי אינטרנט. מתכנתים להשתמש ב-JavaScript כדי להפוך את דפי אינטרנט לאינטראקטיביים יותר, לדוגמה, כדי להציג טפסים וכפתורים.

כאן יש לך כמה כתובות אתר טובות שבו ימצאו יישומונים וJavascripts מוכנים להכניס באתר האינטרנט שלך:

בוטיק ג'אווה: http://javaboutique.internet.com/
מקור JavaScript: http://javascript.internet.com/

חזרה לתוכן עניינים

6. פרסום האתר שלך: השלב האחרון

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

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

1. שרת או מארח:

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

2. ספק שירותי אינטרנט:

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

3. FTP תוכנה:

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

חזרה לתוכן עניינים
7. אחרונות חביבות: כמה עצות מניסיוני האישי

1. דע את המגבלות שלך:

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

2. קבל אירוח ייעודי ומידע של שרת:

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

3. יש התייחסות בהישג יד:

יש תמיד איזו התייחסות טובה HTML / CSS בהישג יד, כי אתה יכול לבדוק אם יש לך בעיה או ספק. לדוגמה:
W3 בתי ספר: http://www.w3schools.com
המדריך של דייב HTML: http://www.davesite.com/webstation/html/

© דיאנה Marqués, 2004

משוב:

היה HOWTO זה שימושי עבורך?
האם זה היה קל לעקוב?
היית תקוע במקום כלשהו?

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

מודעות פרסומת

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

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

להשאיר תגובה

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

הלוגו של WordPress.com

אתה מגיב באמצעות חשבון WordPress.com שלך. לצאת מהמערכת / לשנות )

תמונת Twitter

אתה מגיב באמצעות חשבון Twitter שלך. לצאת מהמערכת / לשנות )

תמונת Facebook

אתה מגיב באמצעות חשבון Facebook שלך. לצאת מהמערכת / לשנות )

תמונת גוגל פלוס

אתה מגיב באמצעות חשבון Google+ שלך. לצאת מהמערכת / לשנות )

מתחבר ל-%s

%d בלוגרים אהבו את זה: