פילטרים :

----------

לטישטוש:
http://n.rotter.net/madric/guide/408b22e7427248f6.jpg

למרובעים בתמונה:
http://n.rotter.net/madric/guide/408b22f742784118.jpg

לעירבוב, שינוי התמונה ידנית :
http://n.rotter.net/madric/guide/408b23034281346a.jpg

http://n.rotter.net/madric/guide/408b234442d0b1cd.jpg

-----------------------------------------------------------------------------------------------------

עכשיו, לאחר שעיצבתם את אתרכם! אתם רוצים כבר להפוך אותו לאתר לא ?

יש 2 דרכים קודם כל לעשות אתר.

1. לשמור כל דף באתר בקובץ JPG ואז לפתוח אותו בתוכנה איימג' רדי שמיתלווה לפוטו ולהגדיר כמו שאני יסביר לכם.

2. פשוט מאוד ללחוץ על: http://n.rotter.net/madric/guide/408b236942ebb878.jpg (שזה נימצא בתחתית סרגל הכלים. יש כאלה שזה יראה צורה שונה אבל אותו עיקרון!) ואז זה מעביר אותכם אותומטית לאיימג' רדי, אבל טיפה יותר מסובך לעשות בשיטה הזאת אתר!

נילך קודם על שיטה מ''ס 1.

----------------------------

אחרי שעיצבתם את אתרכם, שמרו אותו כל דף ודף בקובץ JPG, בתקייות ניפרדות כל תמונה.

פיתחו את האיימג' רדי (התחל>>כל התוכניות>> Adobe ImageReady) אחרי שפתחתם, אתם הולכים ל-File>>Open ואז פותחים את התמונה! או לפי התמונה הזאת למי שלא הבין:
http://n.rotter.net/madric/guide/408b23c3435656f6.jpg

אחרי בפתחתם את התמונה של העמוד הראשון באתרכם (או כל עמוד שבחרתם)...

עם יש לכם לחצנים באתר כגון:
http://n.rotter.net/madric/guide/408b23e943680aa8.jpg

