שלום,
ברצוני ללמוד איך לבנות אתר שלי מסקרצ'..
אשמח לדעת את שלבי הביצוע (אני מודע לכך שיש עיצוב וקידוד ותכנות וכו'),
ולהתחיל מהשלב הבסיסי ביותר.
אני שולט באנגלית ברמת שפת אם, כך שאשמח אם תוכלו גם להפנות אותי לאתרים מובילים בעלי מידע רב באנגלית, וכנ"ל לגבי מדריכים.

תודה(רבה) מראש,

שמת לב לעוגן שכותרתו "מידע לבונה \ מתכנת האתרים המתחיל [ואולי גם לותיקים :) ]"?

אכן כן, ממש לפני שניה הייתי בדרכי לערוך את הודעתי, אך הקדמת אותי.

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

אשמח אם תעזור,
תודה מראש

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

לגבי "הכנסת" העיצוב לאתר, יש לך בגדול שתי אפשרויות:
1. להשתמש בכלי החיתוך המובנה בפוטושופ, להגדיר את כל האיזורים באתר, ואחר כך לשמור את התוצאה כאתר. האפשרות הזאת די בעייתית, כי היא יוצרת קוד מאוד מסובך ולא קריא (מה שגם יקשה על קידום האתר במנועי החיפוש).
2. להסתכל על העיצוב ולהבין איך החלקים שלו מתחברים, ואז לחלק את האיזורים לתגי HTML. לאחר מכן מסתכלים שוב בעיצוב ובודקים את כל הצבעים, הגרדיאנטים והאפקטים המיוחדים ומחליטים איך ליישם אותם באתר. יהיה די טיפשי, למשל, ליישם צבע רקע סטטי עם תמונת רקע ענקית. בחירה טובה יותר תהיה שימוש במאפיין צבע הרקע ב-CSS. גרדיאנט, לעומת זאת, יצריך תמונת רקע - זה פשוט מסורבל מדי "לחולל" אותו דינאמית עם CSS. האפשרות הזאת מן הסתם יותר מסובכת, אבל יוצרת קוד הרבה יותר קריא ופשוט.

אם לא הבנת חלק ממה שאמרתי, אל תדאג. תלמד HTML ו-CSS, ואתה תראה שזה כבר יבוא לבד

ציטוט:

במקור נכתב על ידי דור זה כבר באמת תלוי בך. קודם כל חשוב שתדע - אם אתה לא מעצב, אין ממש טעם שתשתמש בפוטושופ. אתרים פשוטים אפשר ליישם ישר ב-HTML ו-CSS בלי לחתוך עיצובים בפוטושופ. אתה יכול, אם אתה רוצה, להכין קודם כל את העיצוב ורק אחר כך לעבוד על האתר, אבל באותה מידה אתה יכול להכין תבנית HTML "גנרית" ולעצב אותה ב-CSS רק אחרי שכל התכנים כבר הוכנסו. לגבי "הכנסת" העיצוב לאתר, יש לך בגדול שתי אפשרויות: 1. להשתמש בכלי החיתוך המובנה בפוטושופ, להגדיר את כל האיזורים באתר, ואחר כך לשמור את התוצאה כאתר. האפשרות הזאת די בעייתית, כי היא יוצרת קוד מאוד מסובך ולא קריא (מה שגם יקשה על קידום האתר במנועי החיפוש). 2. להסתכל על העיצוב ולהבין איך החלקים שלו מתחברים, ואז לחלק את האיזורים לתגי HTML. לאחר מכן מסתכלים שוב בעיצוב ובודקים את כל הצבעים, הגרדיאנטים והאפקטים המיוחדים ומחליטים איך ליישם אותם באתר. יהיה די טיפשי, למשל, ליישם צבע רקע סטטי עם תמונת רקע ענקית. בחירה טובה יותר תהיה שימוש במאפיין צבע הרקע ב-CSS. גרדיאנט, לעומת זאת, יצריך תמונת רקע - זה פשוט מסורבל מדי "לחולל" אותו דינאמית עם CSS. האפשרות הזאת מן הסתם יותר מסובכת, אבל יוצרת קוד הרבה יותר קריא ופשוט. אם לא הבנת חלק ממה שאמרתי, אל תדאג. תלמד HTML ו-CSS, ואתה תראה שזה כבר יבוא לבד

קודם כל תודה על ההתייחסות.
אתה משדר נינוחות ורוגע - תודה על כך.

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

שוב תודה רבה,

שלב העיצוב ב-CSS מגיע אחרי שסיימת להגדיר את עיצוב האתר בפוטושופ (או אפילו על חתיכת נייר), ואחרי שתכננת את חלוקת איזורי האתר ב-HTML.
זה די פשוט בעצם - כשאתה מרגיש בטוח עם העיצוב שבחרת ועם קוד ה-HTML שכתבת, זה הזמן להתחיל לעבוד על קוד ה-CSS.

לגבי הכלי לכתיבת ה-CSS - אין שום חובה להשתמש בתוכנה מסויימת.
ל-CSS יש מבנה מוגדר, ואתה יכול לכתוב את הקוד בעורך הטקסט האהוב עליך או אפילו להשתמש בתוכנה שמחוללת CSS (לפוטושופ, למשל, יש אפשרות כזאת, אבל כאמור היא לא מומלצת).
מלבד עורכי טקסט פשוטים, יש כמה תוכנות שמציעות אפשרויות עריכה נוחות יותר, למשל cssedit שזמינה רק ל-Mac OS X.