webDesign
באינטרנט החל מ 1998
 
עיצוב אתרים
עיצוב אתרי אינטרנט

עיצוב אתר קיים

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

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

אתרים אחרים דורשים סקירה של ה html של האתר ופקודות העיצוב המצויות בו. קוד ה html מגדיר את המבנה הכללי של האתר ומכיל תאים שבהם מצויים תכנים, תמונות ועוד. לקוד זה מתלווה קובץ בעל השם CSS (Cascading Style Sheets). קובץ זה מעניק את המראה לקוד ה html שמגדיר את תאי האתר.

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

דוגמה
התג div מתאר תא מלבני אופקי שנמתח לרוחב של 100% מרוחב חלון הדפדפן. תא זה יכול להכיל כל מרכיב דיגיטלי (טקסט, תמונה, סרטון וכדומה. בכדי ליצור את המיכל יש לכתוב את הקוד באופן הבא:

<div> תוכן כאן </div>

במידה והטקסט אמור להיות אדום ובגודל מסוים נרשום:

<div style="color:red"> תוכן כאן </div>

השורה מכילה תיאור של התוכן כמאפיין של התא. לכל תא עשויים להיות מאפייני עיצוב רבים. ניתן ליצור מארזי עיצוב שירשמו בקובץ ה CSS הנ"ל, וישפיעו על התג מבחוץ. במקרה כזה ינתן שם למארז העיצוב. המארז נקרא בשפה המקצועית class. מארז זה ירשם בתג ויגרום לו להיראות כפי שנרצה.

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

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

 

 

תגובות
הוספת תגובה
הוספת תגובה
 
 
תפנית בניית אתרים בטעינה
כותרת
תוכן