אז אתם בוחרים בכלי הבא באיימג' רדי:http://n.rotter.net/madric/guide/408b240343b0a99e.jpg
אחרי שבחרתם בו, אתם מסמנים איתו כל ריבוע מהתפריט שלכם שהראתי לכם למעלה! (פורום, ראשי וכד'ו) כל כפתור למשבצת שלו.

אחרי שסימנתם אמור לצאת לכם דבר כזה:
http://n.rotter.net/madric/guide/408b244a442a58d2.jpg

אחרי שסימנתם, יש לכם בצד שמאל למטה ריבוע כזה:
http://n.rotter.net/madric/guide/408b247b44502acc.jpg

ותיסתכלו ותהיו בטוחים שזה על: Image Map.

אחרי שבדקתם ראיתם והכל.

אתם ממלאים את הפרטים...

URL : הכתובת שאליה תגיע כל משבצת!

Target : יש לכם כמה מצבים. עם אתם רוצים שהם יעברו אל האתר שהם לוחצים דרך האתר שלכם באותו חלון, אז תירשום שם: _self (ה- _ אמור להיות בצד שמאל)

עם אתם רוצים שהם ילחצו על קישור וזה יפתח להם אותו בחלון חדש תיכתבו שם: _blank ( שוב, ה- _ אמור להיות בצד שמאל)

וזהו! ככה תעשו לכל לחצן. ואחרי זה זהו!

סיימתם עם הלחצנים, עכשיו נעבור לאתר עצמו.

למשל זה האתר שלי:
http://n.rotter.net/madric/guide/408b24af446f2ddc.jpg

אני ולמעלה כבר עשיתי הרי את הלחצנים! נישאר לי רק התוכן נכון?

יפה מאוד!

עכשיו תיבחרו בכלי:http://n.rotter.net/madric/guide/408b24c7447c1e1f.jpg (בתוך האיימג' רדי!)
ופשוט מאוד, נסמן איתו מאיפה אתם רוצים שיתחיל התוכן!

למשל:
http://n.rotter.net/madric/guide/408b24f5449725fd.jpg

אחרי שסימנתם, מאיפה אתם רוצים את התוכן!

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

עכשיו תעברו ללשונית: Slice כגון:
http://n.rotter.net/madric/guide/408b251744b25378.jpg

עכשיו. כאן לא ממלאים כלום חוץ מ- Name

אתם רושמים מה שאתם רוצים! רק לא מסובך! למשל: B1 וכד'ו...

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

אחרי שעשיתם מה שאמרתי לכם עם ה-Slice תילכו ל - File>>Save Optimized Ass

ושם תישמרו את התמונה על השם שתירצו! רק ש'ימו לב, שמעל השם של התמונה זה על: HTML & Images

דוגמא:
http://n.rotter.net/madric/guide/408b253b44d60ca2.jpg

אחרי שעשיתם זאת, ועשיתם SAVE.

תילכו לאיפה ששמרתם את הקובץ HTML. תעשו עליו מקש ימני>>פתח באמצעות>> Notepad (כתבן)

אחרי שפתחתם את זה עם הכתבן, חפשו שם את השורה:

<IMG SRC="images/BG1.jpg" WIDTH=377 HEIGHT=308 ALT="">

כמובן שבמקום: BG1.jpg אתם מחפשים את השורה עם השם שעשיתם, לא מה שמראים בתמונה!

וכמובן גם שזה לפי הגדלים שלכם, לא מה שכתוב בקוד.

תיזכרו עכשיו את הגדלים של החלון של התוכן שלכם!!

אחרי שמצאתם, אתם מחליפים את השורה הזאת, בזאת:

<Iframe src="PAGE1.html" WIDTH=377 HEIGHT=308 frameborder=0></iframe>

ואת ה-PGAE1.html אתם יכולים לשנות! פשוט יותר נוח ככה.

אחרי שעשיתם זאת והחלפתם, אמור לצאת לכם כזה דבר:
http://n.rotter.net/madric/guide/408b25914543ad1c.jpg

או כזה:

http://n.rotter.net/madric/guide/408b25ae45a4799f.jpg

עם יוצא לכם אחד מאלה זה אומר שאצלכתם!

עכשיו, זוכרים שקראנו לעמוד הראשון: PAGE1.html מתי שהחלפנו את הקודים?

זוכרים? יפה!

עכשיו תיכנסו שוב לכתבן! (רגיל, שיהיה ריק.)

ניכנסתם? עכשיו כתבו שם את הקוד הבא:

<HTML>
<HEAD>
</HEAD>
<BODY background="images/BG1.jpg" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0MARGINHEIGHT=0>
Place to write
</BODY>
</HTML>

כמובן שבמקום ה- BG1.jpg אתם מחליפים לה שקראתם לו באיימג' רדי עם הסיומת שיש לכם בתקייה image.

ובמקום: Place to write

אתם כותבים מה שבא לכם!

אחרי שכתבתם והכל אמור לצאת לכם דבר כזה:
http://n.rotter.net/madric/guide/408b25e945d8c251.jpg

זהו! סיימתם, עכשיו אתם שואלים את עצמכם, רגע! למה האתר בצד שמאל? למה הכתב בצד שמאל? איך יורדים שורה!

אז לא שכחתי אותכם עכשיו לתגים:

<br> - ירידת שורה, יש להכניסו בין שורה לשורה!.

<p align="right"> - הופך את הכתב לצד ימין (את הקוד אתם מכניסים בתוך הקובץ שבו אתם רושמים את השורות! למעלה ממש בראש)

<center> - אותו דבר, אתם ש'מים למעלה! אבל כאן זה הופך לכם את זה לאמצע, נגיד תש'ימו בקובץ כתבן של האתר הרישמי, זה יעשה לכם את כל האתר באמצע. עם תש'ימו רק בקובץ כתבן של הכתב זה יעשה לכם רק את הכתב באמצע.

המדריך ניכתב עבור rotter.net ע''י crazykid, אין להעתיק!