| כותב |
|
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 17 August 2006 בשעה 07:00 | | IP רשוּם
|
|
|
|
* אני בודקת את שלד האתר שלי בעזרת כלי הבדיקה w3
* אני מאוד מתקשה להתמודד עם תוצאות הבדיקה,
אני מקבלת הודעות על תגים לא סגורים, בזמן שהם כן סגורים.
* בדקתי עם הכלי הזה אתרים של חברות שעובדות לפי התקן וגם שם
מצאתי הודעות דומות לשלי.
מכל האתרים שבדקתי עם הכלי הזה אתר מכון התקנים הישראלי קיבל רק הודעה אחת שאומרת שתג ההד שלו לא סגור בזמן שהוא כן סגור, ומצאתי אתר ישראלי אחד שעבר את הבדיקה וזה האתר של נט הורקינג, כמובן שלא חיפשתי הרבה מאוד.
net-working.co.il האתר של
w3schools
כמובן גם עבר את הבדיקה
כיצד אוכל להגיע למצב שבו האתר שלי יעבור את הבדיקה?
חשבתי על האפשרויות הבאות:
* לחפש אתרי סי אס אס בלבד, בעברית שעברו את הבדיקה וללמוד ולהעזר בקוד שלהם.
* ללמוד את כל החומר הנדרש מהתחלה בבית הספר דבליו 3
* להעזר בעורכי קוד שמגלים שגיאות קוד בקוד
* לחפש חומר עזר עדכני בעברית בתחום.
אשמח לקבל
קישורים לאתרים css שעברו את הבדיקה
המלצות לעורך שבודק שגיאות
חומר עזר שימושי בעברית בנושא
וכל עזרה אפשרית אחרת
 כל עזרה תתקבל בברכה
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 17 August 2006 בשעה 10:13 | | IP רשוּם
|
|
|
|
פשוט תתקני את השגיאות...
זה לא עד כדי כך קשה...
הבודק שלהם עובד בסדר כל עוד אין שגיאות
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 17 August 2006 בשעה 14:55 | | IP רשוּם
|
|
|
|
טוב לשמוע שהבודק שלהם עובד בסדר.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 17 August 2006 בשעה 20:02 | | IP רשוּם
|
|
|
|
זה היה מיותר מצדי לבקש כל כך הרבה עזרה.
אני בטוחה לגמרי שהאתר שלי לא מספיק תקין
כי לא למדתי xhtml בצורה מסודרת כמו שצריך,
ולמדתי את ה- css ממקורות נהדרים שמלמדים גם לא לפי התקן.
אני בטוחה שאם אני אעבור על החומר ב-w3 schools
אני אמצא את ההקודים התקניים יותר, אני אתקן אצלי
 והכל יהיה בסדר
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 17 August 2006 בשעה 20:15 | | IP רשוּם
|
|
|
|
אם את צריכה עזרה אני פה.
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 22 August 2006 בשעה 09:59 | | IP רשוּם
|
|
|
|
אמנם יצרתי אתר יפה שעובד טוב עם כל הדפדפנים,
אך עדיין אני מגלה שיש לי הרבה מה ללמוד,
נראה לי שהאתר של איתן יעזור לי בגדול
אני מדביקה את הקישור אליו לטובת מי שלא מכיר
http://vlib.eitan.ac.il/css/academy/css_tutorial/index.html
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 23 August 2006 בשעה 14:13 | | IP רשוּם
|
|
|
|
לטובת כל מי שמתלבט בנושא של אתר תקין:
- יש עורך קוד שמסמן את השגיאות בקוד באדום
- ועוזר לך לראות אותם ולתקן אותם
- נפלא, פשוט נפלא אי אפשר לוותר על זה.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 24 August 2006 בשעה 09:33 | | IP רשוּם
|
|
|
|
שושן צודק,
הבודק של w3 עובד בסדר גמור,
צריך לקרא טוב טוב את מה שהוא אומר,
לתרגם עם מורפיקס את המלים הלא מובנות,
להבין טוב את מה שהוא אומר,
ולאט לאט להתחיל לתקן,
זה לא הכי קל בעולם,
אבל זה בהחלט אפשרי,
וזה מה שצריך לעשות.
רציתי לצטט את שושן אבל לא הבנתי איך עושים ציטוט.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 24 August 2006 בשעה 13:09 | | IP רשוּם
|
|
|
|
אלוהים אדירים, אני ממש המומה, אני על סף התעלפות, אני חייבת להרגע,
ולהצליח לעכל את ההצלחה המהירה והלא צפויה הזאת שנפלה בחלקי.
היו לי בהתחלה 60 שגיאות, תיקנתי כמה דברים, ירדתי ל40 שגיאות
תיקנתי עוד כמה דברים הגעתי ל -31 שגיאות.
ופתאום התחלתי לשחק עם העבודה, לא היה לי מושג מה אני בדיוק עושה
הכנסתי את השורה של השרת שהייתה חסרה לי במסמך איפשהו,
זה העלה לי את השגיאות ל 44
ניסיתי להכניס אותה למקום שנראה לי מתאים יותר ואז בדקתי את המסמך ולא פחות ולא יותר קיבלתי תוצאה של 2 שגיאות בלבד...
שמישהו יתן לי מים.
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 24 August 2006 בשעה 13:13 | | IP רשוּם
|
|
|
|
יש שגיאות שגוררות שגיאות רבות נוספות.
סתם דוגמא גרועה: אם לא תשימי תגית head תהיינה השגיאות:
- בכל מסמך צריכה להיות תגית head.
- תגית body יכולה לבוא רק אחרי תגית head.
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 25 August 2006 בשעה 17:48 | | IP רשוּם
|
|
|
|
קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ; ;
<html xmlns="http://www.w3.org/1999/xhtml" lang="he" xml:lang="he" dir="rtl">
<head>
<meta http-equiv="content-type" content="text/html;charset=windows-1255" />
<title>www.lama.co.il - </title>
<link rel="stylesheet" href="indexStyle.css" type="text/css" />
</head> |
|
|
זאת הפתיחה שלי: אשמח מאוד אם מישהו יוכל לומר לי מה פגום בה. ולתקן אותה.
ולעזור לי להבין איך אני כותבת פתיחה נכונה.
האם השרת צריך להיות כתוב באיזשהו מקום וכיצד.
המון תודה.
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 25 August 2006 בשעה 18:06 | | IP רשוּם
|
|
|
|
בלי המשך = לא תקין.
אם שתי הנקודות-פסיק אחרי sitional.dtd"> הן לא באג בפורום אז תורידי אותן.
בכל מקרה, תשמרי לעצמך איפשהו:
קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ;
<html dir="rtl" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255" />
<title>MY TITLE HERE...</title>
</head>
<body dir="rtl">
</body>
</html> |
|
|
ולא אין קשר לשרת האחסון.
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 25 August 2006 בשעה 18:10 | | IP רשוּם
|
|
|
|
המון תודה!
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 27 August 2006 בשעה 16:26 | | IP רשוּם
|
|
|
|
האתר שלי נראה יפה מאוד ללא DOCTYPE ברגע שאני מכניסה את ה DOCTYPE
הכל מתקלקל, והדברים זזים מה אפשר ללמוד מזה?
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 27 August 2006 בשעה 16:35 | | IP רשוּם
|
|
|
|
אני מניח שכל הדברים זזים ב-IE.
זה קורה בגלל שכש-שמים DOCTYPE IE מתחיל להתייחס לכללים קצת יותר ברצינות.
לדוגמא תמיד צריך יחידות (לדוגמא: px), לייד 0 אין יחידות, יש את כל הסיפור של box model ועוד ועוד...
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 27 August 2006 בשעה 17:59 | | IP רשוּם
|
|
|
|
תודה.
אני חושבת שזה זז בכל הדפדפנים, אני כל הזמן עוברת מדפדפן
לדפדפן
כך שאני כבר מבולבלת. האמת היא שבאמת היו תיקונים של מידות
פיקסלים
חסרות וברגע שתיקנתי הדברים חזרו למקומם. באופרה אקספלורר
ופיירפוקס
הכל בסדר עכשיו, יש רק בעיה שהאיפרם נמצא בצד ימין במקום
שמאל. ורק באקספולרר יש בעיה שהתמונה הקטנה פורצת קצת
מגבולות
המסגרת
ברגע שהוצאתי את התמונה מהתיק נפתרה
הבעיה שהתמונה
יוצאת מהמסגרת.
עכשיו האתר נראה כמעט בסדר בכל הדפדפנים
,
אבל כשאני מעלה אותו לשרת, אז הדברים
זזים כנראה בגלל
שדף הטקסט של האיפרם לא בסדר.
אני אנסה להעלות אותו לשרת בלי דף
האיפרם.
ניסיתי אבל זה לא שינה
עכשיו יש לי אתר שנראה בסדר בכל
הדפדפנים רק שהאיפרם בא בצד
ימין במקום שמאל וכשאני מעלה אותו לשרת
הכל מתקלקל.
לגבי הדף של טקסט של האיפרם אני אצרף
קוד.
הוא אולי לא בסדר.
לא הבנתי מה שניסית לומר פה:
לייד 0 אין יחידות, יש את כל הסיפור של box model ועוד ועוד...
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 27 August 2006 בשעה 18:04 | | IP רשוּם
|
|
|
|
<html dir="rtl">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1255" />
<title>Menu</title>
</head>
<body style= "text-align:left; width: -50%; height: -50%px; background: #CC9966;">
<div style=
"font-family: Arial;">
<a href="Table-Right-homePage.html" title="למה כובע" target="_top">
אודות
</a>
<br />
<a href="about.html" title="אודות האתר" target="_top">
שאלות לגיל שנתיים
</a>
<br />
<a href="Girls.html" title="החברות של גלי" target="_top">
שאלות לגיל 7-9
</a>
<br />
<a href="Club.html" title="מועדון" target="_top">
מפתח א"ב
</a>
</p>
</body>
</html>
הטקסטים לא אמיתיים, זה רק לצורך תרגול.
זה דף האיפרם.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 27 August 2006 בשעה 18:08 | | IP רשוּם
|
|
|
|
זה האינדקס
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ; ;
<html dir="rtl" xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255" />
<title>www.lama.co.il - </title>
<head>
<style type="text/css">
body { background: #CC9966; margin:0; font-family: Arial; font-size: 100%;}
#aa{ width:317px; height:72px; background:#990000; position:absolute; left:83px; top:57px;}
#ab{ width:46px; height:72px; background:#990000; position:absolute; left:574px; top:57px;}
#ac{ width:317px; height:32px; background:#99CCFF; position:absolute; left:83px; top:129px;}
#ad{ width:46px; height:32px; background:#99CCFF; position:absolute; left:574px; top:129px;}
#ae{ width:348px; height:3px; position:absolute; left:226px; top:191px;}
#af{ width:157px; height:167px; background:#99CCFF; position:absolute; left:574px; top:181px;}
#ag{ width:174px; height:164px; background:#FFFFFF; position:absolute; left:400px; top:17px;}
#ah{ width:46px; height:100px; position:absolute; left:574px; top:1750px;}
#ai{ width:100%; height:32px; background:#990000; position:absolute; left:0px; top:2000px;}
#aj{ width:100%; height:32px; background:#CCCCCC; position:absolute; left:0px; top:2032px;}
#nx { width:100%; height:100%; position:absolute; left:30px; top:173px; font-family: Arial;
font-size: 100%;}
a:link {color: #000080; text-decoration: underline overline; font-weight: bold; font-size:100%;}
a:visited {color: #000080; text-decoration: underline overline; font-weight: bold; font-size:100%;}
a:hover { text-decoration: none; color: #003; background: #99CCFF; font-weight: bold; font-size:100%;}
a:active {color: #990000; text-decoration: underline overline; font-weight: bold; font-size:100%;}
.menuRight-iFrame { width: 240px;
height: 800px; font-family: Arial;
font-size: 50%;}
.mainStucDiv { text-align: center; font-family: Arial;
font-size: 100%;}
</style>
</head>
<body dir="rtl">
<div>
<div id="nx"><iframe src="menu-Right.html" name="menu" class="menuRight-iFrame" frameborder="0"></iframe>
</nx></div>
<div>
<div>
<div id="aa">
<div style=
"font-family: arial;
font-weight: normal;
font-size: 320%;
color: #FFFFFF;
padding-top: 5px;
text-align: center;
background-color: none;">
למה כובע!
</div>
</div>
<div id="ab">
</div>
<div id="ac">
<div style=
"font-family: arial;
font-weight: normal;
font-size: 130%;
color: #990000;
padding-top: 4px;
text-align: center;
background-color: none;">
שאלת השאלות של חנה גפן
</div>
</div>
<div id="ad">
</div>
<div id="ae">
<div>
<div ul style=
"font-family: arial;
list-style-type: none;
font-weight: normal;
font-size: 100%;
color: #000080;
margin: 0px;
text-align: center;
background-color: none;">
<li>
<a href="z.html"
title=
"למה כובע"
target="_self">
באמצע היום -</a>
עמי בן-דור
</li>
<hr />
<li>
<a href="z.html"
title=
"למה כובע"
target="_self">
זרע של אבטיח -</a>
דנה גורן
</li>
<hr />
<li>
<a href="z.html"
title=
"למה כובע"
target="_self">
צפור קטנה -</a>
מיכל דורי
</li>
<hr />
</li>
</ul>
</div>
</div>
</div>
<div id="af">
<p style=
"font-family: arial;
font-size: 100%;
color: #000080;
margin-left: 12px;
margin-top: 10px;
text-align: left;
background-color: none;">
<span style= "font-weight: bold; color: blue;">
שאלת השאלות
<br />
לגיל ינקות
</span>
<br />
שאלות שעדן ודור
<br />
הבנים הגדולים של
<br />
דוד שאלו מגיל
<br />
שנתיים עד שלוש וחצי
<br />
וגם צילה שאלה מגיל
<br />
ארבע עד שש
</p>
</div>
<div id="ag">
<div style=
"text-align: center;
padding: 4%";>
<img src="horse.gif"></div>
</div>
<div id="ah">
</div>
<div id="ai">
</div>
<div id="aj">
</div>
</div>
</body>
</html>
</head>
</body>
</html>
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 27 August 2006 בשעה 18:29 | | IP רשוּם
|
|
|
|
אוקיי, נתחיל עם כמה דברים:
- IFrame, ו-Frameset זה שני דברים ממש גרועים שכדי להימנע מהם לדעתי.
- בדף הראשון שלך אין DOCTYPE ויש תגית סגירה </p> במקום </div>
- מה זה ה-</nx> בתחילת המסמך השני ?
- גם בהתחלה יש לך </div> אחד יותר מידי
- <div ul אמור להיות <ul>
- אם היה לי כוח לבנות אתר הוא היה נראה ככה.
- שלוש שורות אחרונות:</head>
</body>
</html>
צריכות לעוף.
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 27 August 2006 בשעה 19:20 | | IP רשוּם
|
|
|
|
בספר על הנגישות כתוב על האיפרם בצורה מאוד מאוד אוהדת.
הבנתי שמסגרת זה דבר פסול אבל הבנתי שהאיפרם נחשב לדבר הבא.
האתר הוא אתר פשוט ילדותי וקליל
דף ראשי מכיל 60 קישורים שהם שמות ספרי ילדים לפעוטות
שמובילים ל60 דפי סקירה על הספרים. רציתי שהתפריט הבסיסי
של האתר יהיה באיפרם ויחסוך המון עבודה במקרה של תיקונים.
האיפרם מוצג באהדה בספר של הוד עמי וגם בספר של הנגישות.
והוא משמש לתפריט בסיסי שחוזר על עצמו שמכיל אודות צור קשר
וחלקים אחרים של האתר.
אני אנסה לבדוק את מה שכבר אמרת לי
המון תודה
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 27 August 2006 בשעה 20:06 | | IP רשוּם
|
|
|
|
למה IFrame זה דבר גרוע שצריך להמנע ממנו?
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 27 August 2006 בשעה 22:29 | | IP רשוּם
|
|
|
|
אם את רוצה לחסוך עבודה את יכולה להשתמש ב-include עם שפת שרת דינאמית כגון php או asp (או כמובן asp.net).
IFrame זה דבר גרוע because.
יש לו שימושים, אבל לפי דעתי התנועה תפריטים הם פשוט לא אחד מהם.
סורי, אני פשוט לא אוהב, לא חושב שזה נוח בצורה כלשהיא למשתמש ויש עוד סיבות...
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 28 August 2006 בשעה 00:36 | | IP רשוּם
|
|
|
|
האמת היא שאני לא אהבתי ב IFrame רק דבר אחד שזה עולה לאט ועד שזה מגיע, רואים ריבוע לבן. במיוחד באופרה זה עולה מאוד לאט והריבוע הלבן מאוד לא אסתטי. זה מאוד הפריע לי, יש גם את העניין הזה שיכול לקרה מצב והתמונה לא זמינה וזה פשוט נורא. כך שזה ישמח אותי להימנע מזה. אולי אני אעשה עכשיו את החישוב ש-ניר דיבר עליו: כמה זמן אני אחסוך עבודה במקרים של תיקונים וכמה זמן יקח לי ללמוד שפה נוספת... לא צריך לחשוב הרבה כדי לקבל תשובה. טוב שענית לי מהר. אני לא אקדיש זמן ל IFrame לשווא. אבל לטובת שאר המבקרים אני אומר שIFrame נחשב לדובדבן שעל הקצפת. קראתי עליו רק טוב בכל מקום. והוא תואר תמיד כמו שפן ששולפים מהשרוול. ואני חייבת להודות שעדיין יש לי המון מה ללמוד ב-css וצריך ללמוד המון. אני לא למדתי מספיק למרות שקראתי ספר שלם. וזה רק הבסיס של הבסיס. אם הייתי ממשיכה ללמוד ממש לעומק ממקורות מעמיקים יותר, לא הייתי מתקשה עכשיו כל כך.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 05 September 2006 בשעה 19:44 | | IP רשוּם
|
|
|
|
קצת התנתקתי מעניין התקינות והנה חזרתי. גיליתי דבר מעניין.
החלטתי לבדוק דף אטמ"ל הכי פשוט שיש בבודק של דבליו
כדי לראות קודם כל שהבסיס שאני עובדת עליו הוא תקין.
לקחתי את הקוד של שושן (והורדתי ממנו רק את הסימן נקודה פלוס שהיה מיותר,בהתחלה)
איחסנתי אותו בשרת של יהוא וקיבלתי משהו כמו 40 שגיאות כולן קשורות לשרת
אני לא מבינה בדיוק מה קורה שם אבל ביהוא נעשית על הקוד עריכה ונכתבים בו
דברים משונים.
הבנתי שאני צריכה לראות מה קורה אם אני בודקת את המסמך משרת אחר ולכן
אחסנתי את הקוד על שרת של נענע ושם קיבלתי רק שגיאה אחת בלבד.
אני מדביקה פה את השגיאה ואשמח אם מישהו יסביר לי איך לפתור אותה. כתוב
שחסר הסוג של המסמך אבל אני דווקא רואה שזה כן כתוב. אולי מישהו יודע מה הבעיה?
המון תודה!
The Validator XML support has
some limitations.
This page is not
Valid XHTML 1.0 Transitional!
Below are the results of checking this document fo
r XML well-formedness
and validity.
- Error Line 23 column 47: required
attribute
- "type" not
specified.
<script src="/common/JScript/Pirsum
/HTMLEar.js">
The attribute given above is required for an
element that you've used, but you
have omitted it. For instance, in most HTML
and XHTML
document types the "type"
attribute
is required on the "script" element
and the
"alt" attribute is required for the "img" element.
Typical values for type are type="text/css"
for <style> and type="text/javascript" for
<script>.
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 05 September 2006 בשעה 20:24 | | IP רשוּם
|
|
|
|
<script type="text/javascript" src="XXX"></script>
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 06 September 2006 בשעה 13:07 | | IP רשוּם
|
|
|
|
חבל שאני לא יודעת איך שולחים קוד.
המצב כרגע הוא שיש לי בעצם 3 שגיאות.
שגיאה אחת שכתבתי אותה מקודם עם הסקריפט- החלטתי להתעלם ממנה לעת עתה.
שגיאה שניה עם הקו </ hr>
אני רוצה להתמקד כרגע בשגיאה השלישית
הבודק אומר שאי אפשר לשים קישור בתוך ה <li>
אז איך אפשר לפתור את הבעיה?
אני מדביקה את הקוד:
<div id="ae">
<div>
<ul>
<li>
<a href="z.html"
title=
"למה כובע"
target="_self">
באמצע היום -</a>
עמי בן-דור
</li>
<hr />
<li>
<a href="z.html"
title=
"למה כובע"
target="_self">
זרע של אבטיח -</a>
דנה גורן
</li>
<hr />
<li>
<a href="z.html"
title=
"למה כובע"
target="_self">
צפור קטנה -</a>
מיכל דורי
</li>
<hr />
</li>
</ul>
</div>
</div>
</div>
תודה לכל העוזרים!
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 06 September 2006 בשעה 14:01 | | IP רשוּם
|
|
|
|
סליחה אני טעיתי כשאמרתי שהבודק אומר שאי אפשר לשים קישור בתוך רשימה
קראתי ברפרוף ועיתי
זה מה שהוא אומר:
The mentioned element is not allowed to appear
in the context in which you've placed it; the
other mentioned elements are the only ones that
are both allowed there and can contain the
element mentioned. This might mean that you
need a containing element, or possibly that
you've forgotten to close a previous element.
One possible cause for this message is that you
have attempted to put a block-level element
(such as "<p>" or "<table>") inside an inline
element (such as "<a>", "<span>", or "<font>").
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 06 September 2006 בשעה 14:22 | | IP רשוּם
|
|
|
|
קוד שולחים ככה: [ code ] aaa... [/code ]
(בלי רווחים ליד הסוגריים המרובעים כמובן)
ואפשר לשים תגיות <li> רק בתוך <ul> או <ol> =/
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 06 September 2006 בשעה 15:22 | | IP רשוּם
|
|
|
|
אני הבנתי שאם יש לי פריטים ברשימה li
ואני שמה בינהם קו מפריד
אז זה אומר שכל פריט
אני צריכה לעטוף אותו
ב ul פותח וסוגר?
אם אני עושה את זה
זה יוצר לי רווח גדול מדי בין הפריטים
יש אפשרות לצמצם את הרווח?
או שטעיתי במה שהבנתי?
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 06 September 2006 בשעה 15:38 | | IP רשוּם
|
|
|
|
שושן, אני באמת לא יודעת מה קורה,
זה טיפה מוזר אבל הרווחים פתאום חזרו להיות
כמו שהם היו במסמך המקורי.
פתאום זה הסתדר
קצת מוזר כשהכנתי את ul ועשיתי רענון
היו רווחים גדולים מדי בין פריט לפריט
בכל אופן אחסנתי את הדף בשרת של נענע
כדי לבדוק אותו בבודק והכל נראה כרגיל
חזרתי לדף המקורי שלי והכל נראה כרגיל.
אז אני מבינה שאין לי בעיה של רווחים.
המון תודה.
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 06 September 2006 בשעה 16:35 | | IP רשוּם
|
|
|
|
שום דבר מוזר ופלאי לא קרה פה.
הנה פתרון התעלומה:
ברגע שאני עוטפת ב-ul את הפריטים ברשימה
כשביניהם יש קו מפריד
הכל ממשיך להראות מאה אחוז בדפדפנים
אופרה ופיירפוקס רק בדפדפן אקספלורר
נעשה רווח גדול מדי בין הפריטים.
מה עושים? אני כבר לא זוכרת למה החלטתי לעבוד
על פריטי רשימה. הייתה לי סיבה. אבל אולי
אני אצטרך לוותר על הרשימה...?
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 06 September 2006 בשעה 17:43 | | IP רשוּם
|
|
|
|
כרגע יש לי שגיאה אחת
אמנם יש לי בעיה עם הרווח בין הפריטים אבל אני מאמינה
שאני אמצא לזה פתרון
לגבי השגיאה הזו
אני צריכה עזרה מפורטת כמו שמסבירים למישהי שלא מדברת עברית
כבר שאלתי וקיבלתי תשובה אבל לא הבנתי מה לעשות: זה מה שהבודק אומר:
- Error Line 61,
column 47: required
- attribute "type" not
specified .
<script src="/common/JScript
/Pirsum/HTMLEar.js">
The attribute given above is required -
for an element that you've used, but you
-
have omitted it. For instance, in most
HTML
-
and XHTML document types the "type"
-
attribute is required on the "script"
element
-
and the "alt" attribute is required
-
for the "img" element.
Typical values for type
-
type="text/css" for
<style>
-
type="text/javascript" for
<script>.
- זה החלק הקוד שעליו מדובר. מדובר בשורה 3
- <script src="/common/JScript/CommonGeneral.js" type="text/javascript"></script>
- <script src="/common/JScript/Pirsum/HTMLEar.js">
- </script>
- </head>
מדובר על השורה עם הפרסום.
השאלה שלי היא מדוע יש פה התייחסות לג'אוה סקריפט,
הרי לא עבדתי בשפה הזאת?
מה הבעיה עם הקוד?
ומה אני צריכה לעשות באופן מפורט.
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 06 September 2006 בשעה 17:56 | | IP רשוּם
|
|
|
|
כששמים <script אמורים לציין לו סוג תוכן (text/javascript)
קוד:
| <script type="text/javascript" src="..."></script> |
|
|
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 06 September 2006 בשעה 18:23 | | IP רשוּם
|
|
|
|
shoshan כתב:
כששמים <script אמורים לציין לו סוג תוכן (text/javascript)
קוד:
| <script type="text/javascript" src="..."></script> |
|
|
|
|
|
אבל אני לא יודעת עדיין מה זה סקריפט,
ולא שמתי סקריפט עד כמה שאני יודעת.
האם השורה הזאת צריכה להופיע אצלי בקוד למרות שלא עשיתי שום דבר בעניין,
או שאולי עשיתי ואני לא יודעת?
היא צריכה להופיע כמו ששלחת לי בקוד?
אני צריכה להכניס משהו למקור?
המון תודה בשמי ובשם שאר הנואשים מהפורום ומגוגל.
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 06 September 2006 בשעה 18:53 | | IP רשוּם
|
|
|
|
אני מניח שהאחסון שלך מכניס את השורה הזאת של הפרסומת לקוד ?
אין מה לעשות וגם לא צריך לעשות כלום, זאת שגיאה לא חשובה.
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 06 September 2006 בשעה 19:04 | | IP רשוּם
|
|
|
|
המון המון תודה!
אם לא היית עונה לי
הייתי עוד הופכת
עולמות לשווא.
אני כל כך
עקשנית.
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 07 September 2006 בשעה 07:37 | | IP רשוּם
|
|
|
|
כשאחי היה קטן הוא שאל את השאלה הקלאסית שאני
בטוחה
שרוב חברי הפורום גם שאלו אותה כשהם היו
קטנים:
הוא שאל : האם יש לעולם סוף?...
ואם יש לו סוף, אז מה יש מאחורי הסוף?
עברו הרבה מאוד ימים מאז שהשאלה נשאלה
והנה הגעתי לנקודת הזמן מכריעה בחיי
שהתשובה מופיעה ונגלית לעיני במלוא
הדרה:
ואכן יש לעולם סוף:
הסוף של העולם זה כשהבודק של דבליו 3 אומר
לך
שאין לך יותר שגיאות באתר.
ומה יש מאחורי הסוף?
ישנה התובנה החדשה
שעכשיו אתה צריך לגלות לבדך
את כל הדברים הטעונים שיפור
שהבודק לא בנוי לגלות
ואתה צריך להמשיך ולשפר את האתר בלעדיו.
עד שהתרגלתי אל הבודק,
פתאום אני צריכה להסתדר בלעדיו.
אז מה יהיה הסוף?
ומה יהיה אחרי הסוף של הסוף?
יהיה לזה סוף?
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 18 September 2006 בשעה 23:15 | | IP רשוּם
|
|
|
|
מצאתי קישור טוב מאוד שמתאים בדיוק לאתר שלי
מכיוון שהאתר שלי הוא אתר css ללא טבלאות שבנוי על דיווים.
בקיצור אני חושבת שבעזרת המצגת הזאת, שנחשבת לפופולארית מאוד,
ובעזרת הקישורים לחומר לימוד נוסף שמוצגים בסופה,
אפשר להמשיך ולשפר הרבה,
גם לאחר שהבודק מוצא שאין שגיאות בקוד.
דרך אגב שיפרתי כבר הרבה ואני מקווה להמשיך ולשפר.
http://themissingsource.com/seybold/everything.html
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
11010010110
פורומיסט על
הצטרף / הצטרפה: 23 April 2006
משתמש: מנותק/ת
הודעות: 2621
|
| נשלח בתאריך: 18 September 2006 בשעה 23:30 | | IP רשוּם
|
|
|
|
רווח שורות:
ul {line-height : 100%}
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 18 September 2006 בשעה 23:50 | | IP רשוּם
|
|
|
|
11010010110
המון תודה,
האמת היא שויתרתי על הרשימה
בגלל הבעיה של המרחק בין השורות,
אבל מהקישור החדש אני מבינה שדווקא מומלץ
לעשות בדיוק מה שעשיתי ולעבוד עם רשימה לא מסודרת
לתפריט של קישורים.
עכשיו אתה נותן לי את האופציה לעבוד עם רשימה שוב.
אני אדביק את הקוד העדכני שלי נכון לעכשיו.
דרך אגב רק עכשיו גיליתי שאפשר להכנס בהודעה
ישירות לדף הרביעי.
אני ממש ירוקה.
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 19 September 2006 בשעה 00:00 | | IP רשוּם
|
|
|
|
קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ; ; ; ; ; ;
<html dir="rtl" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255" />
<title>MY TITLE HERE...</title>
<style type="text/css">
body { background: #CC9966; margin:0; font-family: Arial; font-size: 100%;}
#aa{ width:317px; height:72px; background:#990000; position:absolute; left:83px; top:57px;}
#ab{ width:46px; height:72px; background:#990000; position:absolute; left:574px; top:57px;}
#ac{ width:317px; height:32px; background:#99CCFF; position:absolute; left:83px; top:129px;}
#ad{ width:46px; height:32px; background:#99CCFF; position:absolute; left:574px; top:129px;}
#ae{ width:348px; height:3px; position:absolute; left:226px; top:191px;}
#af{ width:157px; height:167px; background:#99CCFF; position:absolute; left:574px; top:181px;}
#ag{ width:174px; height:164px; background:#FFFFFF; position:absolute; left:400px; top:17px;}
#ah{ width:46px; height:100px; position:absolute; left:574px; top:1750px;}
#ai{ width:100%; height:32px; background:#990000; position:absolute; left:0px; top:2000px;}
#aj{ width:100%; height:32px; background:#CCCCCC; position:absolute; left:0px; top:2032px;}
a:link {color: #000080; text-decoration: underline overline; font-weight: bold; font-size:100%;}
a:visited {color: #000080; text-decoration: underline overline; font-weight: bold; font-size:100%;}
a:hover { text-decoration: none; color: #003; background: #99CCFF; font-weight: bold; font-size:100%;}
a:active {color: #990000; text-decoration: underline overline; font-weight: bold; font-size:100%;}
#ae{font-family: arial;
font-weight: normal;
font-size: 100%;
color: #000080;
margin: 0px;
text-align: center;
background-color: none;}
#aa{font-family: arial;
font-weight: normal;
font-size: 320%;
color: #FFFFFF;
padding-top: 5px;
text-align: center;
background-color: none;}
#ac{font-family: arial;
font-weight: normal;
font-size: 130%;
color: #990000;
padding-top: 4px;
text-align: center;
background-color: none;}
p{font-family: arial;
font-size: 100%;
color: #000080;
margin-left: 12px;
margin-top: 10px;
text-align: left;
background-color: none;}
span{font-weight: bold; color: blue;}
</style>
</head>
<body dir="rtl">
<div>
<div>
<div id="aa">
<div>
למה כובע!
</div>
</div>
<div id="ab">
</div>
<div id="ac">
<div>
שאלת השאלות של חנה גפן
</div>
</div>
<div id="ad">
</div>
<div id="ae">
<div>
<a href="z.html"
title=
"למה כובע"
target="_self">
באמצע היום -</a>
עמי בן-דור
<hr />
<a href="z.html"
title=
"למה כובע"
target="_self">
זרע של אבטיח -</a>
דנה גורן
<hr />
<a href="z.html"
title=
"למה כובע"
target="_self">
צפור קטנה -</a>
מיכל דורי
<hr />
</div>
</div>
</div>
<div id="af">
<p>
<span>
שאלת השאלות
<br />
לגיל ינקות
</span>
<br />
שאלות שעדן ודור
<br />
הבנים הגדולים של
<br />
דוד שאלו מגיל
<br />
שנתיים עד שלוש וחצי
<br />
וגם צילה שאלה מגיל
<br />
ארבע עד שש
</p>
</div>
<div id="ag">
</div>
<div id="ah">
</div>
<div id="ai">
</div>
<div id="aj">
</div>
</div>
</body>
</html> |
|
|
{בריבוע הלבן צריך להיכנס ציור גרפי פשוט וילדותי מספריית ציורים קיימת וכמובן שהממלל בדוגמא לא אמיתי מחשש שגוגל יראה את האתר}
התוכנית עבודה שקדמה לקוד האחרון הייתה:
תוכנית
עבודה:
*צריך לסדר את הנושא
של הרווחים הגדולים
בין הפריטים
ברשימה.
*צריך לסדר את
הנושא של גובה
הדף לקחת מהדוגמא של
שושן. http://www.underwar.co.il/forum/forum_posts.asp?TID=3636& ; ; ;PN=2
*צריך לבדוק אם יש
לי דיווים
מיותרים או בכלל ללמוד בביה"ס 3
את הנושא של
הדיווים.
*צריך להוציא מה שאפשר
להוציא מהגוף אל הראש, מהבודי
אל ההד.
גם כדאי לבדוק בביה"ס 3 דברים
דומים.
*צריך לבדוק לגבי
הקישורים מה לעשות שהצבע
יתחלף אחרי שנכנסים לאתר.
תוכנית עבודה
קודמת:
להכניס את החומרים
שלי דבר, דבר לתוך מסמך
שבע. קודם כל צריך למצוא את המסמך האחרון הכי מעודכן שלי ולצרף אותו לתיקיה
מספר 7
ואז ליצור
תיקיה מספר 8 ובה לנסות
לשים חלק
מהחומר.
דברים שאני צריכה לעשות:
לא טיפלתי עדיין בנושא של הלינקים שיחליפו צבע וישארו בצבע החדש לגבי קביעת גובה הדף נדמה לי שאני אשאיר את זה כמו שהוא
נושא מאוד חשוב זה לקבוע כותרות כרגע אין לכותרות סימון ככותרות אני צריכה להבין איך אני עושה כותרת בגודל שאני קובעת h1 h2 h3
את הבולד צריך כנראה להחליף לסטרונג ויש כנראה עוד דברים...
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
11010010110
פורומיסט על
הצטרף / הצטרפה: 23 April 2006
משתמש: מנותק/ת
הודעות: 2621
|
| נשלח בתאריך: 19 September 2006 בשעה 21:20 | | IP רשוּם
|
|
|
|
כמה צילומי מסך בשביל נאוה
כמו שהוא
http://hozt.net/image.php?img=20060919205524844673.png
כתב קטן (הגדרתי בדפדפן)
http://hozt.net/image.php?img=20060919205949867980.png
כתב גדול
http://hozt.net/image.php?img=20060919210045520197.png
ביטלתי צבעים ועשיתי הכול אותו גודל
http://hozt.net/image.php?img=20060919210250425148.png
הבעיות:
1 שימוש מיותר מאוד ב position:absolute. הדברים אמורים
להיות חופשיים לזוז ולשנות גודל ביחד עם הגודל של הכתב.
2 בעמוד ימין לשמאל ובמקומות שיש absolute כדאי לעשות
מקום לפי right top ולא left top
3 אין לי פונט אריאל לכן זה שם את הפונט הזוועה של הברירת
מחדל.
את לא יכולה להיות בטוחה שיש לי את הפונט הזה.
קיימים כמה (נראה לי 5 או 7) שמות-של-פונטים סטדרתיים לכל
מיני מטרות שכל דפדפן מכיר את השמות שלהם ובוחר פונט
מתאים ממה שיש במחשב. "פונט פשוט" למשל זה sans-serif.
בפונטים ניתן לתת רשימה של ''אם לא זה אז'' בסדר עדיפות
יורד ובסוף את השם של הפונט הסטנדרתי.
קוד:
p {font-family : "arial", "nachlieli clm", sans-serif}
|
|
|
Nachlieli CLM לדוגמה הוא פונט בעברית דומה
לאריאל והוא קיים ברוב מחשבי הלינוקס בארץ.
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 19 September 2006 בשעה 21:24 | | IP רשוּם
|
|
|
|
נאוה, את כל אלה אפשר לזהות (ואולי אפילו להחליט לפתור) בעזרת סרגל הכלים למפתח שניתן להתקנה ב-firefox...מאוד שימושי.
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 19 September 2006 בשעה 23:34 | | IP רשוּם
|
|
|
|
המון תודה!
לגבי העניין של הפונטים החלופיים, אני הייתי מודעת לזה
וקצת דחיתי את זה, אבל אני צריכה לדאוג לזה.
קצת מפתיע אותי שאריאל לא נמצא אצל כולם.
השאלה היא גם מה קורה במקינטוש, מי מחליף שם
את הפונט אריאל, נרקיס תם אולי?
ממש הרבה תודה על העזרה... אני אקח נשימה עמוקה
ולא אפשיל שרוולים רק מכיוון שהקייץ בעיצומו.
המון המון תודה לכל העצות וההמחשה,
ולעצה עם הפיירפוקס.
ודרך אגב יש ים של חומר מדהים באנגלית
חומר מעולה שצריך הרבה זמן להתעמק בו.
אני אהיה חייבת להתפשר... בשלב הזה
אני לא אוכל להיות פרופסור לcss בזמן קצר כל כך.
{הערה מאוחרת: סרגל הכלים למפתח הוא פשוט כלי מדהים- ממש להתעלף,
המון תודה! הקישור בתגובה אחרי הבאה.}
{ניר תודה על התגובה על האיפרם, זה ממש ממש חשוב לדעת את זה,
התגובה בתגובה השלישית מפה למטה}
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 19 September 2006 בשעה 23:41 | | IP רשוּם
|
|
|
|
sans-serif - פתרון, תשימי בסוף רשימת הפונטים...
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 20 September 2006 בשעה 14:40 | | IP רשוּם
|
|
|
|
*
http://chrispederick.com/work/webdeveloper/
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
ניר
מנהל האתר
הצטרף / הצטרפה: 12 January 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 3296
|
| נשלח בתאריך: 21 September 2006 בשעה 08:40 | | IP רשוּם
|
|
|
|
נאוה כתב:
| למה IFrame זה דבר גרוע שצריך להמנע ממנו?
|
|
|
בין היתר, אם רוצים שמנועי חיפוש ימצאו את האתר, מומלץ להמנע מ-IFRAMES
__________________
מספר האייסיקיו שלי ו/או כתובת ה-MSN שלי אינם מהווים מוקד תמיכה
|
| חזרה לתחילת העמוד |
|
| |
11010010110
אורח
הצטרף / הצטרפה: 01 October 2003
משתמש: אונליין
הודעות: 12647
|
| נשלח בתאריך: 21 September 2006 בשעה 12:18 | | IP רשוּם
|
|
|
|
ביקשתי מ 11010010110 חוות דעת נוספת לגבי האיפרם
ביקשתי את זה בהודעה פרטית. לטובת כולם אני מדביקה פה את התשובה שלו ומצרפת אותה לתגובה של ניר ושושן.
מה שטוב - אם משנים אותו זה משנה אותו בכל הדפים שהוא
נמצא
מה שלא טוב -
1. אם אין תמיכה ב iframe אין תפריט.
2. כדי שלינקים מה iframe יפתחו בחלון הראשי יש צורך ב
target של הקישורים. זה מאפיין תקני אבל הוא לא strict
כלומר יש מצב שדפדפנים מסוימים יפתחו את הקישורים בתוך ה
iframe ולא במסך.
3. אני לא יודע אם המשתמש משנה גודל כתב וכו אז שהגודל של
ה iframe משתנה בהתאמה או אם הוא משתמש בתוכנה של עיוורים
אז היא מקריאה גם בתוך ה iframe.
אם בתפריט יש רק למעלה ולעמוד הבית וקישורים בתוך העמוד
אז לא לשים iframe.
אם זה משהוא שכן אמור להיות ניתן לשינוי אז לשלב iframe
לדברים הנוספים בלבד (ניתן אני חושב לעשות אותו עם גבול
בלתי נראה ואז לא רואים שהוא שם רואים כאילו התפריט שלם).
את הגודל שלו לקבוע בקובץ ה css הראשי של האתר שניתן יהיה
לשנות אם התפריט משתנה שלא יהיה מקום מת בסוף או יופיע פס
גלילה.
אם ה target צריך לעשות משהוא כמו parent אם זה אפשרי
(אני יבדוק) ולא top כדי שאם את תשימי את הכול ב frame
גדול יותר (נניח פריים-טלויזיה כזה מעמוד אחר של האתר) אז
זה לא יצא ממנו כשוחצים על הקישורים.
הנה משהוא שיכול לעניין אותך
http://www.w3.org/Style/Examples/007/menus.html
|
| |
 |
|
| חזרה לתחילת העמוד |
|
| |
11010010110
פורומיסט על
הצטרף / הצטרפה: 23 April 2006
משתמש: מנותק/ת
הודעות: 2621
|
| נשלח בתאריך: 21 September 2006 בשעה 13:16 | | IP רשוּם
|
|
|
|
שורה 2 ארוכה מידי.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 08 October 2006 בשעה 09:09 | | IP רשוּם
|
|
|
|
*הצמדתי כותרות לשם האתר לכותרת שניה ולכותרת שלישית.
*ויתרתי על הקישורים כרשימת פריטים.
*הוצאתי כל מה שאפשר מגוף הקוד body אל ראש הקוד head.
*שיניתי absolute right top במקום left top
*הכנסתי רשימה של שמות-של-פונטים סטנדרטיים לכל
מיני מטרות שכל דפדפן מכיר את השמות שלהם ובוחר פונט
מתאים ממה שיש במחשב.
*הכנסתי תג למלות מפתח.
קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ; ;
<html dir="rtl" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255" />
<title>כמה נפלא_המלצות ספרים לגיל שנתיים עד תשע</title>
<meta name="keywords" content="word1, word2" />
<style type="text/css">
body { background: #CC9966; margin:0;}
#aa{ width:317px; height:72px; background:#990000; position:absolute; right:380px; top:57px;}
#ab{ width:46px; height:72px; background:#990000; position:absolute; right:160px; top:57px;}
#ac{ width:317px; height:32px; background:#99CCFF; position:absolute; right:380px; top:129px;}
#ad{ width:46px; height:32px; background:#99CCFF; position:absolute; right:160px; top:129px;}
#ae{ width:348px; height:3px; position:absolute; right:206px; top:191px;}
#af{ width:157px; height:167px; background:#99CCFF; position:absolute; right:49px; top:181px;}
#ag{ width:174px; height:164px; background:#FFFFFF; position:absolute; right:206px; top:17px;}
#ai{ width:100%; height:32px; background:#990000; position:absolute; right:0px; top:2000px;}
#aj{ width:100%; height:32px; background:#CCCCCC; position:absolute; right:0px; top:2032px;}
a:link {color: #000080; text-decoration: underline overline; font-weight: bold; font-size:100%;}
a:visited {color: #000080; text-decoration: underline overline; font-weight: bold; font-size:100%;}
a:hover { text-decoration: none; color: #003; background: #99CCFF; font-weight: bold; font-size:100%;}
a:active {color: #990000; text-decoration: underline overline; font-weight: bold; font-size:100%;}
#ae{font-family: arial, nachlieli-clm, sans-serif;
font-weight: normal;
font-size: 100%;
color: #000080;
margin: 0px;
text-align: center;
background-color: none;}
h1{font-family: arial, nachlieli-clm, sans-serif;
font-weight: normal;
font-size: 320%;
color: #FFFFFF;
padding-top: 5px;
text-align: center;
background-color: none;
margin: 0px;}
h2{font-family: arial, nachlieli-clm, sans-serif;
font-weight: normal;
font-size: 130%;
color: #990000;
padding-top: 4px;
text-align: center;
background-color: none;
margin: 0px;}
h3{font-family: arial, nachlieli-clm, sans-serif;
font-size: 100%;
color: blue;
margin-left: 12px;
margin-top: 10px;
text-align: left;
background-color: none;}
span{font-family: arial, nachlieli-clm, sans-serif;
font-weight: normal; color: #000080;}
</style>
</head>
<body dir="rtl">
<div>
<div>
<div id="aa">
<div>
<h1>
למה כובע!
</h1>
</div>
</div>
<div id="ab">
</div>
<div id="ac">
<div>
<h2>
שאלת השאלות של חנה גפן
</h2>
</div>
</div>
<div id="ad">
</div>
<div id="ae">
<div>
<a href="z.html"
title=
"למה כובע"
target="_self">
באמצע היום -</a>
עמי בן-דור
<hr />
<a href="z.html"
title=
"למה כובע"
target="_self">
זרע של אבטיח -</a>
דנה גורן
<hr />
<a href="z.html"
title=
"למה כובע"
target="_self">
צפור קטנה -</a>
מיכל דורי
<hr />
</div>
</div>
</div>
<div id="af">
<h3>
שאלת השאלות
<br />
לגיל ינקות
<span>
<br />
שאלות שעדן ודור
<br />
הבנים הגדולים של
<br />
דוד שאלו מגיל
<br />
שנתיים עד שלוש וחצי
<br />
וגם צילה שאלה מגיל
<br />
ארבע עד שש
</span>
</h3>
</div>
<div id="ag">
</div>
<div id="ai">
</div>
<div id="aj">
</div>
</div>
</body>
</html>
|
|
|
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 08 October 2006 בשעה 10:32 | | IP רשוּם
|
|
|
|
נחמד מאוד....
הייתי משנה טיפונת את הצבע רקע, הבנתי שאת עוסקת העיצוב ומנסה להכניס בניית אתרים לרזומה, אז את בטח כבר מומחית בצבעים וכו'...
קשה לי קצת להבין למה בחרת להשתמש ב-absolute position בכל הדף, ולמה בשביל כזה דף צריך סקרולל באר...
אבל הצבעים מצאו חן בעייני,ובמיוחד הקישורים
שימי לב שבסוף השורה הראשונה יש לך סתם " ; ;" (או שאולי זה בגלל באג בפורום?)
אם זה לא באג בפורום אז תורידי את זה...
ועוד דבר קטן (ולא חשוב הפעם), למה המקף בתוך הקישורים ולא אחריהם ?
ועכשיו הצעה: לפי דעתי כדי לך להשתמש בטבלה כדי להצגי בה את רשימת הספרים, בעמודה אחת הספר ובשנייה המחבר...
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 08 October 2006 בשעה 11:16 | | IP רשוּם
|
|
|
|
*אני כרגע לא מוטרדת מהשאלה של העיצוב והצבעים בכלל.
אני אוכל להמשיך לשנות להחליף צבעים לראות מה יותר מתאים.
יתכן ואני אחליף שמתי לב שצבעים אחרים גם נראים אולי יותר קלילים ואווריריים,
אני צריכה גם לשים את התמונה הקטנה בתוך הריבוע הלבן כדי לראות איך זה נראה
סופי. אני חושבת שהתייעצויות זה חוק כשמעצבים משהו. אני אכין כמה נסיונות של צבע
ואתייעץ עם כמה שיותר אנשים ואז אחליט. אבל עכשיו זה לא העניין. עכשיו אני עסוקה
בתקינות ובנכונות הקוד של האתר ולא בעיצוב של האתר.
אני ממש לא מוטרדת מזה כרגע.
* אני החלטתי ללמוד את הנושא של בניית אתרים לצורך בניה של אתר מסועף לעצמי
שאני רוצה שהוא כל הזמן יגדל ויתפתח ושאני אוכל לשלוט בכל מה שקורה בו.
זה יהיה נחמד מאוד אם כתופעת לוואי אני אעשה אתרים גם לאחרים.
זה בכל מקרה לא הייתה ממש הכוונה. אבל מכיוון שמדובר בהשקעה של זמן...
אם זה יתגלגל לכיוון הזה זה יכול להיות נחמד. זו לא התוכנית... אבל זו יכולה להיות סטיה נחמדה מהתוכנית. למרות שהחלטתי לא לסטות מתוכניות שאני מציבה לעצמי.
*"קשה לי קצת להבין למה בחרת להשתמש ב-absolute position בכל הדף" פשוט העתקתי קוד שמצאתי אצל יהודה כץ ולתוכו הכנסתי את המלל... אשמח לקבל דוגמא לקוד
חלופי. אני הכנתי את האתר על סמך העתקה של קודים שונים וחיבור בין דברים בלי שום הדרכה מסודרת הכל על דעת עצמי. אם יש קוד יותר טוב אשמח לקבל דוגמא...
*"ולמה בשביל כזה דף צריך סקרולל באר..."
שלושת הקישורים יהיו 60 קישורים אז תהיה גלילה של הדף.
*דרך אגב חסר רק תפריט. הוא יהיה פשוט ביותר, באתר הזה.
"ועוד דבר קטן (ולא חשוב הפעם), למה המקף בתוך הקישורים ולא אחריהם ?"
אני כבר לא ממש זוכרת, אבל זה התקבל כך הכי יפה ונקי. ואהבתי את זה ככה.
הייתה בעיה שהקו גלש יותר מדי החוצה. זה היה הפתרון הכי יפה.
ועכשיו הצעה: לפי דעתי כדי לך להשתמש בטבלה כדי להצגי בה את רשימת הספרים, בעמודה אחת הספר ובשנייה המחבר...
אני אוכל להגיע לאותו עיצוב?
למה זה כדאי?
אולי זה יפתור לי את הבעיה של חללים שונים מקצה המלל עד קצה הדף?
המון תודה...
{אני עכשיו מתחילה עם הנגישות אני קוראת שוב את הספר המקוון ומנסה לסכם דברים עיקריים ואחר כך ליישם אותם.}
אתר
נגיש
{דרך אגב אני לא חייבת להחליט על צבעים קבועים. אני מבינה שאני יכולה להכין כמה אפשרויות ולהשאיר לגולש לבחור את הצבע החביב עליו.
כנ"ל גם לגבי כמה עיצובים, מה שאני בהחלט לא מתכוונת לעשות.
בכל מקרה כל שאלת הצבע יש לה משמעות מבחינת הנגישות, כך שמאוד יתכן שעניין הנגישות יגרום לשינויים לא צפויים. נראה מה יהיה. פרה פרה..}
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 12 October 2006 בשעה 19:03 | | IP רשוּם
|
|
|
|
shoshan כתב:
נחמד מאוד....
קשה לי קצת להבין למה
בחרת להשתמש ב-absolute position בכל הדף,
|
|
|
11010010110 כתב:
הבעיות: 1 שימוש מיותר מאוד ב position:absolute. הדברים
אמורים להיות חופשיים לזוז ולשנות גודל ביחד עם הגודל של הכתב.
|
|
|
לא הצלחתי להבין אתכם עד הסוף.
אני מעוניינת שהדף יראה כמו שאני רוצה שהוא יראה.
אם הדברים יזוזו עם שינוי גודל הכתב זה יכול לקבל צורה מכוערת מאוד.
ממה שכתבתם לא הבנתי מה לא בסדר
*אני צריכה שיהיה לי position:absolute וחלק position:relative * אני צריכה שלא יהיה לי חלק position:absolute והכל יהיה position:relative *זה כל כך נורא אם זה ישאר כך כמו שזה?
*אז מה אם הכתב יגדל ויצא מהריבוע?
אני חושבת שבכל מקרה הגדלה של הכתב מעוותת את האתר...
לפי מה שראיתי. מה זה חשוב העיקר שאפשר לקרא למי שזקוק לכתב גדול.
זה קצת מעכב אותי.
אני יכולה להשאיר את זה כמו שזה?
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 12 October 2006 בשעה 19:15 | | IP רשוּם
|
|
|
|
את הולכת לבנות אתר HTML, נכון - לא דינאמי עם ASP או משהו כזה...
אז אחר כך לשנות את זה יאמר לשנות את זה בכל דף ודף באתר, סיוט...
אם את מתכננת לשנות את זה בעתיד, או שאת מתכננת להפוך את האתר לדינאמי בעתיב (כלומר לשנות) אז שיהיה ככה שבעתיד תחליטי איך לבנות מחדש...
אם לא תחליטי עד כמה חשוב לך שהאתר יעבוד בכמה גדלי פונט, ובעיקר מה שחשוב שיעבוד בכמה רזולוציות מסך ובכמה דפדפנים.
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 12 October 2006 בשעה 19:38 | | IP רשוּם
|
|
|
|
האם אני צריכה להחליף את כל position:absolute ב z? position:relative
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 12 October 2006 בשעה 20:03 | | IP רשוּם
|
|
|
|
לא, הקטע שאם את שמה את הרוחב בדיוק בגודל מסויים גם וגם את הגובה בדיוק בגודל מסויים, וגם אובייקטים נוספים ממוקמים בהנחה שהאובייקט הראשון בגודל מסויים את יותר מידי מסתמכת על זה שכל האנשים בעולם משתמשים במחשב שלך ובהגדרות שלך כדי לגלוש ;)
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 13 October 2006 בשעה 06:18 | | IP רשוּם
|
|
|
|
תכנסו לכאן דחוף יש לי בעיה גדולה:
הבנתי ממש טוב מה אני לא צריכה לעשות.
אבל אני עדיין לא מבינה איך אני מתקנת את זה.
מה אני כן צריכה לעשות שהכל יהיה בסדר?
א.
ב.
ג.
ד.
ה.
המון תודה
"אבודה מול המחשב"
תסלחי לי על הגנבה הספרותית.
עד 3
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
11010010110
פורומיסט על
הצטרף / הצטרפה: 23 April 2006
משתמש: מנותק/ת
הודעות: 2621
|
| נשלח בתאריך: 13 October 2006 בשעה 15:13 | | IP רשוּם
|
|
|
|
א. להעיף את כל ה position : absolute
ב. רק רוחב מותר שיהיה קבוע, גובה לא
ג. להשתמש ב css חיצוני
ד. כותרות מה שאמרנו
ה. להשתמש נכון ב class ו id.
class כדי להגדיר סוג של משהוא למשל div של תפריט
id כדי לזהות משהוא אחד מתוך כמה למשל אם יש מילה אחת
מתוך רשימה שאת רוצה שליטה עליה בנפרד אז זה המקום.
כמו כן id זה המקום - נחיתה קישורים בתוך העמוד (אני
משתמש ב id ולא name אבל חושב שאפשר אם שתיהם)
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 13 October 2006 בשעה 16:16 | | IP רשוּם
|
|
|
|
השקעתי איזה 20 דקות ובניתי לך משהו מהיר ומגעיל
קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ;
<html dir="rtl" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255" />
<title>MY TITLE HERE...</title>
<style type="text/css">
body{
background-color:#CC9966;
font-family: Arial;
font-size: 100%;
margin:10px 0;
}
#main{
width:640px;
margin:0 auto;
}
h1{
font-weight: normal;
font-size: 320%;
color: #FFFFFF;
margin:0;
padding:7px 0;
}
h2{
font-size:130%;
font-weight:normal;
color:#000000;
margin:0;
padding:7px 0;
}
.description{
background-color:#99CCFF;
color:#000099;
}
h3{
color:#0000FF;
font-weight:normal;
font-size:120%;
}
a:link {color: #000080; text-decoration: underline overline; font-weight: bold; font-size:100%;}
a:visited {color: #000080; text-decoration: underline overline; font-weight: bold; font-size:100%;}
a:hover { text-decoration: none; color: #003; background: #99CCFF; font-weight: bold; font-size:100%;}
a:active {color: #990000; text-decoration: underline overline; font-weight: bold; font-size:100%;}
#foot1, #foot2{
width:100%;
height:32px;
}
#foot1{
background:#990000;
}
#foot2{
background:#CCCCCC;
}
.tableCell{
border-top:2px #99CCFF solid;
color:#444444;
}
th{
color:#DDEEFF;
}
</style>
</head>
<body dir="rtl">
<div id="main">
<table align="left" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td rowspan="4" width="100"> </td>
<td width="46" height="41"> </td>
<td rowspan="4" width="175" bgcolor="#FFFFFF"> </td>
<td colspan="2" width="318"> </td>
</tr>
<tr>
<td bgcolor="#990000"> </td>
<td bgcolor="#990000" align="center"><h1>למה כובע!</h1></td>
</tr>
<tr>
<td bgcolor="#99CCFF"> </td>
<td bgcolor="#99CCFF" align="center"><h2>שאלת השאלות של חנה גפן</h2></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td valign="top" colspan="2" class="description">
<h3>שאלת השאלות לגיל ינקות</h3>
שאלות שעדן ודור
הבנים הגדולים של
דוד שאלו מגיל
שנתיים עד שלוש וחצי
וגם צילה שאלה מגיל
ארבע עד שש
</td>
<td valign="top" colspan="3">
<br /><br />
<table cellpadding="5" cellspacing="0" border="0" width="100%">
<tr>
<th width="50%">יצירה</th>
<th width="50%">מחבר</th>
</tr>
<tr>
<td align="left" class="tableCell">
<a href="#">באמצע היום</a>
</td>
<td align="right" class="tableCell">
עמי בן-דור
</td>
</tr>
<tr>
<td align="left" class="tableCell">
<a href="#">באמצע היום</a>
</td>
<td align="right" class="tableCell">
עמי בן-דור
</td>
</tr>
<tr>
<td align="left" class="tableCell">
<a href="#">באמצע היום</a>
</td>
<td align="right" class="tableCell">
עמי בן-דור
</td>
</tr>
<tr>
<td align="left" class="tableCell">
<a href="#">באמצע היום</a>
</td>
<td align="right" class="tableCell">
עמי בן-דור
</td>
</tr>
</table>
</td>
</tr>
</table>
<br />
<br />
<div id="foot1"> </div>
<div id="foot2"> </div>
</div>
</body>
</html> |
|
|
הגודל של הפונט גמיש (ואמנם ה-layout עם טבלה, אבל בתוך התא של התוכן את יכולה לשים מה שבא לך כולל כמובן layout עם CSS...
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 13 October 2006 בשעה 16:46 | | IP רשוּם
|
|
|
|
11010010110
המון תודה על העזרה הרבה
בהודעה הפרטית ובפורום
המון
המון המון
המון המון המון
המון המון
המון
תודה.
שושן,
חשבתי שאני צריכה להיות
ורד 18 כדי לקבל כזאת תגובה
הפתעת אותי שוב
כמו שהבטחת
המון
המון המון
המון המון המון
המון המון
המון
תודה
נדמה לי
שאני רואה
את האור
בקצה
המנהרה.
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 13 October 2006 בשעה 17:34 | | IP רשוּם
|
|
|
|
את צריכה להיות מה ?
לא הבנתי...
18.10.2006 - 18:50
חח...טוב,
אבל היא לא הייתה נואשת.
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 14 October 2006 בשעה 18:22 | | IP רשוּם
|
|
|
|
ענית לה מאוד יפה
מעכשיו כשאני אהיה נואשת
ואני מקווה שאני לא אהיה,
אני אגיד לך "תענה לי כאילו
שאני ורד 18"
אל תבזבז מקום על תגובה
אתה יכול להגיב בעריכה בתגובה הקודמת.
אני זקוקה למקום באשכול הזה יש לי עוד
ים
של עבודה שאני רוצה לתעד.
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 18 October 2006 בשעה 15:02 | | IP רשוּם
|
|
|
|
*
http://chrispederick.com/work/webdeveloper/
אני רוצה לבדוק איך האתר שלי נראה במסכים עם גודל שונה.
חיפשתי webdeveloper אופציה לעזרה בנושא ולא מצאתי.
יש אופציה כזאת?
לי יש מסך קטן. 800px 570px
אני מבינה שאני כנראה צריכה להגדיל את רוחב העמוד
ואז לראות איך הדברים נראים ולהשתמש בגלילה.
אני אנסה לברר מהם הגדלים השונים של המסכים שקיימים.
מהו גודל המסך שנמצא הכי בשימוש?
{אוי ואבוי ואבוי לי, שושן איך לא ראיתי, התעכבתי שם וחיפשתי
והיה נדמה לי שאי אפשר להקליד שם כלום... אוי ואבוי לי, ככה
מתחת לאף התפקשש לי}
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 18 October 2006 בשעה 15:12 | | IP רשוּם
|
|
|
|
מדוע ולמה לא מצאת ב-web developer ?
יש כפתור רק בשביל זה:
resize
את אפילו יכולה לשלוט באפשרויות שמופיעות לך שם.
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 18 October 2006 בשעה 18:03 | | IP רשוּם
|
|
|
|
זה קישור מעניין על הפתרון לאתר נוקשה ולא גמיש
מהקישור הזה אני לומדת שהאתר המדוייק, הנוקשה והלא גמיש שעשיתי,
נעשה בדרך עבודה שהיא חביבה על רבים ובולטת בשטח למרות החסרונות שלה.
אני אישית רוצה להפוך אותו לגמיש, אבל רק רציתי לציין שנדמה לי שגם אם לא אשנה
הוא יהיה אתר סביר, אחד מרבים ולא יוצא דופן באופן מיוחד.
{אני מודעת לכל החסרונות והם גם מפורטים במאמר אבל רק הופתעתי לקרא
שזו דרך עבודה מקובלת מאוד}.
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 18 October 2006 בשעה 18:17 | | IP רשוּם
|
|
|
|
זה לא פתרון מספיק טוב בשבילך.
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 18 October 2006 בשעה 18:37 | | IP רשוּם
|
|
|
|
אני אזיע ואזיע
עד שאני אגיע...
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 19 October 2006 בשעה 23:45 | | IP רשוּם
|
|
|
|
shoshan כתב:
את הולכת לבנות אתר HTML, נכון - לא דינאמי עם ASP או משהו כזה...
אז אחר כך לשנות את זה יאמר לשנות את זה בכל דף ודף באתר, סיוט...
אם את מתכננת לשנות את זה בעתיד, או שאת מתכננת להפוך את האתר לדינאמי בעתיב (כלומר לשנות) אז שיהיה ככה שבעתיד תחליטי איך לבנות מחדש...
אם לא תחליטי עד כמה חשוב לך שהאתר יעבוד בכמה גדלי פונט, ובעיקר מה שחשוב שיעבוד בכמה רזולוציות מסך ובכמה דפדפנים.
|
|
|
למה הכוונה שהאתר יעבוד בכמה ררזולוציות מסך.
אולי אפשר לקבל מעט הסבר על רזולוציות מסך.
אני הבנתי שהאתר צריך להתמתח על גדלים שונים של מסך
האם זה קשור לרזולוציית מסך?
צר לי על הבורות.
אבל
"לא הבישן למד
ולא הקפדן מלמד"...
{דרך אגב אני אופטימית ומתקדמת יפה, בלי עין הרע... טפו טפו טפו...
העיניינים נעשים מתוחכמים ומרתקים  "}
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 19 October 2006 בשעה 23:48 | | IP רשוּם
|
|
|
|
כן, זה בדיוק העניין
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
11010010110
פורומיסט על
הצטרף / הצטרפה: 23 April 2006
משתמש: מנותק/ת
הודעות: 2621
|
| נשלח בתאריך: 20 October 2006 בשעה 16:53 | | IP רשוּם
|
|
|
|
את יכולה לבדוק ברזולוציה קטנה יותר ממה שיש לך אם את
משחקת אם הגודל של החלון של הדפדפן
איך אל מסך גדול יותר - לא יודע. לי יש 1024x768
אתר נגיש לדעתי זה כזה
נראה בגודל הכתב שלו כמו שהוא תקין על מסך 640x480 (הגודל
של האתר קטן יותר בגלל המסגרת שהדפדפן מוסיף)
ובגודל כתב הכי קטן שעדיין ניתן לראות במסך בגודל 200x150
(בערך כמו מחשב כף יד)
במסך גדול הוא משתמש בכל השטח של המסך בשביל המידע שיש
באתר ולא נשאר כמו עמוד דק.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 21 October 2006 בשעה 18:02 | | IP רשוּם
|
|
|
|
11010010110 כתב:
את יכולה לבדוק ברזולוציה קטנה יותר ממה שיש לך אם את
משחקת אם הגודל של החלון של הדפדפן
איך אל מסך גדול יותר - לא יודע. לי יש 1024x768
אתר נגיש לדעתי זה כזה
נראה בגודל הכתב שלו כמו שהוא תקין על מסך 640x480 (הגודל
של האתר קטן יותר בגלל המסגרת שהדפדפן מוסיף)
ובגודל כתב הכי קטן שעדיין ניתן לראות במסך בגודל 200x150
(בערך כמו מחשב כף יד)
במסך גדול הוא משתמש בכל השטח של המסך בשביל המידע שיש
באתר ולא נשאר כמו עמוד דק. |
|
|
אוי ואבוי לי, שכחתי בכלל מהמסכים הקטנים האלה.
המון תודה!
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 21 October 2006 בשעה 18:43 | | IP רשוּם
|
|
|
|
לא צריך להגזים, אםשר לבנות עיצוב שונה לגמרי רק בשביל כף יד ופלאפונים, ואולי לשים בסאב דומיין.
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 21 October 2006 בשעה 19:15 | | IP רשוּם
|
|
|
|
אני מקווה שאין עוד הרבה דברים שיצוצו פתאום.
האינטרנט זה עולם אינסופי... כמה שאני מתגעגעת לכמה קירות שיקיפו אותי.
שיהיה לי מושג איפה אני נמצאת. אני מרגישה אבודה בחלל האינסופי...
כמה דברים עוד נשאר לי ללמוד...
בואו לא נענה על זה... עדיף לא לשאול שאלות...
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 22 October 2006 בשעה 16:35 | | IP רשוּם
|
|
|
|
OK, מסתבר שכל הנושא הזה של מיקום ב CSS
הוא נושא נכבד בפני עצמו שדורש לימוד מעמיק
אין בעברית חומר על זה. אפשר באתר של איתן לקבל
חומר התחלתי על מיקום. גם בבית ספר 3 אין חומר על זה
מומלץ להכנס לגוגל כאן.
css positioning
יש פה אתרים שהם ממש זהב טהור והאנגלית ממש קלה.
מומלץ לשחק עם קודים למיקום. אני אפתח בפורום פה נושא חדש
עם קודים למיקום לתרגול ולמשחק יותר מאוחר.
ואשים פה קישור אליהם.
עכשיו אני שמה:
קודים למיקום ב css
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 23 October 2006 בשעה 18:35 | | IP רשוּם
|
|
|
|
shoshan כתב:
נחמד מאוד....
קשה לי קצת להבין למה
בחרת להשתמש ב-absolute position בכל הדף,
|
|
|
11010010110 כתב:
הבעיות: 1 שימוש מיותר מאוד ב position:absolute. הדברים
אמורים להיות חופשיים לזוז ולשנות גודל ביחד עם הגודל של הכתב.
|
|
|
אני ממהרת לכתוב כדי לא להטעות פה אנשים, מסתבר שלא צריך להעיף את
absolute position
אלא צריך להשתמש בו בצורה נכונה. צריך שהאלמנט הראשון יהיה relative position
ושאר הדברים יהיו בabsolute position ויהיו יחסיים לאלמנט הראשון והכל צריך
להיות עם float. האבסולוט פוזישן בצורה הזאת, לא ימנע מהאתר שיהיה אלסטי
כל מה שצריך זה שכל המידות יהיו בam.
יש פה עניין של ירושה של הורים וילדים...
יש אתר שנקרא עשר צעדים ללימוד מיקום ב css ללא טבלאות
שמוביל לעוד אתר מקסים וסימפטי באופן מיוחד במינו
והאנגלית בו קלה משום מה.
אחזור עוד מעט להוסיף קישורים.
יופי של דבר להתחלה:
עשר צעדים ללימוד מיקום ב css
אתר סימפטי באופן יוצא מן הכלל וגם האנגלית משום מה קלה מאוד:
relatively-absolute
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
11010010110
פורומיסט על
הצטרף / הצטרפה: 23 April 2006
משתמש: מנותק/ת
הודעות: 2621
|
| נשלח בתאריך: 23 October 2006 בשעה 19:31 | | IP רשוּם
|
|
|
|
לא
אין צורך בכלל להשתמש ב position
|
| חזרה לתחילת העמוד |
|
| |
שושן
אורח
הצטרף / הצטרפה: 01 October 2003
משתמש: אונליין
הודעות: 12647
|
| נשלח בתאריך: 23 October 2006 בשעה 21:29 | | IP רשוּם
|
|
|
|
אוי, המצב קשה :(
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 24 October 2006 בשעה 00:44 | | IP רשוּם
|
|
|
|
shoshan כתב:
הוא התכוון בלי לשנות את התכונה position.
אפשר רק לקבוע רוחב, לפעמים
float, לפעמים טבלאות...
וזה אפילו עדיף בהרבה.
|
|
|
הם מרשים לי לצתת אם זה יעזור למישהו
אז לטובת כולם,
שימו לב באתר עם העשרה צעדים
אם אתם מצמצמים אותו
הוא לא שומר על אחידות המראה
והחלק הימני שלו בורח למטה
בגלל זה 1101 לא מתלהב ממנו.
וכנראה בגלל עוד דברים שלא עליתי עליהם.
האתר השני הסימפטי במיוחד
נראה לי מתכווץ ומתמתח מאוד יפה
גם כשמגדילים את האותיות הוא נראה
מצויין בכל הגדלים.
בקיצור החיים קשים
אבל לפחות אני יודעת במידה מסויימת למה.
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 24 October 2006 בשעה 09:14 | | IP רשוּם
|
|
|
|
מקינטוש או פי סי? ימין או שמאל? אתר עם טבלאות או
בלי טבלאות?
נראה לי שפה בפורום כולם פי סי. כולם ימין וכולם
מעדיפים אתר עם טבלאות.
החלטתי גם וגם. אני אעשה שני אתרים, אחד עם טבלאות
ואחד בלי טבלאות,
וכך אני אבין את שניהם לעומק, הרי בסך הכל אני נמצאת במצב של
למידה.
אני בטוחה שבכל מקרה צריך לדעת איך לעבוד בשני הכיוונים וכנראה גם לשלב.
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 16 November 2006 בשעה 11:22 | | IP רשוּם
|
|
|
|
ויקיפדיה - יחידות מידה - em
em unit
http://www.communitymx.com/abstract.cfm?cid=C0410
בעזרת הקישורים האלה אפשר ללמוד איך לעשות עימוד גמיש, אלסטי, נמתח
בעזרת יחידת המידה em שהיא יחידת מידה יחסית.
דף גמיש שיתמתח ויתכווץ בעת הקטנה והגדלה של החלון וכשהאותיות נעשות
גדולות יותר על מסכים גדולים. דף שמתאים את עצמו לגודל המסכים השונים.
האותיות גדלות וגם
הקופסה שלהן גדלה יחד אתן.
יש כאן אופציה לשלב יחידות מידה נוספות
ושיטות עימוד נוספות.
יש בקישור האחרון חומר עזר להורדה: קודים שמדגימים את השיטה,
ואת הבעייתיות בשיטות האחרות.
אם יש בעיה בהורדה צריך לכבות לרגע את חומת האש פיירהול או להכנס כפי שמדריכים שם ולבטל את חומת האש ספציפית לאתר הזה.
יש בקישור לגוגל הרבה אתרים טובים שמלמדים עימוד עם יחידת המידה em
בקישור האחרון יש בדיחה נחמדה שמצביעה על הקושי המסויים שיש עם ה em
ה em כל הזמן משתנה ביחס לאלמנט ההורה שלו אז הבדיחה היא כזאת מהזיכרון:
מה שאל em אחד את הem השני?- תגיד מי זה אבא שלך?
הem יחידת מידה לפונטים ולרוחב של אלמנטים.
היא פותרת את הבעיה של שימוש באחוזים ושימוש בפיקסלים.
עריכה:
ממה שאני רואה יש שוני די גדול בגודל הפונט כמו שהוא נראה
בפיירפוקס ובאקספלורר וזה כמובן גם גורר את שאר האלמנטים.
נראה איך נתמודד עם זה.
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 21 November 2006 בשעה 17:50 | | IP רשוּם
|
|
|
|
הקוד הזה מדגים עבודה עם יחידת המידה em
אפשר לראות פה איך יורדים שורה ללא פקודה מיוחדת
אפשר לראות איך המשתמש יכול להגדיל את גודל האותיות שלו עד למקסימום
והדף שומר על צורתו המקורית ורק נוספים לו סרגלי גלילה.
חובה להקפיד על שימוש במיקום top left
תהנו.
לנוחיות השימוש אני אדביק את הקוד גם
בנושא עזרה בקשר לירידת שורה בלי פקודה כלשהי
וגם בנושא קודים למיקום בcss
קוד:
<head>
<style type="text/css">
body { background:silver;
font-size: 100%; margin: 0px;}
#b { position:absolute; left:13em; top: 3em; background:red; width:34em; height:13em; }
#d { position:absolute; left:0em; top:16em; background:yellow; width:13em; height:13em;}
#b{font-family: arial, nachlieli-clm, sans-serif;
font-weight: normal;
margin: 0px;
text-align:center;
background-color: none;}
#d{font-family: arial, nachlieli-clm, sans-serif;
font-weight: normal;
padding-top: 30px;
padding-right: 0px;
margin: 0px;
text-align:right;
background-color: none;}
</style>
</head>
<body>
<div id="b">
sssssssssssssssssssssssssssssssssssssssssssssssssss
dddddddddddddddddddddddddddddddddddddddd
wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
</div>
<div id="d">
dddddddddddddddddd
ffffffffffffffffffffffffffffffffffffffff
sssssssssssssssssss
</div>
</div>
</body>
|
|
|
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
11010010110
פורומיסט על
הצטרף / הצטרפה: 23 April 2006
משתמש: מנותק/ת
הודעות: 2621
|
| נשלח בתאריך: 21 November 2006 בשעה 18:33 | | IP רשוּם
|
|
|
|
http://hozt.net/image.php?img=20061121182158029994.png
http://hozt.net/image.php?img=20061121182241632055.png
http://hozt.net/image.php?img=20061121182311603938.png
http://hozt.net/image.php?img=20061121182344554350.png
הירידה של השורות עובדת כי האורך של הטקסט לא נכנס ב div.
ניסיתי לשנות את המקום של הדברים כדיי שיעבוד דרך זרימה
חופשית של הטקסט ולא דרך position absolute.
אז השורות התאחדו ביחד . . .
http://hozt.net/image.php?img=20061121182411706739.png
זה עובד כשרוצים שהטקסט ירד שורה לפי האורך.
זה לא עובד כשרוצים אחרי כל מילה.
חייבים <br> או ירידת שורות ללא קוד אם <pre>
אז ננסה לשים <pre> . .
http://hozt.net/image.php?img=20061121182438871134.png
נראה שה pre מדביק אותו להתחלה של השורה. אם אני משחק אם
זה על ידי align אז או שהוא נשאר במקום או שהוא פשוט נעלם
(תכונה של התאג או באג בדפדפן שלי).
position : absolute כן מסדר אותו אבל השימוש בו absolute
לא רצוי (כן גם אם יש em)
|
| חזרה לתחילת העמוד |
|
| |
11010010110
פורומיסט על
הצטרף / הצטרפה: 23 April 2006
משתמש: מנותק/ת
הודעות: 2621
|
| נשלח בתאריך: 21 November 2006 בשעה 18:39 | | IP רשוּם
|
|
|
|
אז
בשביל מה ירידת שורה ללא br ?
רוצים שבירה אוטומטית - בסדר אבל זה לא יהיה אחרי כל מילה
אם כבר pre - ניתן אני חושב לסדר אותו כך שהמקום האנכי
יהיה אוטומתי והאופקי אם סתם right או left.
רוחב אופקי ב % זה טוב לכל מיני דברים כאלה.
תבדקו את המאפיינים
min-width min-height max-width max-height
הם ממש טובים לכל מיניי דברים כאלה אבל בדפדפן שלי יש
באג . . (הוא מתעלם מהם בחלק מהתאגים)
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 23 November 2006 בשעה 06:51 | | IP רשוּם
|
|
|
|
המצב כרגע הוא כזה:
הגעתי למסקנה שהקוד האחרון שלי עם יחידת המידה em
הוא יהיה הקוד שלפיו אכין את האתר.
היתרון העצום שלו הוא שהוא מצויין מבחינת נגישות
המשתמש יכול להגדיל את גודל האותיות ככל שהוא חפץ
והאתר הולך וגדל בשלמותו ומקבל סרגלי גלילה.
הקוד שעשיתי איננו נמתח לפי גודל המסך ובמחשבה עמוקה
על העניין החלטתי שאני לא רוצה שהאתר יתמתח לפי גודל המסך,
אני רוצה שלכולם יהיה אותו האתר עם אותו גודל פונט,
אנשים עם מסכים גדולים יוכלו להגדיל את כל האותיות וכך האתר יתמתח
להם על המסך אם הם ירצו.
אני פשוט חושבת שאתר שיתמתח לפי גודל המסך יכול להראות
במסכים גדולים מאוד מגוחך...
הפתרון שלי הוא לבנות את האתר מותאם גם למסכים קטנים וגם לגדולים
האתר יראה בשלמותו במסכים הגדולים ואילו במסכים הקטנים יראה רק חלקו העיקרי
וצריך יהיה לגלול אותו ימינה כדי לראות את חלקו השמאלי.
החלק הימני יהיה מעין תוספת לאתר, הוא יכלול אולי תמונה ופתגם ואולי גם את מלות
המפתח לאתר הוא יהיה לא קריטי מבחינת הגולש אם יראו אותו טוב ואם לא יראו אותו לא נורא... אבל הוא יכול להיות מאוד משמעותי למנועי החיפוש... אחשוב על עוד רעיונות...
מבחינת השימוש בposition : absolute זה הדבר שאני אשתמש אתו באתר הזה
כי בניתי את האתר מותאם לשיטה הזאת. והיא עונה על כל צרכי באתר הנוכחי.
בעיות שהשיטה הזאת יוצרת אני מוכנה לספוג.
מומלץ להכיר את כל שיטות העימוד לפני שמעצבים אתרים ולעצב אותם בהתאם ליכולות של השיטה שלפיהם עובדים. זה מה שאעשה באתר הבא שלי, קודם אחליט באיזו שיטה אני עובדת ואחר כך אחליט על העיצוב בהתאם ליכולות של השיטה. יותר מדויק לומר אקח בחשבון את אפשרויות העיצוב בשיטות השונות ואבחר את השיטה שהכי עונה על צרכי,
תוך עשיית שיקול דעת מהם היתרונות והחסרונות בכל שיטה ומהם סדרי העדיפות שלי,
כלומר עד כמה אני מעדיפה לוותר על דבר אחד לטובת דבר אחר...
כמובן שאפשר גם לשלב בין שיטות...
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 29 November 2006 בשעה 22:11 | | IP רשוּם
|
|
|
|
עכשיו מה שאני צריכה לעשות זה לקחת את האתר שלי ולהחליף את כל
יחידות המידה px ליחידות המידה em
מכיוון שהגודל הפונט שלי בגוף המסמך הוא מאה אחוז, זה אומר שאני צריכה לחלק
כל אורך נתון בפיקסלים לשש עשרה פעמים. תוצאת החילוק בשש עשרה היא אותו גודל
ביחידת המידה em
ממה שאני רואה כל הפונטים באתר צריכים להיות בגודל של מאה אחוז
כמו הגודל של הפונט בגוף המסמך. כדי שהאתר ישמור על המראה הקודם
שהיה לו בפיקסלים.
גדלים של אותיות גדולים יותר ממאה אחוז צריכים להיות רק בתוך כותרות...
אם זה לא בתוך כותרת זה משפיע על גודל ומיקום האלמנט וצריך לשנות ערכים בהתאם.
יש לי כרגע בעיה ששני הדפדפנים פיירפוקס ואקספלורר לא מתואמים באיך שהאתר
נראה כשהמשתמש מגדיל את הפונט
תאור הבעיה והקודים שממחישים אותה נמצאים בנושא
Firefox Explorer
אני מדביקה פה מאמרים יפים של יובל רז
וקישור שחבל שגיליתי אותו רק עכשיו על סטנדרטים באינטרנט
איך לומדים css?
טכנולוגיה או שפה css
סטנדרטים באינטרנט
בתגובה השלישית בעריכה
המשך תיעוד העבודה שלי בנושא האמת והאגדה
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 17 December 2006 בשעה 08:59 | | IP רשוּם
|
|
|
|
בעקבות ההסתייגות של מאה ועשר ושושן שיניתי את כל הגישה לעימוד של האלמנטים ממיקום אבסולוטי של האלמנטים על הדף למיקום יחסי של האלמנטים זה לזה השינוי גרר בעיה חדשה עם הצד של סרגל הגלילה. מה שעבד טוב קודם לכן עבד פחות טוב עכשיו. פתאום כן היה צריך לשים את הכיוון בראש הדף. אך זה עבד טוב רק שהכיוון של הדף היה ללא השווה. אך לאחר ששמתי את הכיוון בראש הדף הסימן קריאה לא עמד במקום ונאלצתי להכניס את כיוון הפונט גם לתוך הדיווים עצמם. עכשיו מה שקרה זה שהבעיה נפתרה בעצם בצורה אקראית. ואני מרגישה טיפה משונה עם זה שינוי קטן בכיוון, בראש הדף גרם לכל העניין להסתדר, בטעות העתקתי את הכיוון והשמטתי ממנו את הסימן שווה והטעות הזאת פתרה לי את הבעיה.
קצת מוזר לי העניין אני קצת מרגישה חוסר בטחון וצריכה לבדוק יותר לעומק מה קורה עם אתרים אחרים איך הם מסדרים שסרגל הגלילה יופיע מימין. כרגע זה הקוד האחרון שלי שהוא כרגע מעומד על ידי אלמנטים שמתיחסים זה לזה באבסולוט וברלטיב תוך שימוש באחוזים וביחידת הצמידה em אשמח מאוד לקבל חוות דעת על הקוד הנוכחי. האלמט בסגול צריך לקבל צבע רקע ושני האלמנטים בוורוד ובכחול צריכים לקבל צבעים מתאימים לחלקים שלהם משמאל, השארתי את הצבעים כך כדי להקל על ההסתכלות באתר. כמו שאפשר לראות החלפתי את השמות לכל האלמנטים כדי להקל על ההתמצאות באתר כל אלמט קיבל את השם המתאים לו. (חסר עדין תפריט ניווט). דבר נוסף ששניתי זה שהורדתי את כל השבירת שורה כי כבר לא היה צריך את זה יותר. נדמה לי שגודל הפונטים מאוד דומה עכשיו בפיירפוקס ובאקספלורר. רק שהרווח בין השורות טיפה שונה.
האתר אמור להחתך מעט מימין על מסך קטן במכוון. על מסך גדול יותר הוא יראה בשלמותו ואפשר להגדיל את כולו בשלמותו על ידי הגדלת גודל פונט על ידי המשתמש. על מסכים גדולים יותר אפשר יהיה פשוט להגדיל גודל פונט והאתר יתפרש על המסך. אנשים עם מסך קטן שירצו לראות את העיצוב בשלמותו ועם שוליים יוכלו להקטין גודל אות וזה יסתדר להם. האתר עשוי מעולה לאנשים שרוצים להגדיל אותיות ללא הגבלה עם פיירפוקס.
אני אציין באתר שאפשר להגדיל גודל אות ולראות את האתר גדול יותר על מסכים גדולים.
אני מעדיפה שהאתר יגדל בשלמותו וצורת העיצוב תהיה קבועה באופן מוחלט במקרה הזה.
הנקודה העדינה עכשיו באתר היא שורת הכיוון שהורדתי ממנה תו =
השורה התקנית היא
<html dir="rtl" xmlns="http://www.w3.org/1999/xhtml">
וזו השורה שפתרה לי את הבעיה פשוט אותה שורה בלי סימן שווה.
מה אתם אומרים על זה?זה בסדר? עריכה: כן זה בסדר, הרבה אתרים עושים כך.
<html "rtl" xmlns="http://www.w3.org/1999/xhtml">
קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ; ; ; ; ; ;
<html "rtl" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255" />
<title>כמה נפלא_המלצות ספרים לגיל שנתיים עד תשע</title>
<meta name="keywords" content="word1, word2" />
<style type="text/css">
body { background: #CC9966; margin:0; font-size: 130%;}
#sagol{ width:30%; height:4em; background:#990ff0; position:relative; left:0em; top:0em;}
#header{ width:19.8em; height:4.5em; background:#990000; position:relative; left:0em; top:0%;}
#subheading{ width:19.8em; height:2em; background:#99CCFF; position:relative; left:0em; top:0%}
#image{ width:10.9em; height:10.2em; background:#FFFFFF; position:absolute; left:100%; top:-2.2em;}
#description{ width:9.8em; height:10.4em; background:#99CCFF; position:absolute; left:100%; top:100%;}
#content{ width:21.8em; height:0.2em; position:absolute; right:100%; top:1em;}
#su{ width:2.9em; height:2em; background:#ff00FF; position:absolute; left:30.7em; bottom:0%;}
#he{ width:2.9em; height:4.5em; background:#000ff0; position:absolute; left:0em; bottom:100%;}
#foot1{ width:100%; height:2em; background:#990000; position:absolute; left:0em; top:125em;}
#foot2{ width:100%; height:2em; background:#CCCCCC; position:absolute; left:0em; top:127em;}
a:link {color: #000080; text-decoration: underline overline; font-weight: bold; font-size:100%;}
a:visited {color: #000080; text-decoration: underline overline; font-weight: bold; font-size:100%;}
a:hover { text-decoration: none; color: #003; background: #99CCFF; font-weight: bold; font-size:100%;}
a:active {color: #990000; text-decoration: underline overline; font-weight: bold; font-size:100%;}
#content{font-family: arial, nachlieli-clm, sans-serif;
font-weight: normal;
font-size: 100%;
color: #000080;
margin: 0px;
text-align: center;
background-color: none;}
h1{font-family: arial, nachlieli-clm, sans-serif;
font-weight: normal;
font-size: 320%;
color: #FFFFFF;
padding-top: 5px;
text-align: center;
background-color: none;
margin: 0px;}
h2{font-family: arial, nachlieli-clm, sans-serif;
font-weight: normal;
font-size: 130%;
color: #990000;
padding-top: 4px;
text-align: center;
background-color: none;
margin: 0px;}
h3{font-family: arial, nachlieli-clm, sans-serif;
font-size: 100%;
color: blue;
margin-left: 12px;
margin-top: 10px;
text-align: left;
background-color: none;}
span{font-family: arial, nachlieli-clm, sans-serif;
font-weight: normal; color: #000080;}
</style>
</head>
<body>
<div id="sagol">
</div>
<div id="header"><div dir="rtl">
<h1>
כמה נפלא!
</h1>
</div>
<div id="image">
<div id="description"><div dir="rtl">
<h3>
שאלת השאלות
לגיל ינקות
<span>
שאלות שעדן ודור
הבנים הגדולים של
דוד שאלו מגיל
שנתיים עד שלוש וחצי
וגם צילה שאלה מגיל
ארבע עד שש
</span>
</h3>
</div>
<div id="content">
<div dir="rtl">
<a href="z.html"
title=
"למה כובע"
target="_self">
באמצע היום -</a>
עמי בן-דור
<hr />
<a href="z.html"
title=
"למה כובע"
target="_self">
זרע של אבטיח -</a>
דנה גורן
<hr />
<a href="z.html"
title=
"למה כובע"
target="_self">
צפור קטנה -</a>
מיכל דורי
<hr />
</div>
</div>
</div>
</div>
</div>
<div id="subheading">
<div dir="rtl">
<h2>
שאלת השאלות של חנה גפן
</h2>
</div>
<div id="su">
<div id="he">
</div></div>
</div>
<div id="foot1"></div>
<div id="foot2"></div>
</body>
</html>
|
|
|
שושן כתב:
תסתכלי על
http://www.tizag.com/cssT/float.php
ועל כל האתר הבא:
http://css.maxdesign.com.au
בדקתי את הקוד בבודק והתגלו כמה תגי סגירה מיותרים. תיקנתי והדבקתי שוב את הקוד המתוקן. הקוד הזה עבר ואלידציה. יש רק התיחסות לכיוון עברית, שהייתה צפויה וזה חסר משמעות.
בקיצור שתי שגיאות לגבי הכיוון
אני אנסה לקרא חומר ממה ששושן הביא לי ודברים נוספים.
אנסה למצוא אתרים שמלמדים את השיטה שעבדתי לפיה
שאוכל להסתמך עליהם ולהיווכח שאכן עבדתי נכון.
אל תבזבזו עלי זמן... אני מקווה שאחזור עם חדשות טובות
לטובת כולם.
עריכה:
מתגובה בהודעה פרטית של מאה ועשר אני מבינה שמה שעשיתי פה זה
שימוש בשילוב של תאגים של HTML בשביל עיצוב.
ואתר שבנוי כך אי אפשר להפוך אותו לכאילו אתר דינאמי בעזרת css
כי זה אפשרי רק רק כשהמבנה של האתר הולך לפי המבנה בלבד.
כלומר אם נמחק את css נקבל סתם עמוד לבן עם הכותרות
בגודל הנכון והטקסט
כתובים אחד אחרי השני בסדר ההגיוני בשחור פשוט.
מהתגובה של מאה ועשר אני מבינה שיש לי המון המון מה ללמוד. לצערי
אין לי כרגע את ההבנה ואת היכולת לכתוב כאן דברים שיבהירו את הנושא הזה עד הסוף.
אם אלמד דברים בנושא הזה בעתיד אכנס ואשלים פה את התמונה.
מכיוון שאני סובלת מחוסר זמן מפחיד ואני חייבת להביא את האתר לידי סיומו.
החלטתי לא לבדוק עוד את הקוד אלא להמשיך ולעבוד עם הקוד הנוכחי שלי ולהתחיל לעבוד על הנושא של נגישות.
אני מאמינה שהעבודה על נגישות האתר תאיר שוב את סגולותיו וחסרונותיו.
אני מקווה שאזכה להבין יותר טוב בעתיד את היתרונות והחסרונות של השיטה הזאת ושל שיטות אחרות.
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 17 December 2006 בשעה 14:07 | | IP רשוּם
|
|
|
|
תסתכלי על
http://www.tizag.com/cssT/float.php
ועל כל האתר הבא:
http://css.maxdesign.com.au/
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 21 December 2006 בשעה 17:54 | | IP רשוּם
|
|
|
|
או קי אז החלטתי שזה יהיה הקוד של האתר שלי ועם הקוד הזה אני עובדת.
יצרתי קוד של אתר ללא טבלה שהוא כנראה קוד מקובל ולגיטימי בשיטה שהיא
להערכתי המתאימה ביותר לסוג העיצוב של האתר שלי.
מאה ועשר אמר לי בתחילת העבודה שלי על האתר שהוא יוכל לעזור לי לעשות אתר
דינאמי במסגרת הcss
פניתי אליו עכשיו כשהקוד כבר מוכן אך הוא אמר לי שזה בלתי אפשרי לעשות את
זה עם אתרים ללא טבלאות. עכשיו אני ממשיכה
לעבוד על הנושא של נגישות האתר. אני מאמינה שתוך כדי העבודה על הנגישות
אני אלמד כמה דברים לגבי הנושא של בניית אתר עם טבלאות לעומת בניית אתר בלי טבלאות ואראה איך האתר שלי עומד במבחן הנגישות. יש דברים שהם לטובת הנגישות שאפשר
לעשות רק באתר עם טבלה אבל בגדול אתר ללא טבלה הוא אתר שיותר מתאים
לנגישות. מי שעושה אתר עם טבלה צריך ללמוד איך לעשות את זה מתאים לנגישות
כי בעיקרון לקורא המסך קשה להתמצא בתוך טבלאות מורכבות מדי.
מזל טוב-אני מתחילה לעבוד על נגישות האתר
דבר ראשון פתחתי תיקיה שקראתי לה תיקיה לנגישות וחיפשתי בגוגל חומר עזר
בנושא
את כל קיצורי הדרך שמתי בתיקיה,
ועכשיו הם מסודרים אצלי כקישורים בטיוטה באימל שתהיה דף העבודה שלי.
מדף העבודה הזה אני אקרא את הקישורים וארשום את תוכנית העבודה שלי.
אלו הקישורים שאספתי בגוגל לצורך לימוד הנושא של נגישות:
נגישות
באינטרנט- בניית אתרים נגישים- מאת ג'ו קלארק
- ספר מקוון מעולה בהוצאת הוד עמי. ניתן לקרא מהמסך.
עולה קצת לאט בפורמט pdf
שימו לב לסדר הקריאה בספר, לא קוראים מלמעלה ישר למטה,
אלא משמאל לימין ולמטה שוב משמאל לימין. הדפים ערוכים בזוגות
כמו ספר אמיתי וצריך לקרא אותם משמאל לימין כמו באנגלית למרות שזה עברית.
עריכה:
כאן הספר עולה יותר מהר
http://www.isoc.org.il/w3c-wai/webAccessibilityEbook.pdf
מדריך
להנגשת אתרים
כיצד
לערוך בדיקת נגישות?
הרצאה: נגישות
לאתרי אינטרנט
מאמר
בנושא טכניקות
נגישות מתקדמות
גוגל-חיפוש נגיש
נגישות של
מיקרוסופט
נגישות האתר-
בעיות במנועי חיפוש
תנאי גלישה קשים
עיצוב
אתרים ושימושיות
הכללים
נגישות לבעלי
מוגבלויות לאתרי אינטרנט עבריים
תכונות
נגישות של מערכת ההפעלה של חלונות
אופק
לילדינו - נגישות אתרים
גוגל
- נגישות באינטרנט
מצגת מעולה שאסור להחמיץ:
http://happycog.com/lectures/access/4.html
נגישות-איתן אתר מעולה:
http://study.eitan.ac.il/sites/index.php?portlet_id=9&pa ge_id=177
עריכה:
*בעזרת העורך Nvu אפשר לבדוק את האתר עם הבודק של w3
כשאין שום צורך לשים אותו על השרת, וזה מאוד מאוד נוח.
עריכה:
*תיקון נגישות ראשון שלי.
כשהסתכלתי על האתר ללא css גיליתי שהכותרת מספר שתיים נמצאת אחרי הכותרת מספר שלוש. אז החלפתי את הדיווים כך שהכותרת מספר שתיים תהיה לפני כותרת מספר שלוש וכך כל החומר של האתר ערוך לפי הסדר שבו הוא צריך להקרא.
תפריט הניווט חסר לי כרגע באתר, אני רוצה להתמקד כרגע בנושא של תפריט הניווט.
אנשים עם מוגבלויות חייבים לעבור על התפריט עם מקש הטאב כדי להמשיך הלאה לגוף האתר ולכן צריך לתת להם את האופציה לדלג על התפריט. השאלה היא מה קורה אם הם נמצאים באמצע עמוד טקסט ורוצים להפסיק ולהגיע לתפריט. כדי לדעת איך לבנות את האתר
כך שיהיה נוח לאנשים עם מוגבלות להתנהל בתוכו צריך לדעת אילו כלים עומדים לרשותנו,
ומה היכולות שלהם. כרגע אני תוהה האם עדיף שהתפריט יהיה בתחתית האתר או בראש האתר. עיקר הדף שלי הוא ששים קישורים של שמות ספרים שמובילים לסריקות על הספרים. אני חושבת שזה יכול להיות רעיון טוב כל חמש קישורים לעשות רווח ולשים בתוכו קישור שיוביל לדף תפריט שבו יהיו הכפתורים לכל המקומות. בצורה כזאת המשתמש יוכל לעצור כל חמש קישורים ולהמשיך לכיוון אחר. או שהוא יוכל גם לדלג על כל חמש קישורים וכך להתקדם מהר יותר לקישור שהוא רוצה להגיע אליו שהוא היה בו בביקור האחרון. זה נראה לי רעיון טוב. אבל קודם כל אני אלמד את הנושא ואראה אילו כלים עומדים לרשותי.
עריכה:
אם רוצים שהמשתמש יוכל להחליף את סוג הפונטים למה שנוח לו צריך לשים את הפונט בברירת המחדל שלו ועם גודל של ברירת המחדל. (אני לא יכולה לעמוד בגזרה הזאת)
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 25 December 2006 בשעה 12:17 | | IP רשוּם
|
|
|
|
קישור לדף שנמתח ממש יפה:
קיפורה
קישור לבסדר יפה על נגישות אתר ותאימות לרזולוציה:
קישור
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
יובל רז
משתמש מתחיל
הצטרף / הצטרפה: 15 January 2007
מדינה: Israel
משתמש: מנותק/ת
הודעות: 13
|
| נשלח בתאריך: 15 January 2007 בשעה 17:37 | | IP רשוּם
|
|
|
|
כיף לגלות שהגעתי למצב שמכירים אותי בשם שלי ומקשרים למאמרים שלי. i am honored
__________________
יובל רז
אוקטבה - פורשים את הרשת בשבילך
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 01 February 2007 בשעה 18:10 | | IP רשוּם
|
|
|
|
http://www.isoc.org.il/w3c-wai/webAccessibilityEbook.pdf
אני מדביקה פה לטובת כולם סיכום מהיר של הספר:
נגישות באינטרנט- בניית אתרים נגישים מאת Joe Clark
שנמצא פה בקישור למעלה, ניתן לרכוש את הספר בהותאת הוד עמי.
ציינתי נקודות חשובות להנגשת האתר, לא סיכמתי את כל הספר
אלא מה שהיה רלוונטי לאתר הפשוט שלי.
אני
ממליצה לכולם לקרא את הספר ולהעזר בסיכום שלי לקבלת סקירה כללית של הספר.
עדיף להעתיק את הקודים מהאתר.
עשיתי הגהה אחת לסיכום מומלץ לבדוק את הקודים במקור, בספר.
סיכום הספר:נגישות באינטרנט- מאת Joe Clark
קוראי מסך מופעלים על ידי מקלדת,
כל מה שעובד עם עכבר צריך לעבוד גם עם מקלדת.
חרש עיוור- משתמש בצג ברייל.
עבור ליקויי למידה- השתמש בשפה ברורה.
הצהרה לדפדפן על סוג המסמך- DOCTYPE
בלעדיו העמוד לא יקבל תוקף של הבודק.
validator.w3.org
אחד מנותני תוקף לא רשמיים:
HTMLHelp.com/tools/validator/
כדי לציין שינוי שפה צריך קודם כל לציין את השפה המקורית:
קוד:
<html lang="he" xmlns="http://www.w3.org/1999/xhtml">
|
|
|
המומלצת:
קוד:
<html lang="he" xml:lang="he" xmlns="http://www.w3.org/1999/xhtml">
|
|
|
כדאי להשתמש בשתי האפשרויות.
עמוד 44
קבע תבניות עבור כל המסמכים העתידיים
שיכללו DOCTYPE
ומאפיין שפה בתוך האלמנט <html></html>
עמוד 50
סמן ציטוטים
שים לב שהמסמך נקרא היטב
לפי הסדר הנכון גם ללא גליונות סגנון.
הקפד לשים טקסט הסבר לתמונות ב alt
אל תיצור עמודים שמתרעננים באופן אוטומאטי ומחזורי.
עד שסוכני המשתמש יאפשרו לשלוט בהבהובים.
דף 2 שלי
לא לשנות חלון נוכחי מבלי להודיע למשתמש.
עמוד 51
ציין את הגירסה המורחבת של כל קיצור או ראשי-תיבות
בפעם הראשונה שהם מופיעים בדף.
מקש tab
סרגל ניווט
מידע חשוב צריך לשים בהתחלה של הדף.
צריך לספק מידע על אוספי מסמכים.
עמוד 55
קוד שפה בכל תגית html
alt
טקסט אלט מסכם את התמונה בכמה מלים.
מומלץ להקפיד שטקסט אלט יהיה קצר.
מומלץ להגביל את אורך הטקסט אלט עד 1024 תווים שזה 1k
title
אפשר להוסיף כמעט לכל דבר.
שקיעה בים... לחץ לתמונה המוגדלת...
אפשר להשתולל קצת בכתיבה.
alt נותן מידע מינימלי וחיוני.
title מוסיף מידע שימושי ויכול להוסיף קצת פלפל.
אפשר לבטל את הצגתו של המאפיין title
בדפדפנים חזותיים באמצעות הקוד
חשוב לשמור על עקביות בעמוד אחד.
עמוד 64
קישור חוזר לעמוד המקורי מהתמונה.
אין צורך לתאר תאור גרפי של העמוד.
לתאור חצים אפשר להשתמש <><- ->
דף 3 שלי
עמוד 81
נגישות למונה כניסות
טקסט אלט ארוך עד 1024 תווים 1k
צריך להקפיד שהוא יתאים לגודל הגרפיקה שהוא נמצא בתוכה.
אתר מרובה שפות חובה לתרגם טקסט חלופי.
קו הפרדה hr לסדר css
עמוד 97
עמוד 100
טקסט וקישורים.
עבור אתרים בעברית יש לכתוב:
קוד:
<meata http-equiv="Content-Type" content="text/html; charset=windows-1255" />
|
|
|
או
יוניקוד
אל תגדיר את כיוון הכתיבה ברמת התגית body
קוד:
<meta http-equiv="Content-Language" content="he" />
|
|
|
בעמוד 104
הסבר מפורט על הבעיה של דו כיווניות
של סימן שאלה, מקף, סימן קריאה וכדומה.
פריט באינטרנט:
כותרות, רשימות לא ממוספרות, תמונות,
טבלאות, מסגרות, פסקאות, קישורים.
ניקוד עזר חלקי- צריך לפי הספר הזה.
צריך לבדוק את הנושא.
תחילת דף 4
ציטוטים
<cite> </cite>
כותרות שמות של ספרים,
סרטים, מחזות, תוכניות טלוויזיה,
פסקי דין ואפילו שמות של ספינות.
לנגישות עבור קיצור
<abbr> </abbr>
לנגישות עבור ראשי תיבות
<acronym> </acronym>
עמוד 111
קוד:
<abbr title="continued">cont'd</abbr>
<acronym title="not in my backyard">NIMBY</acronym>
|
|
|
שפה זרה:
קוד:
<abbr lang="de" xml:lang="de" title="hautbahnhof">Hbf</abbr>
<acronym title="societate per aziony" lang="it" xml:lang="it">SpA</acronym>
|
|
|
לסמן רק בפעם הראשונה שהקיצור מופיע בדף. ראה הערה בספר.
עמוד 113
הוסף את הקוד הבא לגליון הסגנון:
קוד:
abbr, acronym{text-decoration:underline; border-bottom:1px dotted gray;}
|
|
|
עמוד 116
ציטוט בלוקים של טקסט
מדליק.
תחילת דף 5 שלי
עמוד 122
ניווט
הפיכת התמונות לנגישות מהווה חצי מהעבודה,
הטיפול בניווט מהווה את החצי השני.
ריבוי של תפריטים מקשה על הנגישות,
אתר שקשה להשתמש בו הוא אתר לא נגיש.
יש אפשרות לאפשר דילוג על הניווט...
ראה הסבר בספר.
עמוד 171
גופן וצבע
אדום וירוק- לא
כחול- כן.
אדום וירוק נראים לעיוור צבעים כמו אפור צהוב או בז'.
אדום ושחור עלולים להראות זהים אם האדום מספיק עמום.
יש המתבלבלים בין גוונים כחולים וירוקים
אדום וירוק נראים לעיוור צבעים בז' צהוב וכתום.
עיוור צבעים עלול להתבלבל בין בז' כתום וצהוב אמיתיים "למזויפים".
לכן טווח הצבעים שצריך להדאיג אותנו הוא רחב למדי:
אדום, כתום, צהוב, בז' וירוק.
עיוורון צבעים כרוך בהבחנה בין צבעים
(אדום וירוק רמזור)
רק אובייקטים בעלי משמעות חייבים להיות חד משמעיים,
עיוורי צבעים לא יכולים לסבול מצב שהם לא יכולים להשתמש באתר.
צבעים בטוחים- מק פי סי
הצבעים אינם עקביים אפילו במסך אחד.
תחילת דף 6 שלי
קרבה וחפיפה
לא למקם אדום על שחור או שחור על אדום.
לא לשלב בין אדום לשחור או בין אדום לירוק.
ולא לשלב אותם עם בז' צהוב וכתום במרחק נגיעה.
לא למקם אדום וירוק זה ליד זה במרחק נגיעה.
אפשר להשתמש כשהפריטים רחוקים זה מזה וכשיש ניגודיות חזקה בין הצבעים.
יש הבדלי בהירות.
שילובי צבעים:
צמדי צבעים בטוחים:
אדום -כחול
כתום - כחול
כתום - סגול
צהוב - סגול
בדרגות בהירות וכהות שונים.
רשימה משנית:
חום - כחול
צהוב - כחול
יש 6 צמדי צבעים ושלושים ושתיים דרגות של צבעים
עמוד 182
תחילת דף 7 שלי
בחירת צבע קריא עבור הטקסט.
הוספת קונטורים, גבולות הפרדה.
metadata
לבן, שחור ואפור נתפסים ככאלה על ידי כולם,
ניתן לשלב אותם עם 216 הצבעים הבטוחים לשימוש באינטרנט.
אפור הופך לצבע מבלבל כאשר משלבים אותו בשילובים מוזרים כגון:
ארגמן אפור וכחול ירקרק. הוא אינו הופך לצבע מבלבל לעתים קרובות.
עמוד 186
קישורים וטקסט
יש לקבוע לפחות חמישה צבעים בו זמנית
טקסט רגיל, רקע.
קישור רגיל, קישור פעיל וקישור שכבר ביקרו בו.
צריך לאפשר למשתמש להחליף צבע לטקסט.
אפשר להוסיף עוד שני צבעים:
צבע שהקישור מקבל כאשר הוא נבחר,
או צבע שמופיע כאשר העכבר זז מעל הקישור.
קוד:
<body bgcolor="white" text="black" vlink="purple" alink="blue" link="990000">
יש לציין את ההגדרות גם בגליון הסגנון
body{color:black; background-color:white}
a link{color:#990000;background-color:8888
|
|
|
עמוד 186
לבדוק שינוי גודל הטקסט על ידי המשתמש באופרה.
תחילת דף שלי מספר 8
עמוד 188
focus
קוד:
A:focus{color:#990000; background-color:white; border:solid 1px gray;}
|
|
|
צריך לשמור על שוני בין Hover ל-Focus
הסדר המומלץ:
a: link
a: visited
a: focus
a: hover
a: active
גליון סגנון חזק יותר כנגד העדפות המשתמש
בעיקר בזכות המאפיין important
ידו של המבקר על העליונה בכל מקרה.
עמוד 190
צבעי מערכת
גליונות סגנון מרמה 2 ומעלה מציעים מגוון של מילות מפתח חדשות
הקשורות לצבע ובעלות ערך תיאורטי עבור עיצוב נגיש.
הבוררים מתיחסים לצבעי מערכת, יהיו מה שיהיו,
והם מתאימים יותר לנגישות.
הדפדפנים אינם תומכים כהלכה בבוררי css2
כל העניין די לא מומלץ ובעייתי.
אפשרות אסטתית לקישור - קו תחתון מנוקד
קוד:
a{border-bottom:1px dotted gray}
|
|
|
כל גופן שגובהו קטן מתשעה פיקסלים הוא בלתי קריא.
תחילת דף 9 שלי
לתמונה של טקסט יש יתרון בכך שעבור מגדילי המסך
יש לה גיבוי של alt או title.
מה שאין לשאר הטקסט שלפעמים מתעוות בהגדלה.
עמוד 193
הילה
טקסט בהיר על רקע כהה נראה גדול יותר מהאפשרות המנוגדת.
כאשר הגופן קטן לא מרגישים בהבדל.
אבל כאשר הוא לא קטן צריך שיהיה הבדל בין הגופן הרגיל להפוך
בגודל של פיקסל אחד.
עמוד 195
גופן
כאשר בוחרים גופן באמצעות גליונות סגנון
כדי לציין בכל מקרה את המשפחה הגנרית של הגופן.
(בדרך כלל, בסוף הרשימה, מכיוון שכך היא תהיה המוצא האחרון).
המשפחות הגנריות של גופנים בגליונות סגנון גולשים רמה 2 הן:
serif
sans-serif שים לב למקף
כתב יד cursive
fantasy משמשים לקישוט אך הם עדיין אותיות
monospace
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 26 February 2008 בשעה 14:00 | | IP רשוּם
|
|
|
|
שלום לכולם,
סוף סוף אתר המלצות הספרים שלי עלה לרשת.
בוקיפונט - ספרים מומלצים לפעוטות
ביקורת בפורום k
האתר כולל כרגע:
ספרים מומלצים לפעוטות 2-6
ספרים מומלצים לפעוטות 3-6
ספרים מומלצים לילדים 6-11
הנסיך הקטן ואני - ניתוח ופרשנות.
אני ממליצה בחום לכל ההורים, האחים, הדודים והסבים לפעוטות
לעשות לקטנטנים מנוי בספריה ולשמח אותם בכל הספרים הנפלאים
שנמצאים אצלי באתר וגם בספרים אחרים שהם ימצאו עבורם.
המון המון המון המון תודה לשושן ולמאה ועשר 11010010110
על כל העזרה האינסופית שקיבלתי מכם פה בפורום.
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 26 February 2008 בשעה 21:19 | | IP רשוּם
|
|
|
|
את חיה (:
מזל טוב על האתר
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 26 February 2008 בשעה 22:02 | | IP רשוּם
|
|
|
|
תודה רבה.
דרך אגב אני מחליפה עיצוב לאתר.
הייתי כל כך עסוקה בלמידה הטכנית
של בניית האתר שלא עיצבתי אותו כמו שצריך.
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
נאוה
פורומיסט על
הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
|
| נשלח בתאריך: 02 April 2008 בשעה 13:06 | | IP רשוּם
|
|
|
|
החלפתי עיצוב.
שוב המון תודה על כל העזרה.
__________________
ספרי חידות
חידות הגיון
חידות
|
| חזרה לתחילת העמוד |
|
| |
נושאים פעילים
רשימת משתמשים
חיפוש
עזרה
הרשמה
התחברות
UnderWarrior Forums : 
בניית אתרים
