9 רעיונות לבניית אתרים גדולים עם פחות

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

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

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

1. להשאיר את זה למומחים

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

עבור אלה מאיתנו מתמקדים נישה מסוימת, עזרה חיצונית צריך להיות בברכה חמה. זה יכול לזרז את תהליך בניית אתר אינטרנט עשר מציע חוויה ייחודית לעבוד במסגרת צוות. כמה מן הטובים ביותר PSD לשירותי HTML כוללים psd2html ו xhtmlchop.com, גוגל "PSD לשירותי HTML" כדי לקבל יותר, או לבדוק רשימה של 100 + שירותים כאן.

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

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

2. פתרונות מיקור חוץ

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

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

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

3. לנצל קוד פתוח

אחת ההמצאות הטובות ביותר של קהילת פיתוח האינטרנט של היום צריכה להיות תוכנת קוד פתוח. ישנם מאמצים אין ספור להיות עבד על כל יום כדי להשלים ולשפר ספריות קיימות. jQuery ו MooTools הם שניים מתוך מאות ספריות JavaScript אשר בולטים משאר מבוסס על הדרכות פשוטות ומוניטין. עם זאת, JavaScript הוא לא רק פרוטוקול פתוח שעבד על. פשוטו כמשמעו מאות אלפי מפתחים משתפים ותורמים חבילות קוד ב- GitHub מדי יום. שפות כוללות PHP, CSS, SQL, ASP, Objective-C, Java, ועוד רבים!

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

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

4. עיצוב סמלים משלו - לא נדרש

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

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

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

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

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

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

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

6. בדיקת ביצועים חינם

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

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

עוד שירות נהדר, מנהלי אתרים של Google מאפשר למפתחים לתבוע בעלות על האתר שלהם. ניתן לעשות זאת באמצעות Sitemap, תג meta או חלופות אחרות המסופקות על ידי Google. אם אתה משתמש בחשבון Google אפשר לאחסן נתוני RSS ואפילו לעקוב אחר מילות מפתח עבור אתרים בודדים. היישום הוא 100% חינם ומאפשר לך לאחסן חיבורי אינטרנט ללא הגבלה!

7. קוד עורכי יכול להיות זול (או חינם)

אם אנחנו אוהבים להודות בכך שרוב מעצבי האינטרנט נוטים להתעסק בצורה כלשהי בניית אתרים. זה רק עבור אלה מוכשרים באמת Adobe Photoshop או Illustrator מי לא מיזם לתוך HTML ו- CSS עיצוב.

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

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

8. להרים כמה ערכות Starter

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

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

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

9. תמיד לשמור על קשר עם זמן המחקר

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

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

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

אני גם מאוד ממליץ על Tuts + רשת שנוצרו על ידי Envato. הם מארחים אלפי הדרכות החל Photoshop, Illustrator, HTML5, ActionScript, צורות וקטוריות, ואפילו צילום. חלק מהקוד שלהם דורש חברות כדי להוריד, אבל כל הדרכות חופשיות ללכת להציע הוראות שלב אחר שלב כדי להקל על מחזור הלמידה.

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

סיכום

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

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