רוטר - יש לי עיצוב לאתר שעשיתי בפוטושופ, מה הדרך הקלה ביותר שיתחיל לתפקד כאתר

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

"יש לי עיצוב לאתר שעשיתי בפוטושופ, מה הדרך הקלה ביותר שיתחיל לתפקד כאתר"

גירסת הדפסה

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

אשכול מספר 10896

JaY
חבר מתאריך 13.4.03
110 הודעות

14:21 21.09.12

יש לי עיצוב לאתר שעשיתי בפוטושופ, מה הדרך הקלה ביותר שיתחיל לתפקד כאתר

שלום :]
יש לי אתר פשוט שאני רוצה לעלות לאוויר ועשיתי עיצוב פשוט, אך איך אפשר להפוך אותו ל html, ליצור כפתורים וכל מה שצריך בדרך הקלה ביותר?
יש לי את התוכנה dreamweaver שכמובן אני לא כל כך מבין בה, מה בעצם אני צריך לעשות? "לכתוב" את העיצוב מחדש ב html? או שאני צריך ליצור טבלאות ובכל טבלה להכניס חלק מהעיצוב?

סליחה על הבורות, אני מנסה להבין איך הדברים עובדים :]

שתף

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

האשכול	מחבר	תאריך כתיבה	מספר
שאלה מצויינת,	יוחאי	21.09.12 14:50	1
מכתב	JaY	21.09.12 15:15	3
יש מוצר שמתיימר לעשות את זה	Net_Boy	21.09.12 14:59	2
תודה. שווה בדיקה	JaY	21.09.12 15:16	4
מענייו אם זה תואם סטנדרטים ואם זה נראה זהה בכל הדפדפנים... תודה.	Avi139	22.09.12 16:38	5
מכתב	JaY	23.09.12 18:21	7
מעניין, אני אשמח אם תמשיך לעדכן אחרי שתעשה את הפעולות שהם רושמים עליהם	Net_Boy	23.09.12 21:26	8
יצא לי לעלות מול המפתח שלהם אונליין באתר,	יוחאי	23.09.12 21:33	9
DreamWeaver6 עלול להיות לעזר אבל זה עקומת למידה...	Avi139	22.09.12 16:39	6
שלום, אני Alagu מMarkupwand. אני לא יודע הרבה של עברית. אני משתמש ב-Go	alagu2	24.09.12 19:33	10
ישמח לעזור ליצור אתר מעיצוב פוטושופ - alagumarkupwand.com	alagu2	24.09.12 19:36	11

יוחאי
חבר מתאריך 30.12.15
163 הודעות

14:50 21.09.12

1. שאלה מצויינת,
בתגובה להודעה מספר 0

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

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

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

JaY
חבר מתאריך 13.4.03
110 הודעות

15:15 21.09.12

3. מכתב
בתגובה להודעה מספר 1

אם לומר את האמת אני מתגעגע ל imageReady ;]

אתה חושב ש dreamweaver זאת תוכנה טובה לעשות את זה? או שיש כלים פשוטים יותר, כי רק ללמוד אותה יקח לי קצת הרבה זמן :]

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

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

Net_Boy

חבר מתאריך 1.4.02
17151 הודעות, 1 פידבק

14:59 21.09.12

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

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

http://www.markupwand.com/

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

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

JaY
חבר מתאריך 13.4.03
110 הודעות

15:16 21.09.12

4. תודה. שווה בדיקה
בתגובה להודעה מספר 2

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

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

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

16:38 22.09.12

5. מענייו אם זה תואם סטנדרטים ואם זה נראה זהה בכל הדפדפנים... תודה.
בתגובה להודעה מספר 2

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

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

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

JaY
חבר מתאריך 13.4.03
110 הודעות

18:21 23.09.12

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

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

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

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

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

Net_Boy

חבר מתאריך 1.4.02
17151 הודעות, 1 פידבק

21:26 23.09.12

8. מעניין, אני אשמח אם תמשיך לעדכן אחרי שתעשה את הפעולות שהם רושמים עליהם
בתגובה להודעה מספר 7

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

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

יוחאי
חבר מתאריך 30.12.15
163 הודעות

21:33 23.09.12

9. יצא לי לעלות מול המפתח שלהם אונליין באתר,
בתגובה להודעה מספר 8

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

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

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

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

16:39 22.09.12

6. DreamWeaver6 עלול להיות לעזר אבל זה עקומת למידה...
בתגובה להודעה מספר 0

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

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

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

alagu2

19:33 24.09.12

10. שלום, אני Alagu מMarkupwand. אני לא יודע הרבה של עברית. אני משתמש ב-Go
בתגובה להודעה מספר 0

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

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

alagu2

19:36 24.09.12

11. ישמח לעזור ליצור אתר מעיצוב פוטושופ - alagumarkupwand.com
בתגובה להודעה מספר 0

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

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