[מדריך] בניית אתר בסיסי HTML * מושקע *
אז נתחיל .
תוכן עניינים :
1 . הסברים על מה שנעשה
2 . בניית פורטל
3 . בניית דף הבית + דפים
4 . תוצאות נחמדות
5 . תגובות שלכם ועם תרצו להראות תוצאות .
נתחיל !
מהו פורטל ? פורטל זהו הדף לפני ' דף הבית ' כאשר נכנסים
אנחנו נכנסים לפורטל יש לנו תמונה וכאשר אנו לוחצים על התמונה אנו עוברים לדף הבית .
נתחיל בפורטל :
הסבר :קוד HTML:<html> <head> <title> Wellcome To Musiclub </title> <link rel="" href="music.jpg"> </head> <Style type="text/css">body{ background-color:White;background-image:url;background-position:Bottom; background-attachment:fixed;background-repeat:no-repeat;//By Shin2.co.il</Style> <Style type="text/css">body{ background-color:White;background-image:url;background-position:Center; background-attachment:fixed;background-repeat:no-repeat;//By Shin2.co.il</Style> <Style type="text/css">body{scrollbar-arrow-color:#FFFFFF;scrollbar-face-color:#FF00FF;scrollbar-darkShadow-color:#000000;scrollbar-highlight-color:#FFFFFF;scrollbar-shadow-color:#000000;scrollbar-3dlight-color:#CC00FF;scrollbar-track-color:#FF99FF;}//BY Shin2.co.il</style> <body> <font color=purple> <center> <a href="http://www.siz.co.il/"><img src="http://up48.siz.co.il/up1/oig0m1qqdyzo.jpg" border="0" alt="העלאת תמונות - סיז" /></a> <br> <br> <a href=bait.html> ----> לחץ כאן כדי להיכנס לאתר <---- </a> </body> </html>
<link rel="" href="music.jpg">
התמונה אשר בחרנו שתיהיה בפורטל .
הפקודה לפורטל .קוד HTML:<Style type="text/css">body{ background-color:White;background-image:url;background-position:Bottom; background-attachment:fixed;background-repeat:no-repeat;//By Shin2.co.il</Style> <Style type="text/css">body{ background-color:White;background-image:url;background-position:Center; background-attachment:fixed;background-repeat:no-repeat;//By Shin2.co.il</Style> <Style type="text/css">body{scrollbar-arrow-color:#FFFFFF;scrollbar-face-color:#FF00FF;scrollbar-darkShadow-color:#000000;scrollbar-highlight-color:#FFFFFF;scrollbar-shadow-color:#000000;scrollbar-3dlight-color:#CC00FF;scrollbar-track-color:#FF99FF;}//BY Shin2.co.il</style> סקריפטים - סטיילים אשר מוסיפים לעיצוב . <a href="http://www.siz.co.il/"><img src="http://up48.siz.co.il/up1/oig0m1qqdyzo.jpg" border="0" alt="העלאת תמונות - סיז" /></a> <br> <br> <a href=bait.html> ----> לחץ כאן כדי להיכנס לאתר <---- </a>
הערה : [ אתם צריכים לעלות את התמונה לאתר להעאלת תמונות אני בחרתי ב-SIZ
אתם בוחרים ב- קוד לאתרים ושמים את זה כאן . ]
סיימנו עם הפורטל !
נעבור לדף הבית + הדפים .
נהבלהתם ? מה זה כל הסיבוך הזה ?!?!?!קוד HTML:<html> <head> <title> Musiclub By Niv Avidan</title> </head> <body background=music.jpg> <Style type="text/css"><body{ background-color:White;background-image:url;background-position:Center; background-attachment:fixed;background-repeat:no-repeat;//By Shin2.co.il</Style> <Style type="text/css">body{ background-color:White;background-image:url;background-position:Bottom; background-attachment:fixed;background-repeat:no-repeat;//By Shin2.co.il</Style> <Style type="text/css">body{scrollbar-arrow-color:#FFFFFF;scrollbar-face-color:#FF00FF;scrollbar-darkShadow-color:#000000;scrollbar-highlight-color:#FFFFFF;scrollbar-shadow-color:#000000;scrollbar-3dlight-color:#CC00FF;scrollbar-track-color:#FF99FF;}//BY Shin2.co.il</style> <Style type="text/css">body{ background-color:white;background-image:url;background-position:center; background-attachment:fixed;background-repeat:no-repeat;//By Shin2.co.il</Style> <font color="#FF0000" size="6"><font font></font><font color="#FF0000" size="6"></font></font> <p align="center"><font color="#FF0000" size="6"><br> <br> <span background-color:white;> <align="center"></font><font color="#800080" size="6"> <strong>Wellcome To Musiclub </align="center"></strong> <align="left"></font><font color="#800080" size="4" face="david"><br> <marquee Wellcome To Musiclub </marquee><br> New Songs All The Time <br> ! Just Enjoy . </font></p> </marquee> <h3 align="center"><font color="#000000" size="4" face="david"><br> <br> </font><font color="#0000FF" size="4" face="david"><br> <br> </font><a href="trance.html"><font color="#0000FF" size="4" face="david">ELECTRO </font></a><font color="#0000FF" size="4" face="david"><br> <br> </font><a href="set.html"><font color="#0000FF" size="4" face="david">Set's </font></a><font color="#0000FF" size="4" face="david"><br> <br> </font><a href="mizrahit.html"><font color="#0000FF" size="4" face="david">מזרחית </font></a><font color="#0000FF" size="4" face="david"><br> <br> </font><a href="hadash.html"><font color="#0000FF" size="4" face="david">חדשים - מתעדכן כל יום </font></a></h3> <p align="center"><a href="zil.html"><font color="#0000FF" size="4" face="david">צילצולים </font></a><font color="#0000FF" size="4" face="david"><br> </font><font color="#000000" size="3" face="david"><font font> <strong>The Song : ליאור פרחי + סבלמינאל - תזהר ממנה </strong><br> <br> <br> <embed src="lemata.mp3" align="baseline" border="0" width="350" height="50" autostart="true" hidden="false> </font></font><font color="#000000" size="1" face="david"><font font> </font></font></p> <font color="#0000FF" size="4" face="david"></span></font> <br /> <table width="100%" cellpadding="0" cellspacing="0" border="0"> </table> <br> <center> </body> </html>
אל תדאגו , נסביר הכול .
כמו שאמרתי מקודם אלה סקרטיפים + סטיילים אשר מוסיפים לעיצוב .קוד HTML:<Style type="text/css">body{ background-color:White;background-image:url;background-position:Bottom; background-attachment:fixed;background-repeat:no-repeat;//By Shin2.co.il</Style> <Style type="text/css">body{scrollbar-arrow-color:#FFFFFF;scrollbar-face-color:#FF00FF;scrollbar-darkShadow-color:#000000;scrollbar-highlight-color:#FFFFFF;scrollbar-shadow-color:#000000;scrollbar-3dlight-color:#CC00FF;scrollbar-track-color:#FF99FF;}//BY Shin2.co.il</style> <Style type="text/css">body{ background-color:white;background-image:url;background-position:center; background-attachment:fixed;background-repeat:no-repeat;//By Shin2.co.il</Style> <font color="#FF0000" size="6"><font font></font><font color="#FF0000"
הפקודה הראשונה גורמת שהקטסט יהיה בעצם , אפשר להשתמש גם בפקודה הזאת <center>קוד HTML:<p align="center"><font color="#FF0000" size="6"><br> <br> <span background-color:white;> <align="center"></font><font color="#800080" size="6"> <strong>Wellcome To Musiclub </align="center"></strong> <align="left"></font><font color="#800080" size="4" face="david"><br> <marquee Wellcome To Musiclub </marquee><br> New Songs All The Time <br> ! Just Enjoy . </font></p> </marquee>
פקודה שניה אחרי ה- <br> גורמת שהרקע יהיה בצבע לבן
פקודה אחריו צבע + גודל + סוג הטקסט .
marquee = טקסט זז , אני גרמתי שהטקסט יבוא מצד ימין לשמאל
וככה יעלם ושוב .
אז כמו שאמרנו marquee = טקסט זז !
העתקתי רק את זה , כי השאר אחריו זה העתקים ושינו שם . אלה הדפיםקוד HTML:<h3 align="center"><font color="#000000" size="4" face="david"><br> <br> </font><font color="#0000FF" size="4" face="david"><br> <br> </font><a href="trance.html"><font color="#0000FF" size="4" face="david">ELECTRO </font></a><font color="#0000FF" size="4" face="david"><br>
<a href = מתחיל פקודה של בניית דף .
trance.html שם הדף במחשב שלכם !! אני מדגיש במחשב שלכם לא באתר .
ELECTRO = שם הדף באתר . !
כל השאר פונטים [ סוג + צבע + גודל הטקסט ] .
פקודה שאני מאוד אוהב , זוהי פקודה אשר גורמת שיהיה שיר באתר שלכם .קוד HTML:color="#0000FF" size="4" face="david"><br> </font><font color="#000000" size="3" face="david"><font font> <strong>The Song : ליאור פרחי + סבלמינאל - תזהר ממנה </strong><br> <br> <br> <embed src="lemata.mp3" align="baseline" border="0" width="350" height="50" autostart="true" hidden="false> </font></font><font color="#000000" size="1" face="david"><font font> </font></font></p> <font color="#0000FF" size="4" face="david"></span></font> <br /> <table width="100%" cellpadding="0" cellspacing="0" border="0"> </table>
איזה שתבחרו אני סתם הדבר הראשון שראיתי זה השיר הזה
ליאור פרחי + סבלמניאל תזהר ממנה ..
הסבר עלייה -
כל הפקודה היא בעצם פקודה אחת מחוברת בשורה הראשונה ה -קוד HTML:<embed src="lemata.mp3" align="baseline" border="0" width="350" height="50" autostart="true" hidden="false> </font></font><font color="#000000" size="1" face="david"><font font> </font></font></p> <font color="#0000FF" size="4" face="david"></span></font>
lemata.mp3 זה שם השיר במחשב שלכם ! אני מדגיש שוב במחשב שלכם .
width = 350 רוחב ה- " MeidaPlayer " באתר !
height = אורך ה- " MediaPlaye " באתר . !
size = גודל ה MP באתר שלכם .
השאר סוג הכתב .
זהו סיימנו את האתר דף הבית .
עכשיו אני רק חוזר לפקודה אחת וזוהי היצירת דפים , הרבה חדשים ב- HTML
מסבתכים בליצור דפים אז אני רוצה לפרט עלייה ובכן זוהי הפקודה המקוצרת :
<a href=iatraf.html>
פיוז
</a>
a href תחילת הפקודה
iatraf.html שם הקובץ HTML במחשב שלכם .
פיוז שם הדף באתר .
</a> סגירת הפקודה .
כל מה שראיתם בפקודה למעלה
אלה רק תוספות של כתב בגלל זה היא כל כך ארוכה .
פשוט מאוד !
נעבור לעיצוב הדפים באתר . אחרי שעשינו את דף הבית
צריך לעבוד על הדפים שעשינו כמו
מזרחית , ELECTRO , SET'S צילצולים ..
אוקי אז נתחיל :
נתחיל עם ה - ELECTRO :
זהו הדף , אין מה להסביר פה אנו רושמים מה שאנחנו רוצים .קוד HTML:[ זה אומר ה- trance.html ] <html> <head> <title> Music Web Songs Trance </title> </head> <body background=tavod.jpg> <Style type="text/css">body{scrollbar-arrow-color:#FFFFFF;scrollbar-face-color:#FF00FF;scrollbar-darkShadow-color:#000000;scrollbar-highlight-color:#FFFFFF;scrollbar-shadow-color:#000000;scrollbar-3dlight-color:#CC00FF;scrollbar-track-color:#FF99FF;}//BY Shin2.co.il</style> <body style="cursor:url(http://content35.bigoo.ws/content/cursor/pointer/pointer_13.cur)"!BY Shin2.co.il> <center> <h1> ELECTRO Songs Download </h1> </center> <br> <br> <font color=darkblack font size=2> <br> Have New ELECTRO: <br> <br>
<body background=tavod.jpg>
זה אומר שפשוט במקום שהרקע יהיה בצבע הוא יהיה בתמונה .
<h1> גודל מסיום לכתב .
מאיפה שרשום HAVE New Electro מתחיל העבודה הגדולה שלכם
אתם מוסיפים את השירים או מה שתרצו .
שומרים ועוברים לדף הבא .
כאן נגמר המדריך לבניית אתר בסיסי .
בקרוב אתר מתקדם - מתקדם מאוד .
המדריך נכתב על ידי השקעתי הרבה אז מקווה לתגובות ממכם .
אהה ושחכתי התוצאה שלי :
העלתי את זה לאתר חינמי : www . free host . co . il - - - להוריד רווחים
זה לא אתר מתחרה או פורום פשוט אתר שמעלים לשם אתרים בחינם .
קראתם ? הבנתם ? לכו לעבוד !
קראתם ? לא הבנתם ? אני יסביר הכול רק תשאלו .
אז קרדיט גדול לי , בהצלחה לכם באתר .
ציטוט ההודעה
נכתב במקור על ידי The Picture of Dorian Gray" By Oscar Wilde"
