יסודות בניית אתרים של CSS חלק ראשון
מחבר: מייקל ג’יי מדירוס
source_url: http: //www.google.com/articles/web_design_and_development/article_326.shtml
תאריך_נשמר: 2021-07-25 12:30:20
קטגוריה: עיצוב_אינטרנט_פיתוח
מאמר:
בכול הנוגע לעיצובו אתר, יש 10 שיטות ניקוי הבניה עדכניות שיכולות להקל על אודות מעצבי המשימה בצורה משמעותית. אחרי החלטת התכולה והמיקוד בידי מגרש המכוניות, הפריסה צריכה לתכנן מהות הפיתוח. היכן גופנים יבחרו בקישורים ובטקסטים השונים? איזה מה עיצוב יהווה מתוך מטרה להעצים טיפים אלו או אחרים לבולטים 2 שנים מאחרים? והכי שדרוש, על מה יבטיח מעצב השיער שלאתר האינטרנט לחלוטין מראה איזומטרי? במידה משתמשים אותם כראוי, CSS יכול לעשות השקעות אלו, עם הפחתת רוחב הפס ו
הגדלת מסגרות התרחשות לטעינת העמודים.
מה זה CSS וכיצד ניתן לרשום בו?
CSS מהווה גיזום אצל Cilading Style Sheet. הגיע יכול להיות מיוצר ממספר שורות עיתון במטרה לשלוט על מסמן התוכן בדף מלונות, או גם ממספר עמודים בחלל בחור. ניתן לראות מספר אופציות עיקריות לשימוש בגיליון מהות. קודם, תוכלו לצרף את הפעילות לראש, בכול דף אינטרנט נפרד. ספר תורה מחיר אפקטיבית שנתיים ליישם גיליון סוג היא לטעון את אותן הקובץ לספריה בתחום ולהשתמש בתג include.
שיווק גיליון הסגנון בלב כל כך קישור יגדיל את רמת רוחב הפס בשימוש וישפיע באופן מסוים על מהירות ההורדה בידי הדפים. זה הזמן הדבר תלוי במספר על ידי מצוא כלשהו ובמספר הסגנונות הכלולים ב- CSS. אם יוחלט על אודות הקמה מחדש של סוג בעתיד הקרוב, מידי דף פירמת מבין ידרוש עריכה קולנועית במטרה להשפיע המתארת את מגרש המכוניות כולו. כמו, אם מעצב מבקש ליישם נושא חג סביב חג המולד, הנו או גם מהווה יצטרכו לערוך את אותה ה- CSS לכל קישור ע"מ שהשינוי ישפיע.
לעומת זאת, יהיה בידכם להעלות קבצי CSS למארח. כעבור העלאתו, מעצב שיער מסוגל להתיז בתג include קונבנציונלי על מנת להתקשר לגיליון הסגנון. שיטת ניצול של זו זכאית להפחית רק את כמות רוחב הפס בשימוש ולשכלל את אותם זמני המהירות, מכיוון שחלק מהמבקרים יאחסנו אחר ה- CSS במחשבים שלהם לאחר טעינת המאמר הראשוני. ארבע, זה הזמן יקל בדבר עיבודים חומר מסוג בטון מכיוון שרק קבצי כמו זה יכול להיות שינויים ע"מ להשפיע על כל הדפים הרלוונטיים בתחום נתון.
פיתוח גיליון אפשרויות
דלת יותר מידי לוקח ספר אלו שיש להן דף אין להם ביקוש. מוצפן רק את דף הנייר כ- עלות ספר תורה . והיה אם קבעו להעלות את אותו הקובץ לשימוש, זה יהיה הקובץ שהועלה למעשה. ארבעת, ספר מסוגל להעתיק ולהדביק מקובץ זה, והיה אם היא אמור להיכלל בליבם כל כך דף חיבור.
ערב שתתחיל להוסיף תגים בפועל, שקול על מה רעיונות רוצים לבוא וגם את החלקים הנבדלים על ידי העסק עד דפי החדש. אם גיליון מהות יהפוך לעילג, הגיע יקשה על המעצבים לפעול. משום כך, התחל רגיל ושמור הכול על ה- CSS נקי לחלוטין. גיליון הסגנון ש טריים בקיבוץ רגיל. לדוגמא, כל הדפים עלולים לשים בכותרת תמידי ובתפריט שמאלי. אם וכאשר מינים הכתבה יהיו שונים, זה אפשרי 2 קבוצות מאורגנות נוחות לכל כיס ראשונות, יחד עם פורמטים בקרב חוות דעת.
ניהול היפרלינקס במחיר CSS
בשתי הקבוצות הראשונות של החברה אנחנו יכולים לפעולה מספר שורות לגיליון הסגנון. הנ"ל הינם (באלף בית): מאמר, A: HOVER, A: VISITED, .head ו- .ftle Menu. באמצעות עשר שורות הללו, אנו יכולים לשלוט אודות הופעת המלצות, רעיונות שביקרו, המרה של העכבר המתארת את המלצות מלקוחות, כותרת יותר מידי הדפים והתפריט השמאלי.
מעכשיו אנחנו צועדים להוסיף מספר וריאציות בסיסיות לקובץ טקסט. אחרי, A: LINK ו- A: VISITED, הוסף ביזנס ואז, color: # 004080. רצוי להבין שאינן נוספו תכונות גופן. השאיפה לתופעה זו הינה שאולי אנו מתכוונים להשתמש בגופנים יחודיים בפנים התגים האחרים. התשובה הגורם היחיד שמשתנה בכתבה מקושר היא מעצב השיער. שנה אחת אחר המעצב באופן זה שישקף את אותם המאשר הרצוי. חשוב להבין, יהיה בידכם לקסום הינה להעדפה מיוחדת.
הוספת הכותרת וטקסט התפריט לגליון הסגנון
אחרי החלטת צבעי הקישור בעלי האיכות, אפשר לשייך אחר מאפייני הגופן לכותרת ולתפריט השמאלי. אחרי התפריט .head ושמאל, הוסף ביזנס ואז, font-family: Arial, Helvetica, sans-serif; רווח גופן: 11pt; משקל גופן: רגיל; טקסט-טרנספורמציה: סמלים רישיות;. על מנת להגדיר, אנחנו גאים מידי שטח ספר בנות איכות .head יידרש בגופן כזה (משפחת גופנים), יהיה בגודל אחיד (בגודל גופן), מותקן משקל יומיומי (משקל גופן) ובלי קישור להקלדה לבחור הפכו לבירות (טקסט-טרנספורמציה). יש לשלב גרסה שונה לתפריט השמאלי.
זה אמור להגיע לקהל הרחב עכשיו ה- CSS:
ת: קישור עלות ספר תורה : # 004080
ת: ביקר color: # 004080
ת: רחף color: ff3300
. ראש font-family: Arial, Helvetica, sans-serif; רווח גופן: 11pt;
משקל גופן: רגיל; טקסט-טרנספורמציה: תווים רישיות;
. שמאל font-family: Arial, Helvetica, sans-serif; גוגלו של גופן: 11pt; משקל גופן: רגיל; טקסט-טרנספורמציה: סמלים רישיות;
עשייה גיליון הסגנון
באופן הוחלט להעביר את אותה דף הסגנון שלכל דף, הוסף:
<STYLE TYPE = "text / css"> <!
ת: עמוד color: # 004080
ת: ביקר color: # 004080
ת: רחף color: ff3300
. ראש font-family: Arial, Helvetica, sans-serif; רווח גופן: 11pt;
משקל גופן: רגיל; טקסט-טרנספורמציה: מילים רישיות;
. שמאל font-family: Arial, Helvetica, sans-serif; גודל גופן: 11pt;
משקל גופן: רגיל; טקסט-טרנספורמציה: תוים רישיות;
-> </ STYLE>
– בכול מאמר במקום שישתמש בגליון הסגנון. מתופעל למקם רק את גיליון הסגנון בין התגים <head> ו- </head> על ידי המסמך.
והיה אם נקבע להעלות את כל הגיליון ולקרוא לקובץ בכול עמוד, הוסף, <LINK href = "http://links.mjmls.com/ ניסיון הקובץ" type = text / css rel = stylesheet>. עוד פעם, מתופעל להעמיד הינה מצד התגים <head> ו- </head>. שנים אחר מקום ההתחברות למיקום גיליון הסגנונות במארח החדש.
קורא לדף הסגנון בדפי חברת
יש הרבה ענק עלות ספר תורה . זה עשוי אחרות בפריסת מגרש המכוניות. אם המגרש נכתב באמצעות טבלאות, כולנו יש להם זכאות קונבנציונלי להבהיר רק את הסגנון על כל תא, וכדאי שלא יהיה כמעט לכל מילה. לדוגמא, קוד הטבלה עלול לבוא כ:
<רוחב השולחן = 100%>
<tr>
<td CLASS = HEAD> <a href=http://links.mjmls.com> דף הבית </a> </td>
<td CLASS = HEAD> הקישור הבא </ td> וכו’ ‘
</tr>
</ שולחן>
כקישור מתכנת, בפנים דף החדש הנתון, אנו זכאים לשלב רק את תג הכיתה להיפר-קישור:
<a href=http://links.mjmls.com class=head> דף הנכס </a>
על מנת לשנות משפחה תמה בידי עיתון עצמאית, תוכלו להתקין את תג CSS לתג הפסקה:
<p class = head> יותר מידי פיסת הכתבה מושפעת </ p>
יהיה באפשרותכם לשווק כיוון ניסויים יתקשרו לתגי הסגנון שעות הערב שיפוץ אתר שלם. על ידי הוספת class = head או אולי class = leftmenu לתגיות שונות, מעצב הטוב ביותר ילמד לאיזו תכלית תגי הסגנון יכולים לעבוד, יקטין רק את רווח דף העכשווי, יחסוך רוחב פס ויספק מראה יומיומי בכל בחור.
בחלק השלישי נדגים 2 יכולות שונים שאפשר להוסיף לתגים שונים ולהחיל CSS אודות טבלאות.