נושא המאמר: שלבים בבניית אתרים
מאת: דרור שתיוי שמור מאמר למועדפים
לפני בניית האתר יש לתכנן את האתר ולהגיע להבנה מעמיקה בנוגע לנושאי האתר ותחומי פעילותו. יש לתכנן את שם האתר, הנושא, קהל היעד, התוכן והעיצוב.
HTML הינה השפה הבסיסית לבניית אתרים. HTML למעשה אינה שפת תכנות אלא שפת סימון בלבד ועובדת מול הדפדפן. ישנן גם שפות הנחוצות לבניית אתרים כגון – CSS שהיא שפה מאד שימושית ונחוצה לבניית אתרים ובמיוחד לעיצובו. CSS מאפשרת הפרדה מלאה בין העיצוב לתוכן האתר וכן עבודה מהירה וקלה יותר בעיצוב אתרי אינטרנט.
כדי להתחיל בבניית האתר יש להתחיל ביצירת דף מלל. הדפדפנים קוראים קובצי מלל ומפענחים את תגיות ה-HTML . תגיות HTML אלה הן הסמנים המתארים כיצד רוצים שהדברים בעמוד ייראו. לדוגמא אם רוצים שמילה מסוימת בעמוד תראה מודגשת, יש להקיף את המילה עם התגיות המתאימות למלל מודגש. לדוגמא התגית עבור הדגשה היא .
בבניית אתרים אנו מפרידים בין הכותרת והגוף. כדי להגדיר כותרת יש להקיף את המלל הרצוי בתגיות . את עיצוב הכותרת מעצבים בעזרת תוכנת Photoshop . יש להכין לוגו יפה ומקורי לאתר ולהתאים את הצבעים בצורה הטובה ביותר שניתנת, על מנת שהמלל יבלוט אך גם יהיה קריא. יש לוודא שהכותרת מתארת במה מדובר בדף האינטרנט.<br><br>בתהליך הבנייה משתמשים בתפריט הניהול. אנו ממלאים את כותרת העמוד, את התוכן ומוסיפים את כל העמודים שתכננו להוסיף. לאחר מכן נבחר את הצבעים ונערוך את דף הבית של האתר. בבניית אתרים דף הבית של האתר הוא החשוב ביותר, כי זהו הדף הראשון שהגולש יראה כאשר הוא נכנס לאתר. לכן חשוב להציג בדף זה תמונות וטקסט שאנו רוצים להבליט, ולעצב אותם בצורה שתמשוך את עין המתבונן.<br><br>בתהליך בניית האתר יש להכניס את הכותרת בתוך אזור ה- <HEAD > לפיכך המסמך יראה כך:<br><HTML ><br><HEAD ><br><TITLE><br><HEAD ><br><BODY ><br><BODY /><br><HTML /><br><br>בבניית האתר יש חשיבות למרכוז מלל וגראפיקה המעניק לדף האינטרנט מראה מקצועי ומעניין. כדי להשיג את האפקט הזה בדף אינטרנט, יש להשתמש בתגיות <CENTER > המיועדות למרכוז פסקאות, רשימות, כותרות ואפילו גראפיקה ולפיכך המסמך יראה כך:<br><CENTER ><br><מלל וכדומה שרוצים למרכז><br><CENTER /><br><br>כאשר רוצים לחלק את המלל לפסקאות, משתמשים בתגית <P>. כאשר דפדפן פוגש את התגית <P> הוא מתחיל פיסקה חדשה, בשורה נפרדת ומכניס שורה ריקה אחת בין שתי הפסקאות.<br><br>התגית <FONT> מגדירה בין שאר הדברים גם את גודלו של המלל. בבניית אתרים 3 הוא גודלו של מלל סטנדרטי. גודל זה נקרא Base font . אפשר לשנות את גודל הגופן באמצעות התגית <Basefont >.<br><br>בתהליך בניית האתר אנחנו הולכים שלב שלב. ראשית מתכננים כאמור את המלל ואז יוצרים פסקאות ומעצבים. ניתן להוסיף תמונות, גראפיקה ומוסיקה והכל בעזרת HTML שהיא תוכנה קלה ופשוטה לבניית אתרים. <br></SPAN><br></SPAN><br></p></DIV><A Href="//www.amsale.co.il" Target="_blank" class="redlink">www.amsale.co.il</a> <br>
<br>
<center>
<script type="text/javascript"><!--
google_ad_client = "pub-6339883515885556";
/* 468x60, נוצר 26/02/09 */
google_ad_slot = "4789301281";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript" src="https://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</center>
<br>
<P style="font-size: 10px; color: darkblue; text-align: justify;">מאמר זה נוסף לאתר "ארטיקל" מאמרים ע"י <B style="font-size:12px;">דרור שתיוי</B> שאישר שהוא הכותב של מאמר זה ושהקישור בסיום המאמר הוא לאתר האינטרנט שבבעלותו, מפרסם מאמר זה אישר בפרסומו מאמר זה הסכמה לתנאי השימוש באתר "ארטיקל", וכמו כן אישר את העובדה ש"ארטיקל" אינם מציגים בתוך גוף המאמר "קרדיט", כפי שמצוי אולי באתרי מאמרים אחרים, מלבד קישור לאתר מפרסם המאמר (בהרשמה אין שדה לרישום קרדיט לכותב). מפרסם מאמר זה אישר שמאמר זה מפורסם אולי גם באתרי מאמרים אחרים בחלקו או בשלמותו, והוא מאשר שמאמר זה נוסף על ידו לאתר "ארטיקל".</P>
<P style="font-size: 10px; color: darkblue; text-align: justify;">צוות "ארטיקל" מצהיר בזאת שאינו לוקח או מפרסם מאמרים ביוזמתו וללא אישור של כותב המאמר בהווה ובעתיד, מאמרים שפורסמו בעבר בתקופת הרצת האתר הראשונית ונמצאו פגומים כתוצאה מטעות ותום לב, הוסרו לחלוטין מכל מאגרי המידע של אתר "ארטיקל", ולצוות "ארטיקל" אישורים בכתב על כך שנושא זה טופל ונסגר.</P>
<P style="font-size: 10px; color: darkblue; text-align: justify;">הערה זו כתובה בלשון זכר לצורך בהירות בקריאות, אך מתייחסת לנשים וגברים כאחד, אם מצאת טעות או שימוש לרעה במאמר זה למרות הכתוב לעי"ל אנא צור קשר עם מערכת "ארטיקל" בפקס 03-6203887.</P>
<P style="font-size: 10px; color: darkblue; text-align: justify;">בכדי להגיע לאתר מאמרים ארטיקל דרך מנועי החיפוש, רישמו : מאמרים על , מאמרים בנושא, מאמר על, מאמר בנושא, מאמרים אקדמיים, ואת התחום בו אתם זקוקים למידע.</P>
</div>
</TD>
</TR>
</TABLE></TD>
<TD><IMG SRC="images/spacer.gif" HEIGHT=1 WIDTH=5></TD>
<TD valign=top height=100%><p><a href="http://www.booking.com/region/gr/mykonos.html?aid=318324&label=article" target="_blank"><img src="../../pics/201415071634_138X146.png" alt="" align="baseline" border="0" hspace="0" /></a></p>
<p><a href="http://www.greece-islands.co.il" target="_blank"><img src="../../pics/2015614114712_138X235.jpg" alt="" align="baseline" border="0" hspace="0" /></a></p>
<p> </p>
<p><a href="http://www.gulliver.co.il/Content/SalePage.aspx?pageId=368&Affiliate=greece-isl" target="_blank"><img style="height: 205px; width: 129px;" src="../../pics/gulideal.jpg" alt="" width="196" height="238" /></a></p>
<p><a href="http://www.clickgo.co.il/index/hotels_help.html" target="_blank"><img style="height: 321px; width: 133px;" src="../../pics/2015120102133_119X321.png" alt="" width="129" height="320" align="baseline" border="0" hspace="0" /></a></p>
<p> <a href="http://www.rentalcars.com/?affiliateCode=clickgo&preflang=he" target="_blank"><img src="../../pics/2015319071931_122X602.png" alt="" align="baseline" border="0" hspace="0" /></a></p>
<p> </p>
<p><a href="http://www.realestate-greece.co.il/"><img style="height: 100px; width: 150px;" src="../../pics/2014310081958_207X83.png" alt="" width="127" height="92" align="baseline" border="0" hspace="0" /></a></p>
<p><a href="http://www.in-italy.co.il/italy_hotels.html" target="_blank"><img style="height: 117px; width: 142px;" src="pics/2013624063025_125X96.png" alt="" width="128" height="104" align="baseline" border="0" hspace="0" /></a><br /><br /><a href="http://www.booking-hotel.co.il/index.asp" target="_blank"><img style="height: 63px; width: 137px;" src="../../pics/page_logo_small.jpg" alt="" width="250" height="100" align="right" border="0" /></a><br /><br /><br /></p>
<p> <br /><span style="font-size: medium;"><br /></span><span style="color: #cc0000;"> <strong><a href="http://www.rentingcar.co.il" target="_blank"><span style="color: #cc0000;">להשכיר רכב</span></a></strong> <br /><br /></span><span style="color: #cc0000;"> <strong><a href="http://www.booking-hotel.co.il" target="_blank"><span style="color: #cc0000;">הזמנת מלון בחו"ל</span></a></strong></span></p>
<p><strong><span style="color: #cc0000;"> </span><a href="http://www.booking-hotel.co.il/pages/hotel_in_israel.html" target="_blank"><span style="color: #cc0000;">הזמנת מלון בישראל</span></a><br /><br /></strong><strong><span style="color: #cc0000;"> </span><a href="http://www.greece-islands.co.il" target="_blank"><span style="color: #cc0000;">אתר איי יוון</span></a><br /><br /></strong><strong><span style="color: #cc0000;"> </span><a href="http://www.in-italy.co.il" target="_blank"><span style="color: #cc0000;">מדריך איטליה</span></a><br /><br /></strong><strong><span style="color: #cc0000;"> </span><a href="http://www.newyork-hotels.co.il/" target="_blank"><span style="color: #cc0000;">מלונות בניו יורק</span></a></strong></p>
<p><strong><span style="color: #cc0000;"> </span><a href="http://www.vegascity.co.il/" target="_blank"><span style="color: #cc0000;">מדריך לאס וגאס</span></a></strong></p>
<p><strong><span style="color: #cc0000;"> </span><a href="http://www.travelpedia.co.il/" target="_blank"><span style="color: #cc0000;">המלצות על נופש</span></a></strong></p>
<p><strong><span style="color: #006600;"><a href="http://www.in-paris.co.il"><span style="color: #cc0000;"> המלצות על פריז</span></a></span></strong></p>
<p><strong><span style="color: #006600;">נדל"ן ביוון</span></strong></p>
<p><strong><span style="color: #006600;"><br /></span></strong> <br /> <br /> </p>
<p> </p></TD>
</TR>
</TABLE>
<table dir="rtl" border="0" width="780" align="center">
<tbody>
<tr>
<td style="font-size: 9px;" align="center">
<p><a href="http://www.greece-islands.co.il/"><span style="color: #000000; font-size: xx-small;">איי יוון</span></a><span style="color: #000000;"> | </span><a href="http://www.athens.co.il/"><span style="color: #000000; font-size: xx-small;">אתונה</span></a><span style="color: #000000;"> | </span><span style="color: #000000;"><a href="https://www.lisbon.co.il/" target="_blank"> ליסבון</a> </span><span style="color: #000000;"> | </span><a href="http://www.zamir-graphology.co.il/graphology_law.html"><span style="color: #000000; font-size: xx-small;">גרפולוגיה משפטית</span></a><span style="color: #000000;"> | </span><a href="http://www.crete.co.il/"><span style="color: #000000; font-size: xx-small;">כרתים</span></a><span style="color: #000000;"> | </span><a href="http://www.in-italy.co.il/"><span style="color: #000000; font-size: xx-small;">איטליה</span></a><span style="color: #000000;"> | </span><a href="http://www.booking-hotel.co.il/"><span style="color: #000000;">הזמנת מלון</span></a> | <a href="http://www.greece-vacation.co.il/zagori.html"><span style="color: #000000;">חבל זגוריה</span></a> | <a href="http://www.flight-booking.co.il/"><span style="color: #000000;">הזמנת טיסה</span></a> | <a href="http://www.rentingcar.co.il/"><span style="color: #000000;">השכרת רכב בחו"ל</span></a></p>
<p><iframe src="https://www.booking.com?aid=318324;tmpl=banners;size=468x60;lang=en;target_aid=318324;theme=minimal;label=banner" name="banner" width="468" height="60" frameborder="0" scrolling="no"></iframe> </p>
<p> </p>
<p> </p>
</td>
</tr>
</tbody>
</table>
<p> </p>
<table dir="rtl" border="0" width="780" align="center">
<tbody>
<tr>
<td style="font-size: 9px;" align="center">
<p> </p>
<p><span style="font-size: small;"><strong><span style="color: #000000; font-family: arial, helvetica, sans-serif;">ארטיקל </span></strong><a href="http://www.article.co.il/"><strong><span style="color: #000000; font-family: arial, helvetica, sans-serif;">מאמרים</span></strong></a><strong><span style="color: #000000; font-family: arial, helvetica, sans-serif;"> 2024 - 2006 </span></strong><a href="mailto:clickgoseo@gmail.com"><strong><span style="color: #000000; font-family: arial, helvetica, sans-serif;">clickgoseo@gmail.com</span></strong></a> <br /></span></p>
</td>
</tr>
</tbody>
</table>
<p> </p>
<script src="https://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">_uacct = "UA-3082206-2";urchinTracker();</script>
</BODY>
</HTML>
