רוטר - כמה זמן אמור לקחת לי ללמוד css ?

יומן פעילות	לוח שנה	מבזקי חדשות	תקנון	RSS	כותרות	כותרות לפי תגובה	ניקוי קוקיז	IP	להורדת אפליקציה
eBay	AliExpress	GearBest	Amazon	Booking	Kiwi	SkyScanner	Trip Advisor

"כמה זמן אמור לקחת לי ללמוד css ?"

גירסת הדפסה

קבוצות דיון בניית אתרים נושא #10002	מנהל סגן המנהל מפקח Winner צל"ש מומחה

אשכול מספר 10002

arikbh

דרג אמינות חבר זה

14:52 22.01.11

כמה זמן אמור לקחת לי ללמוד css ?

יש לי ידע בסיסי +- ב HTML.
כמה זמן אמור לקחת לי ללמוד css ?
אגב , בשביל לקודד עיצוב , חוץ מ css מה עוד צריך לדעת?

תודה.

שתף

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

האשכול	מחבר	תאריך כתיבה	מספר
שעה שעה וחצי בהגזמה.	akoka2	22.01.11 15:17	1
כן אני כבר חצי שעה על זה זה זורם	arikbh	22.01.11 16:20	2
HTML+CSS זה שעה וחצי :]	dvir8	22.01.11 17:00	3
עוד רבע שעה מאמץ	redbear	22.01.11 23:11	12
טוב סיימתי ללמוד +- , יש לי כמה שאלות די פשוטות אם אפשר	arikbh	22.01.11 17:54	4
בד''כ שומרים כPNG היום,	akoka2	22.01.11 18:25	5
קודם כל תודה רבה	arikbh	22.01.11 19:34	6
לא ככה עובדים..	Sylver	22.01.11 21:13	7
תודה רבה שאלה	arikbh	22.01.11 21:25	8
מה זה a.main??? לא ככה חח	Sylver	22.01.11 21:45	9
בצורה כזו?	arikbh	22.01.11 21:50	10
בוא למסן	Sylver	22.01.11 21:55	11
כל הכבוד לך	redbear	22.01.11 23:17	13
לא ציפיתי ללמוד תוך שעה וחצי האמת	arikbh	23.01.11 14:17	14
איך אני נותן תנאי בCSS\HTML?	arikbh	23.01.11 23:26	15

akoka2

דרג אמינות חבר זה

15:17 22.01.11

1. שעה שעה וחצי בהגזמה.
בתגובה להודעה מספר 0

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

arikbh

דרג אמינות חבר זה

16:20 22.01.11

2. כן אני כבר חצי שעה על זה זה זורם
בתגובה להודעה מספר 1

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

dvir8
חבר מתאריך 13.5.02
5929 הודעות, דרג אמינות חבר זה

17:00 22.01.11

3. HTML+CSS זה שעה וחצי :]
בתגובה להודעה מספר 1

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

redbear
חבר מתאריך 16.3.09
356 הודעות, דרג אמינות חבר זה

23:11 22.01.11

12. עוד רבע שעה מאמץ
בתגובה להודעה מספר 1

גם JS על הדרך

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

arikbh

דרג אמינות חבר זה

17:54 22.01.11

4. טוב סיימתי ללמוד +- , יש לי כמה שאלות די פשוטות אם אפשר
בתגובה להודעה מספר 0

1.איך בעצם מקודדים עיצוב? חותכים את העיצוב בפוטושופ לתמונות קטנות ושומרים אותן בתור jpg ? אם כן , איך אני מגדיר נגיד תמונה שחתכתי (נגיד מהתפריט הראשי של האתר) , ככה? :
2.העיצוב הוא ב1024X768 , המסך שלי הוא 1680X1050 , איך אני יכול לדעת איך ואיפה למקם את מה שחתכתי?
3.איך אמורים לחתוך עיצוב של תיבה שמכניסים בה שם משתמש וסיסמא? רק את התיבה עצמה , או כל מה שמסביב(העיצוב עצמו של התפריט).

אני קצת מבולבל , בינתיים נתאמן קצת

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

akoka2

דרג אמינות חבר זה

18:25 22.01.11

5. בד''כ שומרים כPNG היום,
בתגובה להודעה מספר 4

הרבה יותר איכותי, שקיפות מהירה, ועם תוספת של כמה JSים גם CROSS BROWSER מבחינת השקיפות.
בדרך כלל נהוג לתכנת אתר על הרזולוציה המינימלית (800 * 600 למשל אם יש עוד אנשים שמשתמשים במסכים כאלה), איך אתה מציב אלמנטים במיקום הנכון?
זה כבר לדעת לתכנת, היום טבלאות כמעט ירדו משימוש לגמרי, נהוג להשתמש בdivים כדי לתכנת את התבנית שלך.
לגבי שאלה 3, הכול תלוי בסוג התיבה, בCSS אפשר להגיע לרמת עיצוב די גבוהה(עם שימוש בגרדיאנטים, opacity, shadows) ועוד הרבה דברים מגניבים, וכמעט להכול יש פתרון CROSS BROWSER.

מציע לך גם להשתמש בjQuery אחלה תשתית לJS, שעובדת על כול הדפדפנים (בIE היא פועל מIE 5.5 למרות שיש באגים פה ושם שצריך לדעת לטפל בהם).

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

arikbh

דרג אמינות חבר זה

19:34 22.01.11

6. קודם כל תודה רבה
בתגובה להודעה מספר 5

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

קוד CSS:
body
{
background-image: url("images/backgr.gif");
background-attachment: fixed
background-repeat: no-repeat; font-style: italic;
p font: bold 30px verdana, sans serif;
}
#topbar_blue1
{
margin-top: none;
margin-right: none;
margin-bottom: none;
margin-left: 888px;
}

