|
Raviv | תאריך: 19.07.06 - שעה: 15:31:04 |
חבר מתאריך: 04.04.06 - שעה: 10:06:47
2,119 הודעות.
|    |
|
#4957, "טיפים מעולים לבניית אתרים-נלקח ממתכנתים הכי טובים שאני מכיר"
|
הוספת הערות
הפונקציה המגניבה שבניתם ב2- בלילה יכולה להיות לכם מאוד מובנת ברגע בנייתה, אבל אחרי שתלכו לישון ותתעוררו, הכל יראה הרבה פחות מובן לכם, ואם יש לכם צוות של עוד אנשים שעובדים על אותו קוד, אדרבה. הוספת הערות מהווה פיתרון פשוט לבעיה הזאת. דוגמה:
<!-- This is a comment -->
שימוש BASE להקטנת נפח הדף
רוצים את הנוחות וקופקטיות של קישור רגיל עם היציבות של קישור מותנה? השתמשו בטאג ה-BASE ותוכלו להזיז את הדף ממקום למקום .בקלות ועדיין בלי להיתקעה עם שמות ארוכים ומעצבנים. דוגמה:
<base href="http://www.guides.co.il/Pictures" /> <img src="pdf.png" />
שימוש ב-CSS
משום מה, רבים עדיין לא משתמשים באפשרות הנהדרת של הגדרות CSS. מה שמנפח את גודל הקוד וסתם הופך אותו לפחות קריא.CSS קל ללמידה ולשימוש ומקל בהרבה את עבודה של כל מעצב אתרים.
הגדרת הפונט במטה
כמה פעמים קרה שנכנסתם לאתר והעברית לא הוצגה כראוי (או היתה הפוכה)? פשוט תגדירו במטה את סוג העברית באופן תקין (תקן כללי, תקן של חלונות, Unicode):
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-8-i" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
רווחים, בלי התו
שימוש בתו המיוחד ליצירת רווח יפה לרווח של שניים-שלושה רווחים, ליצירת רווחים גדולים יותר עדיף להשתמש בהגדרות CSS. דוגמה:
<style> .updated { position : relative; left : 460pt; top : 0pt; } </style> <div class="updated"> no backspace </div>
טריק הקו הפיקסל היחיד
רוצים לעשות קו, ריבוע או מלבן עם מינימום משקל ? ציירו פיקסל אחד ותמתחו אותו כרצונכם. דוגמה:
קו
<img src="pixel.jpg" width="100" />
ריבוע
<img src="pixel.jpg" width="100" hieght="100" />
תנועה מעגלית ב-DHTML
הרבה שוברים את הראש בשאלה איך ליצור תנועה מעגלית. התשובה היא שימוש בפונקציות המתמטיות סינוס וקוסינוס.
והנה דוגמה מאוד כללית על איך תראה פונקצייה לתזוזה מעגלית:
document.all.someobjectid.style.top=100+Math.sin(x)*70; document.all.someobjectid.style.left=100+Math.cos(y)*70;
תוכנה לתיקון HTML
אחרי שעות של עבודה הקוד שלכם מן הסתם יהיה מלא בשגיאות תחביריות שונות. טאגים שלא נסגרו, פרמטרים שלא הוגדרו נכון. שימוש בטאגים מיושנים או כאלה שכבר לא קיימים. כדי שלא נצטרך לבדוק את הקודים שלנו כל פעם, בנה אירגון התקנים של האינטרנט (W3C) יחד עם חברת HP תוכנה שמתקנת שגיאות ב-HTML .את התוכנה אפשר להוריד מהאתר: http://tidy.sourceforge.net
עבודה לפי התקן
מומלץ לקרוא את התקן של שפת XHTML כדי לדעת מה הכלים שעומדים לרשותך כבונה אתרים. בדרך כלל תגלה כי יש טאגים חדשים שלא הכרת, או דרכים חכמות יותר לעשות דברים. לאחר הבניה, רצוי לבדוק האם הקוד של האתר תקף (Valid) ע"י האתר הבא: http://validator.w3.org
הוספת איקון במועדפים
כדי להוסיף איקון לאתר שיראה בשורת וברשימת המעודפים, יש להוסיף את השורה הבאה בחלק הHEAD- של דף הHTML-. בנוסף יש ליצור קובץ אייקון ולהעלות אותו לאתר
<link rel="shortcut icon" href="http://www.site.com/myicon.ico" />
ליקטתי אחד אחד את הטיפים האלה מהמתכנתים המובחרים ביותר שאני מכיר.
תהנו
בברכה,Picolo האחד והיחיד של זבנג (:!!!
|
|
|
