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

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

.ןאכ יתפתיש ונחנאש המ תא ביחרהל ידכ - FOSS םה םקלח - םילודג םיבאשמב אלמ WWW -ה ךא ,HTML תא תצק ריכמ התאש ונחנהו וז הרדסב םירתא חותיפו HTML 5 תודוסי תא קר ונרקיס יכ בל םיש ,תאז םע

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

:ונלש טקיורפה לש SiteRoot ךותב םש ותוא םע היקיתב ונכות תא ונרמש .םינפוג םשב הירפס םע עיגמ Bootstrap לש zip -ה ץבוק יכ ("HTML5 לש טנרטניא םושיי תביתכל Bootstrap -ו jQuery תפסוה") וז הרדסב 2

./http://getbootstrap.com/components תבותכב הנימז Bootstrap -ב םילולכה םינוקיפילג לש האלמה המישרה .םכלש תויצקילפאב םיטירפתלו םירותפכל םיאנ םילמס םיקפסמה םינבומה םיביכרה תוחפ אלו רתוי אל םה

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

<li class="active"><a href="#"><span class="glyphicon glyphicon-home" aria-hidden="true"></span> Home</a></li>
<li><a href="#"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> About</a></li>
<li><a href="#"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> Contact</a></li>

.(םירחא םיביכר םע בברעתהל םילמסהמ עונמל ידכ span תויגתב םישמתשמ ןאכ ,בגא)

:האצותה הנהו

.Bootstrap םע הקלח הרוצב בלתשהל לאיצנטופ הב שיש css/טנופ/ןוקייא המלש םילכ תכרע אוה Font Awesome .םיהדמ טנופ םוקמל סנכנ ןאכו .םילבגומ םג םה ,םיישומיש םהש ףא ,םינוקיפילגה

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

:(GUI ילכ תועצמאב ותוא סורפלו ךלש ןפדפדה ךרד zip -ה ץבוק תא דירוהלו טקיורפה לש טנרטניאה רתאל תורישי תכלל ססהת לא וא) תואבה תודוקפה תא עצב ,ךלש טקיורפב ותוא בלשלו Font Awesome תא דירוהל ידכ

# wget http://fortawesome.github.io/Font-Awesome/assets/font-awesome-4.3.0.zip

.(הדלקה תאיגש אל הזש ךכ ,R םע ,FortAwesome השעמל אוה ןיימודה םש ,ןכ)

# unzip font-awesome-4.3.0.zip
# cp font-awesome-4.3.0/css/font-awesome.min.css /home/gabriel/NetBeansProjects/TecmintTest/public_html/styles
# cp font-awesome-4.3.0/fonts/* /home/gabriel/NetBeansProjects/TecmintTest/public_html/fonts

:(דוקה ןולחב םיטקיורפ הייסיטרכב מ ץבוקה תא וררג טושפ - לכה דילקהל ךירצ אלש ורכז) םדוק Bootstrap -ו jQuery םע ונישעש ומכ קוידב ,ונלש דומעה שארב תוינפהה תמישרל .css ץבוקה תא ף

:לשמל ,ונלש טווינה לגרסב תחתפנה המישרה תא חקינ ואוב

:תיתחתב index.php תיתחתב םשב ul class חתפנה טירפתה לש ןכותה תא ףילחהל אוה שרדנש המ לכ ?ןוכנ ,דמחנ

<li><a href="#"><i class="fa fa-pencil fa-fw"></i> Edit</a></li>
<li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
<li><a href="#"><i class="fa fa-ban fa-fw"></i> Ban</a></li>
<li class="divider"></li>
<li><a href="#"><i class="i"></i> Make admin</a></li>

.דואמ תלמגתמ היווח היהת ולא םילכב שומישה תדימלב םכנמז תעקשה - יל ונימאה

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

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

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

JSFiddle (לש ןווקמ דוק ןחוב Javascript/CSS/HTML) ו- Bootply (ל ההז- JSFiddle דוקב החמתמ ךא Bootstrap) (םימורופב וא ,ךלש תיתרבחה תשרה יליפורפ תועצמאב ,ךלש םירבחה םע ל"אוד תועצמאב וא) טנ

םוכיס

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

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

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