מדריך קידוד בDIVים + תמונות
מדריך קידוד אתר בדיבים
שלבים ראשוניים:
1. לעצב עיצוב שאנו רוצים לאתר.
2. לחתוך את העיצוב.
3. שמירת קבצי העיצוב כקובץ GIF/PNG את זה אתם תבחרו.
לאחר שלב זה נעשה את השלב הבא:
נלך לNOTEPAD (אני ממליץ NOTEPAD++)
ונפתח 2 דפים:
אחד CSS
ואחד HTML
נתחיל עם הHTML:
<link rel="stylesheet" type="text/css" href="CSS.css"> זה אומר שהHTML מקושר לCSSקוד HTML:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html lang="he" dir="rtl"> <head> <title>XHTML</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="Tix.css"> </head>
עכשיו נלך לקובץ CSS ונרום בוא את הקוד:
קוד HTML:body { background-color: #000000; font-family: Arial; font-size: 16px; color: #ffffff; border: 1px solid #ffffff; width: 886px; margin-right: 500px; }width זה אורךקוד HTML:.X { width: 0px; height: 0px; background-image: url('......'); }
height זה רוחב
עכשיו נחזור לHTML ונוסיף בBODY:
בין שתי התגיות אפשר לכתוב כך שיהיה כתוב על התמונה.קוד HTML:<div class="X"></div>
זהו זה המדריך
כל הזכויות שמורות לfirewire
ציטוט ההודעה