#topbar_blue2
{
margin-top: none;
margin-right: none;
margin-bottom: none;
margin-left: 787px;
}

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Sylver
חבר מתאריך 1.7.02
11915 הודעות, 2 פידבק, 0 נקודות

21:13 22.01.11

7. לא ככה עובדים..
בתגובה להודעה מספר 6

ערכתי לאחרונה בתאריך 22.01.11 בשעה 21:20 בברכה, Sylver

הדבר הראשון אתה עושה זה מייצר DIV
נותן לו רוחב כלשהו (900 פיקסל נגיד)
ומוסיף לו MARGIN:AUTO
מה שזה עושה זה אוטומטית ממרכז אותו וזה דבר שעובד בכל דפדפן.
אחרי שעשית את זה תמשיך הלאה עם DIVים נוספים שישבו בתוך הדיב הראשי
אני בדר"כ מחלק את זה
HEADER
BODY
FOOTER
עם קלאסים
דבר חשוב שכדאי לדעת! מתי שמוסיפים PADDING לדיב שיש לו רוחב קבוע(!) חייבים להוריד מהרוחב את כמות הפדינג שהכנסתם במידה והפדינג הוא גם על הצדדים. אחרת מה שקורה זה שהרוחב של הדיב גודל לרוחב שהוגדר + הפדינג שהגדרתם.
לדוגמא !
נניח שהדיב שלי עכשיו ברוחב 900 פיקסל ואני רוצה להוסיף לו פדינג (ריפוד) של 10 PX מכל הכיוונים..כלומר למעלה למטה ולצדדים.
אז אני אלך לרוחב של הדיב ואני יקטין 10 פיקסל מכל צד, כלומר 20 פיקסל סה"כ ירדו מהרוחב שלו והרוחב החדש יהיה 880 פיקסלים.
בדר"כ הגובה פחות משנה אבל כל מקרה לגופו, תלוי מה אתם מעצבים ומה הדרישות.

דבר נוסף
היום הנטייה זה להשתמש בכמה שפחות גרפיקה חתוכה מפוטושופ וכמה שיותר CSS.

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

arikbh

דרג אמינות חבר זה

21:25 22.01.11

8. תודה רבה שאלה
בתגובה להודעה מספר 7

ערכתי לאחרונה בתאריך 22.01.11 בשעה 21:42 בברכה, arikbh

מה שלמדתי מהמדריך היום לגבי DIV זה הדבר הבא:
http://he.html.net/tutorials/css/lesson8.php
מה הקוד שאני צריך לרשום נגיד כדי להגדיר את הDIV ל1024px ?
שוב, תודה רבה על התגובה
עריכה , עשיתי ככה בקובץ html :
<div class="main">
בקובץ css :
a.main
{
width: 1024px;
height: 768px;
}
ככה אני אמור לעשות כדי להגביל? זה לא עובד לי(התמונות תקועות בצד שמאל למעלה) אז אני מניח שטעיתי בקוד\מיקום.

מצטער על החפירות אני פשוט טרי בעניין

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Sylver
חבר מתאריך 1.7.02
11915 הודעות, 2 פידבק, 0 נקודות

21:45 22.01.11

9. מה זה a.main??? לא ככה חח
בתגובה להודעה מספר 8

אם אתה רוצה להתייחס לדיב אתה רושם

{} main.

זה למה זה לא עובד לך ...

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

arikbh

דרג אמינות חבר זה

21:50 22.01.11

10. בצורה כזו?
בתגובה להודעה מספר 9

.main
{
width: 1024px;
height: 768px;
}
מיקמתי את זה הכי למעלה בקוקבץ css ועדיין כלום לא משתנה בדף.
אולי זה קשור למשהו שאני עושה לא נכון בקובץ HTML עם התמונות? הגדרתי אותם ככה:
<img src="images/Main_09.png" id="topbar_blue3">
<img src="images/Main_10.png" id="topbar_blue2">
<img src="images/Main_11.png" id="topbar_blue1">

ואז השמשתי בהם בתור ID בCSS , לא ככה עושים ? :S

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Sylver
חבר מתאריך 1.7.02
11915 הודעות, 2 פידבק, 0 נקודות

21:55 22.01.11

11. בוא למסן
בתגובה להודעה מספר 10

אם אתה רוצה עזרה
[email protected]

פשוט אין לי כח לכתוב פה 50 הודעות עכשיו

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

redbear
חבר מתאריך 16.3.09
356 הודעות, דרג אמינות חבר זה

23:17 22.01.11

13. כל הכבוד לך
בתגובה להודעה מספר 7

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

שיהיה בהצלחה לבחור ! וכן זה לוקח יותר משעה וקצת

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

arikbh

דרג אמינות חבר זה

14:17 23.01.11

14. לא ציפיתי ללמוד תוך שעה וחצי האמת
בתגובה להודעה מספר 13

אולי אם היה לי ידע קודם בתכנות.
בכל מקרה הבחור לא הפסיק לעזור לי אתמול(Sylver) , אז שוב תודה

וסה"כ מתקדם לא רע הניסוי הראשון חח

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

arikbh

דרג אמינות חבר זה

23:26 23.01.11

15. איך אני נותן תנאי בCSS\HTML?
בתגובה להודעה מספר 0

ערכתי לאחרונה בתאריך 23.01.11 בשעה 23:33 בברכה, arikbh

אני רוצה שאם זה דפדפן לדוגמה IE , אז הוא יציג CSS אחר.
יצרתי CSS חדש , נתתי לו את התנאי הבא בקובץ HTML:

יש if IE ו endif זה לא מציג פה.
מיקמתי את זה ב<head> ועדיין כשאני משנה משהו זה משנה בכל הדפדפנים.
מה פספסתי?

תודה

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד