منتديات الجامع - تعلم تصميم موقع الكتروني+حجز إستضافة+رفع ملفات موقعك مجانا!!!!!

[CENTER][IMG]http://img14.imageshack.us/img14/2451/f900fcom060829063059125.gif[/IMG]
[IMG]http://img697.imageshack.us/img697/4056/greatf.gif[/IMG][/CENTER]

[CENTER][SIZE=6][COLOR=red][B][IMG]http://img233.imageshack.us/img233/7041/fleche1j.gif[/IMG][/B][/COLOR][/SIZE]
[SIZE=6][COLOR=red][B]فهرس الموضوع[/B][/COLOR][/SIZE]
[SIZE=5][B][COLOR=navy]أولا : تصميم موقع الكتروني[/COLOR][/B][/SIZE]
[B][SIZE=5][SIZE=4][COLOR=red]-[/COLOR] [/SIZE][SIZE=4][COLOR=purple]نبذة عن البرنامج الفرونت بيج 2003. [/COLOR][/SIZE][/SIZE][/B]
[SIZE=5][B][SIZE=4][COLOR=purple][COLOR=red]-[/COLOR] 70 درس إسطوانة فديو فلاشية صوت وصورة بحجم صغير. [/COLOR][/SIZE][/B][/SIZE]
[SIZE=5][COLOR=purple][B][SIZE=4][COLOR=red]-[/COLOR] تصميم موقع بسيط للمبتدئيين.[/SIZE][/B][/COLOR][/SIZE]
[SIZE=5][COLOR=purple][B][SIZE=4][COLOR=red]- [/COLOR]تصميم موقع متقدم.[/SIZE][/B][/COLOR][/SIZE]
[SIZE=5][B][COLOR=navy]ثانيا : شرح حجز مساحة على إستضافة[/COLOR][/B][/SIZE]
[B][SIZE=5][COLOR=navy]ثالثا : شرح رفع ملفات الموقع على الإستضافة[/COLOR][/SIZE][/B][/CENTER]

[CENTER][IMG]http://img233.imageshack.us/img233/7041/fleche1j.gif[/IMG]
[B][SIZE=6][COLOR=red]أولا : تصميم موقع الكتروني[/COLOR][/SIZE][/B]
[B][SIZE=5][COLOR=sienna]هذا البرنامج تم شرحه كثيرا في معظم المنتديات ولكن هناك بعض الجوانب الأخري لم يتطرق لها أحد ونحاول هنا التطرق لها [/COLOR][/SIZE][/B][B][SIZE=5][COLOR=sienna]حتي يستطيع المبتدئيين أن يتعرفوا عليها ويستفيدوا منها في إنشاء موقع لهم شخصي أو تجاري مثل المحترفين.[/COLOR][/SIZE][/B][/CENTER]

[CENTER][B][SIZE=5][COLOR=navy]ماهو برنامج الفرنت بيج 2003؟[/COLOR][/SIZE][/B]
[B][SIZE=5][IMG]http://img69.imageshack.us/img69/7865/ag0009021.gif[/IMG][/SIZE][/B]
[B][SIZE=5]أسهل البرامج على الإطلاق لتصميم المواقع على الأنترنت وهو من عائلة الأوفيس ميكروسوفت حيث من إستعمل برنامج الوورد أو البوربوينت أو الإكسيل من قبل فسيجد أن التعامل معه في غاية السهولة.[/SIZE][/B][/CENTER]

[CENTER][IMG]http://img69.imageshack.us/img69/7865/ag0009021.gif[/IMG]
[SIZE=5][B][COLOR=navy]أين يوجد البرنامج ؟[/COLOR][/B][/SIZE][/CENTER]

[CENTER][B][SIZE=5]Start - Programmes - Microsoft Frontpage[/SIZE][/B]
[B][SIZE=5][IMG]http://img69.imageshack.us/img69/7865/ag0009021.gif[/IMG][/SIZE][/B]
[B][SIZE=5][COLOR=navy]كيف يمكن تحميل برنامج الفرونت بيج فقط ؟[/COLOR][/SIZE][/B][/CENTER]

[CENTER][B][SIZE=5][COLOR=red]أوعدة روابط[/COLOR][/SIZE][/B][/CENTER]

[CENTER][B][SIZE=5][URL="http://www.mediafire.com/download.php?22dogydtkmy"][IMG]http://img196.imageshack.us/img196/1193/mediafiret.gif[/IMG][/URL] [URL="http://www.mediafire.com/download.php?x2wl1uognzu"][IMG]http://img196.imageshack.us/img196/1193/mediafiret.gif[/IMG][/URL][/SIZE][/B]
[B][SIZE=5][URL="http://www.mediafire.com/download.php?hlwj0mdwnhx"][IMG]http://img196.imageshack.us/img196/1193/mediafiret.gif[/IMG][/URL] [URL="http://www.mediafire.com/download.php?db1mnm05mnd"][IMG]http://img196.imageshack.us/img196/1193/mediafiret.gif[/IMG][/URL][/SIZE][/B][/CENTER]

[CENTER][B][SIZE=5][SIZE=4][COLOR=darkgreen]Portable_Microsoft_FrontPage_2003_Arabic[/COLOR][/SIZE][/SIZE][/B]
[SIZE=5][B][URL="http://www.multiupload.com/QVTNLUFZR4"][IMG]http://img513.imageshack.us/img513/9726/downloadqi.gif[/IMG][/URL][/B][/SIZE][/CENTER]

[CENTER][SIZE=5][COLOR=red][B]هل يوجد تعليم بالصوت والصورة لبرنامج الفرونت بيج؟[/B][/COLOR][/SIZE][/CENTER]

[CENTER][SIZE=5][B][COLOR=navy]نعم أكثر من 70 درس فيديو فلاشي شامل كل البرنامج بالصوت والصورة.[/COLOR][/B][/SIZE]
[SIZE=5][B][COLOR=#000080][IMG]http://img233.imageshack.us/img233/7041/fleche1j.gif[/IMG][/COLOR][/B][/SIZE]
[SIZE=5][IMG]http://img96.imageshack.us/img96/6554/frontpape.gif[/IMG][/SIZE][/CENTER]

[CENTER][SIZE=5][B][COLOR=#000080][IMG]http://img69.imageshack.us/img69/7865/ag0009021.gif[/IMG][/COLOR][/B][/SIZE]
[SIZE=5][URL="http://www.mediafire.com/download.php?ngnawiknimm"][IMG]http://img196.imageshack.us/img196/1193/mediafiret.gif[/IMG][/URL][/SIZE][/CENTER]

[CENTER][SIZE=6][COLOR=red][B]هل ممكن نظرة سريعة على واجهة البرنامج ؟[/B][/COLOR][/SIZE]
[IMG]http://img233.imageshack.us/img233/7041/fleche1j.gif[/IMG]
[SIZE=4][B][SIZE=5][COLOR=darkslateblue]شريط العنوان Title Bar[/COLOR][/SIZE][/B][/SIZE]
[SIZE=4][B]يوجد بهذا الشريط رمز البرنامج واسمه واسم صفحة الويب الحالية. كما يوجد 3 مفاتيح على الجهة اليمني شمفتاح الإغلاق ومفتاح الاستعادة والتكبير ومفتاح التصغير للبرنامج.[/B][/SIZE][/CENTER]

[CENTER][IMG]http://vb.vip600.com/images/statusicon/wol_error.gif[/IMG]تم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 679x198 وحجمها هو 59KB.
[IMG]http://img38.imageshack.us/img38/9286/titlebar.jpg[/IMG]
[SIZE=4][B][SIZE=5][COLOR=darkslateblue][IMG]http://img69.imageshack.us/img69/7865/ag0009021.gif[/IMG][/COLOR][/SIZE][/B][/SIZE]
[SIZE=4][B][SIZE=5][COLOR=darkslateblue]شريط القوائم Menu Bar[/COLOR][/SIZE][/B][/SIZE]
[SIZE=4][B]يحتوي بهذا الشريط على القوائم الأساسية للبرنامج وقد تم تقسيمها حسب طبيعة وظيفتها إلي مجموعات . مثال جميع الخيارات [/B][/SIZE][SIZE=4][B]التي تخص التعامل مع الصفحات توجد في قائمة File وكل عملياتالخاصة بالتكبير الخطوط وتغيير اشكالها داخل قائمة [/B][/SIZE][SIZE=4][B]Format وهكذا.[/B][/SIZE]
[IMG]http://img705.imageshack.us/img705/2430/menubar.jpg[/IMG]
[SIZE=4][B][SIZE=5][COLOR=darkslateblue][IMG]http://img69.imageshack.us/img69/7865/ag0009021.gif[/IMG][/COLOR][/SIZE][/B][/SIZE]
[SIZE=4][B][SIZE=5][COLOR=darkslateblue]شريط الأدوات القياسية Standard Toolbar[/COLOR][/SIZE][/B][/SIZE][/CENTER]

[CENTER][SIZE=4][B]يحتوي بهذا الشريط الأدوات القياسية الأساسية التي تستعمل بكثرة أثناء العمل مثل اداة الحفظ وأداة فتح ملف وهكذا الحال بدلا [/B][/SIZE][SIZE=4][B]من فتح القوائم والبحث داخلها عن الأداة المراد العمل بها. [/B][/SIZE][/CENTER]

[CENTER][B][SIZE=4][IMG]http://vb.vip600.com/images/statusicon/wol_error.gif[/IMG]تم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 732x27 وحجمها هو 12KB.[/SIZE][/B]
[B][SIZE=4][IMG]http://img706.imageshack.us/img706/7376/standardtoolbar.jpg[/IMG][/SIZE][/B]
[B][SIZE=4][IMG]http://img69.imageshack.us/img69/7865/ag0009021.gif[/IMG][/SIZE][/B]
[SIZE=4][B][SIZE=5][COLOR=darkslateblue]شريط أدوات التنسيق Formatting Toolbar[/COLOR][/SIZE][/B][/SIZE][/CENTER]

[CENTER][SIZE=4][B]يحتوي على الأدوات التنسيق الأساسية مثل أداة التوسيط الخط وهي أدوات سريعة للتنفيذ العمل.[/B][/SIZE][/CENTER]

[CENTER][IMG]http://img43.imageshack.us/img43/2830/formattingtoolbar.jpg[/IMG]
[SIZE=4][B][SIZE=5][COLOR=darkslateblue][IMG]http://img69.imageshack.us/img69/7865/ag0009021.gif[/IMG][/COLOR][/SIZE][/B][/SIZE][/CENTER]

[CENTER][SIZE=4][B][SIZE=5][COLOR=darkslateblue]شريط الحالة Status Bar[/COLOR][/SIZE][/B][/SIZE][/CENTER]

[CENTER][SIZE=4][B]يوجد اسفل واجهة البرنامج ويبين حالة البرامج الحالية وأيضاً يعرض التعليمات الخاصة بالامر المراد تنفيذه.[/B][/SIZE][/CENTER]

[CENTER][B][SIZE=4][IMG]http://img717.imageshack.us/img717/2149/statusbar.jpg[/IMG][/SIZE][/B]
[IMG]http://img69.imageshack.us/img69/7865/ag0009021.gif[/IMG]
[SIZE=4][B][SIZE=5][COLOR=darkslateblue]صفحة التصميم Page[/COLOR][/SIZE][/B][/SIZE][/CENTER]

[CENTER][SIZE=4][B]وهي المساحة الخالية البيضاء التي في وسط البرنامج وفيها يتم اضافة كل محتويات الصفحة المصممة من خطوط وصور [/B][/SIZE][SIZE=4][B]وجداوال وارتباطات وهي تأخذ 3 أشكال للتعامل معها.[/B][/SIZE][/CENTER]

[CENTER][B][SIZE=4][COLOR=red]Normal[/COLOR] يمكنك التعامل مع صفحة التصميم مثل أي صفحة عادية مثل برنامج الوورد.[/SIZE][/B][/CENTER]

[CENTER][B][SIZE=4][COLOR=red]HTML[/COLOR] يمكنك التعامل مع صفحة التصميم مثل تحرير بلغة الهوتميل حيث يم كتابة الاكواد بها.[/SIZE][/B][/CENTER]

[CENTER][B][SIZE=4][COLOR=red]Preview[/COLOR] يمكنك هنا عرض صفحة المصممة كأنها تعرض على متصفح الاكسبلوور لإختبارها.[/SIZE][/B][/CENTER]

[CENTER][IMG]http://img193.imageshack.us/img193/503/pagegj.jpg[/IMG][/CENTER]

[CENTER][SIZE=4][B][SIZE=5][COLOR=darkslateblue][IMG]http://img69.imageshack.us/img69/7865/ag0009021.gif[/IMG][/COLOR][/SIZE][/B][/SIZE]
[SIZE=4][B][SIZE=5][COLOR=darkslateblue]لوحة المهام Task Pane [/COLOR][/SIZE][/B][/SIZE][/CENTER]

[CENTER][SIZE=4][B]وهي من اللوحات المهمة وفيها يتم إنجاز بعض المهام بشكل أسهل وسريع ولإظهارها Ctrl+F1[/B][/SIZE]
[SIZE=4][B][IMG]http://img193.imageshack.us/img193/7416/taskpane.jpg[/IMG][/B][/SIZE]
[IMG]http://img69.imageshack.us/img69/7865/ag0009021.gif[/IMG]
[SIZE=4][B][SIZE=5][COLOR=red]تصميم الموقع يدوياً بالإعتماد على أنفسنا فقط[/COLOR][/SIZE][/B][/SIZE][/CENTER]

[CENTER][SIZE=5][B][COLOR=navy]بداية سوف نعمل موقع يتكون من خليتين الأولي بنر + الثانية بها قائمة على الشمال وقائمة على اليمين وقائمة في الوسط وليكن الموقع عن شرح [/COLOR][/B][COLOR=navy][B]البرنامج الحالي مثل الصورة.[/B][/COLOR][/SIZE][/CENTER]

[CENTER][IMG]http://img233.imageshack.us/img233/7041/fleche1j.gif[/IMG][/CENTER]

[CENTER][IMG]http://vb.vip600.com/images/statusicon/wol_error.gif[/IMG]تم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 652x421 وحجمها هو 74KB.
[IMG]http://img38.imageshack.us/img38/5050/sitepicf.jpg[/IMG][/CENTER]

[CENTER][COLOR=darkred][SIZE=5][B]بداية قبل كل شيء علينا فتح مجلد باسم الموقع ونضعه على السطح ثم ننشيء داخله عدة مجلدات فرعية اخري مثل هذه الصورة كعملية تنظمية.[/B][/SIZE][/COLOR]
[IMG]http://img233.imageshack.us/img233/7041/fleche1j.gif[/IMG][/CENTER]

[CENTER][IMG]http://img85.imageshack.us/img85/668/buildsite.jpg[/IMG][/CENTER]

[CENTER][IMG]http://img233.imageshack.us/img233/7041/fleche1j.gif[/IMG][/CENTER]

[CENTER][B][SIZE=4][SIZE=5][COLOR=navy][COLOR=red]1-[/COLOR] فتح صفحة جديد بيضاء عن طريق قائمة [COLOR=red]file[/COLOR] - [COLOR=red]new[/COLOR].[/COLOR][/SIZE][/SIZE][/B]
[SIZE=4][COLOR=navy][B][SIZE=5][COLOR=red]2-[/COLOR]عمل جدول حتي استطيع التحرك داخله والعمل بشكل منظم من قائمة [COLOR=red]table[/COLOR] - [COLOR=red]insert[/COLOR] - [COLOR=red]table[/COLOR] وليكن من 2 صفوف و2 [/SIZE][/B][/COLOR][/SIZE][B][SIZE=5][COLOR=navy]أعمدة .[/COLOR][/SIZE][/B][/CENTER]

[CENTER][B][SIZE=4][IMG]http://vb.vip600.com/images/statusicon/wol_error.gif[/IMG]تم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 652x421 وحجمها هو 45KB.[/SIZE][/B]
[B][SIZE=4][IMG]http://img97.imageshack.us/img97/3199/buildsite1.jpg[/IMG][/SIZE][/B][/CENTER]

[CENTER][B][SIZE=4][SIZE=5][COLOR=navy][COLOR=red]3-[/COLOR] نحدد الخليتين وكليك يمين ثم دمج [COLOR=red]merge cells[/COLOR] وهكذا للخلية الثانية ثم نقف على الثانية وكليك يمين ونختار تقسيم [/COLOR][/SIZE][/SIZE][/B]
[B][SIZE=5][COLOR=navy]الخلية 3 اجزاء.[/COLOR][/SIZE][/B][/CENTER]

[CENTER][B][SIZE=5][COLOR=navy][IMG]http://vb.vip600.com/images/statusicon/wol_error.gif[/IMG]تم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 652x421 وحجمها هو 70KB.[/COLOR][/SIZE][/B]
[B][SIZE=5][COLOR=navy][IMG]http://img535.imageshack.us/img535/6515/buildsite2.jpg[/IMG][/COLOR][/SIZE][/B][/CENTER]

[CENTER][IMG]http://vb.vip600.com/images/statusicon/wol_error.gif[/IMG]تم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 652x421 وحجمها هو 41KB.
[IMG]http://img28.imageshack.us/img28/1770/buildsite3.jpg[/IMG]
[B][SIZE=5][COLOR=navy][COLOR=red]4-[/COLOR] ندخل في الخلية الاولي صورة كبنر أو نقسم الخلية إلي 3 أجزاء نضع صورتين وكتابة في المنتصف.[/COLOR][/SIZE][/B][/CENTER]

[CENTER][B][SIZE=5][COLOR=#000080][IMG]http://vb.vip600.com/images/statusicon/wol_error.gif[/IMG]تم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 652x421 وحجمها هو 63KB.[/COLOR][/SIZE][/B]
[B][SIZE=5][COLOR=#000080][IMG]http://img94.imageshack.us/img94/6250/buildsite4.jpg[/IMG][/COLOR][/SIZE][/B][/CENTER]

[CENTER][B][SIZE=5][COLOR=navy][COLOR=red]5-[/COLOR] نقف على الخلية الثانية اسفل اليمني ونعمل بها [COLOR=red]6[/COLOR] صفوف لوضع فيها اسم المواضيع كليك يمين ثم [COLOR=red]spilt rows[/COLOR] .وهكذا [/COLOR][/SIZE][/B]
[B][SIZE=5][COLOR=navy]للخلية اليسري.[/COLOR][/SIZE][/B][/CENTER]

[CENTER][B][SIZE=5][COLOR=navy][IMG]http://vb.vip600.com/images/statusicon/wol_error.gif[/IMG]تم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 652x421 وحجمها هو 58KB.[/COLOR][/SIZE][/B]
[B][SIZE=5][COLOR=navy][IMG]http://img189.imageshack.us/img189/3071/buildsite5.jpg[/IMG][/COLOR][/SIZE][/B][/CENTER]

[CENTER][B][SIZE=5][COLOR=navy][IMG]http://vb.vip600.com/images/statusicon/wol_error.gif[/IMG]تم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 652x421 وحجمها هو 47KB.[/COLOR][/SIZE][/B]
[B][SIZE=5][COLOR=navy][IMG]http://img189.imageshack.us/img189/8446/buildsite6.jpg[/IMG][/COLOR][/SIZE][/B][/CENTER]

[CENTER][B][SIZE=5][COLOR=navy][IMG]http://vb.vip600.com/images/statusicon/wol_error.gif[/IMG]تم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 669x491 وحجمها هو 80KB.[/COLOR][/SIZE][/B]
[B][SIZE=5][COLOR=navy][IMG]http://img40.imageshack.us/img40/7195/buildsite7.jpg[/IMG][/COLOR][/SIZE][/B][/CENTER]

[CENTER][B][SIZE=5][COLOR=navy][COLOR=red]6-[/COLOR] نكتب اسماء المواضيع المراد كتابتها في القائمة اليمني والشمال ونكتب اي معلومات كتابة في المنتصف مثل الوورد تماما [/COLOR][/SIZE][/B][B][SIZE=5][COLOR=navy]وتنسيقات الخط كلها.[/COLOR][/SIZE][/B][/CENTER]

[CENTER][B][SIZE=5][COLOR=navy][IMG]http://vb.vip600.com/images/statusicon/wol_error.gif[/IMG]تم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 652x421 وحجمها هو 99KB.[/COLOR][/SIZE][/B]
[B][SIZE=5][COLOR=navy][IMG]http://img94.imageshack.us/img94/6059/buildsite8.jpg[/IMG][/COLOR][/SIZE][/B][/CENTER]

[CENTER][B][SIZE=5][COLOR=navy][COLOR=red]7-[/COLOR] بعد الانتهاء من العمل علينا إلغاء خطوط الجدول الكبير كليك يمين خصائص الجدول مثل الصورة .[/COLOR][/SIZE][/B][/CENTER]

[CENTER][IMG]http://img696.imageshack.us/img696/2536/buildsite9.jpg[/IMG][/CENTER]

[CENTER][IMG]http://vb.vip600.com/images/statusicon/wol_error.gif[/IMG]تم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 678x401 وحجمها هو 99KB.
[IMG]http://img9.imageshack.us/img9/6961/buildsite10.jpg[/IMG][/CENTER]

[CENTER][B][SIZE=5][COLOR=navy][COLOR=red]8-[/COLOR] يمكن تكبير الخلية الثانية المكونة من 3 قوائم بالسحب من طرف اخر خلية ثم السحب لاسفل ونلاحظ خلية الصف اصبحت [/COLOR][/SIZE][/B]
[B][SIZE=5][COLOR=navy]كبيرة والخلايا الاخري صغيرة نعلم على كل خلايا الصف ثم من قائمة جدول نختار مثل مافي الصورة.[/COLOR][/SIZE][/B][/CENTER]

[CENTER][IMG]http://vb.vip600.com/images/statusicon/wol_error.gif[/IMG]تم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 701x541.
[IMG]http://img35.imageshack.us/img35/9824/buildsite11.jpg[/IMG][/CENTER]

[CENTER][B][SIZE=5][COLOR=navy][IMG]http://vb.vip600.com/images/statusicon/wol_error.gif[/IMG]تم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 702x541.[/COLOR][/SIZE][/B]
[B][SIZE=5][COLOR=navy][IMG]http://img715.imageshack.us/img715/7672/buildsite12.jpg[/IMG][/COLOR][/SIZE][/B]
[B][SIZE=5][COLOR=navy]الان جاء وقت حفظ العمل من قائمة [COLOR=red]file[/COLOR] - [COLOR=red]save as[/COLOR] - وتسمي هذه الصفحة الرئيسية للموقع [COLOR=red]index[/COLOR] وهي الام لكل [/COLOR][/SIZE][/B][B][SIZE=5][COLOR=navy]الصفحات الاخري.[/COLOR][/SIZE][/B][B][SIZE=5][COLOR=purple]لدينا الان صفحة تسمي رئيسية مبسطة أنشئت علينا الان عمل صفحات فرعية بعدد اسماء المواضيع في كل قائمة ونسمي [/COLOR][/SIZE][/B][B][SIZE=5][COLOR=purple]كل صفحة باسم معيت لها ولكن باللغة الانجليزية ونربط بين هذه الصفحات الفرعية والصفحة الرئيسية.[/COLOR][/SIZE][/B][/CENTER]

[CENTER][B][SIZE=5][COLOR=navy]لعمل صفحة فرعية من قائمة [COLOR=red]file[/COLOR] - [COLOR=red]new[/COLOR] ونكتب فيها تفاصيل الرابط الاول في القائمة اليمني على سبيل المثال وننسق الكتابات [/COLOR][/SIZE][/B][B][SIZE=5][COLOR=navy]مثل الوورد ثم نحفظ هذه الصفحة ونكتب اسم جديد لها بدلا من [COLOR=red]index[/COLOR] ولا ننسي حفظها داخل المجلد المسمي [COLOR=red]pages[/COLOR] حيث [/COLOR][/SIZE][/B][B][SIZE=5][COLOR=navy]توضع فيه كل الصفحات الرئيسية هنا. وهكذا نعمل صفحات جديدة باسم كل موضوع في القائمة اليمني واليسري ونحفظها باسم [/COLOR][/SIZE][/B][B][SIZE=5][COLOR=navy]يخصها.[/COLOR][/SIZE][/B][/CENTER]

[CENTER][COLOR=darkred][B][SIZE=5]جاء الان موضوع الربط بين الصفحة الام والصفحات الرئيسية نقف على الصفحة الرئيسية عن طريق فتحها عن طريق البرنامج [/SIZE][/B][B][SIZE=5][COLOR=red]file[/COLOR] - [COLOR=red]open[/COLOR] ثم نقف على اول موضوع وليكن هنا شريط العنوان ونعلم عليه ومن قائمة [COLOR=red]insert[/COLOR] - [COLOR=red]Heperlink[/COLOR] يظهر هذا [/SIZE][/B][B][SIZE=5]الشباك ونفعل كما في الصورة.[/SIZE][/B][/COLOR][/CENTER]

[CENTER][IMG]http://vb.vip600.com/images/statusicon/wol_error.gif[/IMG]تم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 705x533.
[IMG]http://img62.imageshack.us/img62/5120/buildsite13.jpg[/IMG][/CENTER]

[CENTER][IMG]http://img716.imageshack.us/img716/833/buildsite14.jpg[/IMG][/CENTER]

[CENTER][IMG]http://img193.imageshack.us/img193/8818/buildsite15.jpg[/IMG][/CENTER]

[CENTER][IMG]http://vb.vip600.com/images/statusicon/wol_error.gif[/IMG]تم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 705x624.
[IMG]http://img534.imageshack.us/img534/7894/buildsite16.jpg[/IMG][/CENTER]

[CENTER][B][SIZE=5][COLOR=navy][COLOR=red]انتهي الان الموقع المبسط للمبتدئيين[/COLOR] ويمكن تكبير حجمه وخصوصا [COLOR=darkgreen]الصفحة الرئيسية[/COLOR] من مضاعفة [COLOR=red]الخلية الثانية مرتان[/COLOR] أو اكثر [/COLOR][/SIZE][/B][B][SIZE=4][SIZE=5][COLOR=navy]على نفس المنوال مع عمل[COLOR=red] خلية فوتر[/COLOR] اسفل مثل خلية البنر ووضع فيها صورة او كلام [/COLOR][COLOR=red]ويمكن وضعه على الانترنت[/COLOR][/SIZE][COLOR=red] [SIZE=5]الان.[/SIZE][/COLOR][/SIZE][/B][/CENTER]

[CENTER][IMG]http://img233.imageshack.us/img233/7041/fleche1j.gif[/IMG]
[SIZE=5][COLOR=red][B]سوف يتم التكملة الموضوع [COLOR=blue]للمتقدمين[/COLOR] [COLOR=blue]هنا[/COLOR] ولكن سوف نكمل باقي الخطوات الموقع البسيط [COLOR=blue]لعمل استضافة[/COLOR] ثم [COLOR=blue]رفعه على الانترنت[/COLOR] حتي [COLOR=navy]لاينتظر المبتدئيين في المشاركتين التاليتين مباشرة حتي لايتوه الموضوع[/COLOR].[/B][/COLOR][/SIZE][/CENTER]

[CENTER][B][SIZE=5][COLOR=#ff0000][IMG]http://img69.imageshack.us/img69/7865/ag0009021.gif[/IMG][/COLOR][/SIZE][/B]
[B][SIZE=5][COLOR=red][COLOR=red][B][المعذرة ... يمكن للأعضاء فقط أن يشاهدوا الروابط. ][/B][/COLOR][/COLOR][/SIZE][/B][/CENTER]

[CENTER][B][SIZE=5][COLOR=#ff0000][IMG]http://img233.imageshack.us/img233/7041/fleche1j.gif[/IMG][/COLOR][/SIZE][/B]
[SIZE=5][COLOR=red][B]شرح بعض القوائم الهامة والبعيدة عن كل مستخدم؟[/B][/COLOR][/SIZE]
[B][SIZE=5][COLOR=navy]قريبا إن شاء الله[/COLOR][/SIZE][/B]
[SIZE=4][B]1- [COLOR=navy]قائمة Behaviors[/COLOR] [COLOR=darkred]وهي من أهم القوائم المخفية في البرنامج وبه 13 خاصية تقريباً تسهل العمل وتعطيك مميزات وحركات ديناميكة إضافية في تصميم الموقع مثل[/COLOR] :[/B][/SIZE]
[B][SIZE=4]jump menu + go to url[/SIZE][/B]
[B][SIZE=4]open browser window +set text of status bar [/SIZE][/B]
[B][SIZE=4]swap images +preload images[/SIZE][/B]
[B][SIZE=4]popup message +play sound[/SIZE][/B]
[B][SIZE=4]control properties in flash+chech plug-in[/SIZE][/B]
[B][SIZE=4]change property+change browser+ cal script[/SIZE][/B][/CENTER]

[CENTER][SIZE=4][B]2- [COLOR=navy]Hover Button[/COLOR] [COLOR=darkred]هناك أزرار مخفية في هذه النسخة غير الأزرار الظاهرة[/COLOR] الأخري للبرنامج Interactive Button[/B][/SIZE]
[SIZE=4][B]3- [COLOR=navy]Banner ad Manager[/COLOR] [COLOR=darkred]هناك خاصية مخفية أيضاُ ومن خلالها تستطيع عمل شكل إستعراضي متعاقب للصور.[/COLOR][/B][/SIZE]
[SIZE=4][B]4- [COLOR=navy]Photo Gallery[/COLOR] [COLOR=darkred]يمكنك هنا عمل ألبوم لصور توضع في الموقع ب4 طرق مختلفة مع بعض الإمكانيات الجميلة.[/COLOR][/B][/SIZE]
[SIZE=4][B]5- [COLOR=navy]Backgrounf Sound[/COLOR] [COLOR=darkred]عمل خلفية صوتية تعمل في خلفية الصفحة وخصوصاً ذات الإمتداد WAV , TAM, MID[/COLOR][/B][/SIZE]
[SIZE=4][B]6- [COLOR=navy]Transition Page[/COLOR] [COLOR=darkred]عمل تأثيرات عند الدخول أو الخروج من الصفحة بشكل جميل.[/COLOR][/B][/SIZE]
[SIZE=4][B]7- [COLOR=navy]Movie In Flash Format[/COLOR] [COLOR=darkred]إدخال فلاش[/COLOR][/B][/SIZE]
[SIZE=4][B]8- [COLOR=navy]Video[/COLOR] [COLOR=darkred]إدخال فيديو[/COLOR][/B][/SIZE]
[SIZE=4][B]9- [COLOR=darkred]أدخال أي مستند سواء من ملفات الأوفيس او بي دي إف[/COLOR] [/B][/SIZE]
[SIZE=4][B]10- [COLOR=navy]Marquee[/COLOR] [COLOR=darkred]عمل نص متحرك كشريط الأخبار وطريقة تغيير إتجاه بدلا من اليمين أو اليسار سوف نجعله أيضا يتحرك إلي أسفل أو أعلي[/COLOR] . [/B][/SIZE]
[SIZE=4][B]12- [COLOR=darkred]الارتباطات[/COLOR] [COLOR=navy]Heperlink[/COLOR] [COLOR=darkred]وعملها بالتفصيل.[/COLOR][/B][/SIZE]
[B][SIZE=4]11- [/SIZE][/B][SIZE=4][B][COLOR=navy]أكواد جاهزة[/COLOR][/B][/SIZE]
[B][SIZE=4]12- [COLOR=navy]مولد شريط الاسكرول[/COLOR][/SIZE][/B][/CENTER]

[CENTER][SIZE=7][COLOR=red][B]الجزء الثاني[/B][/COLOR][/SIZE]
[IMG]http://img69.imageshack.us/img69/7865/ag0009021.gif[/IMG]
[SIZE=3][B]يمكنك التسجيل على أي إستضافة تختارها أنت بطريقتك الخاصة وسوف تأخذ بياناتك منهم بخصوص [COLOR=red]FTP[/COLOR] وعنوانها لكي تستخدمها في الدخول على ملفات موقعك من على البرنامج من على سطح كمبيوترك. [/B][/SIZE][/CENTER]

[CENTER][SIZE=6][COLOR=red][B][SIZE=7]الجزء الثالث[/SIZE] [/B][/COLOR][/SIZE]
[IMG]http://img69.imageshack.us/img69/7865/ag0009021.gif[/IMG]
[SIZE=5][COLOR=purple][B]الان بعد أن [COLOR=red]صممنا الموقع[/COLOR] وحجزنا[COLOR=red] إسم ومكان[/COLOR] لرفع الموقع على الاستضافة جاء دور [COLOR=red]رفع الملفات[/COLOR] على شبكة الأنترنت. وهناك برامج كثيرة لرفع الملفات وانا اخترت برنامج كويس بأعرف أعمل عليه وهو :[/B][/COLOR][/SIZE]
[IMG]http://img69.imageshack.us/img69/7865/ag0009021.gif[/IMG][/CENTER]

[CENTER][SIZE=5][COLOR=darkgreen][B]Ipswitch WS_FTP Professional 2007[/B][/COLOR][/SIZE][/CENTER]

[CENTER][IMG]http://www.ar4up.com/uploads/images/ar4up-4c29c64e35.jpg[/IMG]
[SIZE=5][COLOR=red][B]التحميل[/B][/COLOR][/SIZE]
[IMG]http://img69.imageshack.us/img69/7865/ag0009021.gif[/IMG]
[URL="http://www.mediafire.com/download.php?dwi2o0wzgzy"][IMG]http://img85.imageshack.us/img85/8379/1212354.jpg[/IMG][/URL][/CENTER]

[CENTER][SIZE=5][B][COLOR=red]شرح تسطيب البرنامج مع تشغيل الكراك لجعله البرنامج مفعل[/COLOR] [/B][/SIZE][/CENTER]

[CENTER][SIZE=5][COLOR=navy][B]1- شرح التسطيب البرنامج بالصور[/B][/COLOR][/SIZE]
[IMG]http://img69.imageshack.us/img69/7865/ag0009021.gif[/IMG][/CENTER]

[CENTER][IMG]http://vb.vip600.com/images/statusicon/wol_error.gif[/IMG]تم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 696x528 وحجمها هو 81KB.
[IMG]http://img85.imageshack.us/img85/9007/proxt.jpg[/IMG][/CENTER]

[CENTER][IMG]http://vb.vip600.com/images/statusicon/wol_error.gif[/IMG]تم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 696x528 وحجمها هو 67KB.
[IMG]http://img685.imageshack.us/img685/5568/pro1p.jpg[/IMG][/CENTER]

[CENTER][IMG]http://vb.vip600.com/images/statusicon/wol_error.gif[/IMG]تم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 696x528 وحجمها هو 72KB.
[IMG]http://img109.imageshack.us/img109/6126/pro2m.jpg[/IMG][/CENTER]

[CENTER][SIZE=5][COLOR=red][B][IMG]http://img233.imageshack.us/img233/7041/fleche1j.gif[/IMG][/B][/COLOR][/SIZE]
[SIZE=5][COLOR=red][B]2- طريقة تفعيل البرنامج بالكراك[/B][/COLOR][/SIZE][/CENTER]

[CENTER][B][SIZE=5][COLOR=red][COLOR=darkorchid]عليك إغلاق الأنترنت وتشغيل البرنامج سوف يطلب منك التسجيل في هذه الحالة علينا فتح الكراك وهو باسم [COLOR=red]CR-WFP07 [/COLOR][/COLOR][/COLOR][/SIZE][/B][COLOR=red][B][SIZE=5][COLOR=darkorchid]وهذه صورته[/COLOR][/SIZE][/B][/COLOR][/CENTER]

[CENTER][COLOR=red][IMG]http://img714.imageshack.us/img714/2010/crackf.jpg[/IMG][/COLOR][/CENTER]

[CENTER][COLOR=red][B][SIZE=5][COLOR=darkorchid]نضغط على زر [COLOR=red]license[/COLOR] لتوليد رقم السريال للبرنامج ونضعها في البرنامج. ثم نأخذ الارقام الجديدة مرة اخري ونضعها في الكراك في الخانة الثانية ثم نضغط الزر [COLOR=red]generate[/COLOR] قيتولد الرقم التفعيل نضعه في البرنامج فسوف ينتهي بالنجاح.[/COLOR][/SIZE][/B][/COLOR][/CENTER]

[CENTER][COLOR=red][B][SIZE=5][IMG]http://img200.imageshack.us/img200/7464/crack1.jpg[/IMG][/SIZE][/B][/COLOR][/CENTER]

[CENTER][B][SIZE=5][COLOR=#9932cc][IMG]http://img233.imageshack.us/img233/7041/fleche1j.gif[/IMG][/COLOR][/SIZE][/B]
[B][SIZE=5][COLOR=#9932cc]جاء الان تشغيل البرنامج ورفع [/COLOR][/SIZE][/B][B][SIZE=5][COLOR=#9932cc]الملفات [/COLOR][COLOR=red]والصور فقط سوف تتكلم.[/COLOR][/SIZE][/B][/CENTER]

[CENTER][IMG]http://vb.vip600.com/images/statusicon/wol_error.gif[/IMG]تم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 797x651.
[IMG]http://img191.imageshack.us/img191/3425/ftpwi.jpg[/IMG][/CENTER]

[CENTER][IMG]http://img64.imageshack.us/img64/2703/ftp1s.jpg[/IMG][/CENTER]

[CENTER][IMG]http://img64.imageshack.us/img64/5376/ftp2a.jpg[/IMG][/CENTER]

[CENTER][IMG]http://img39.imageshack.us/img39/7292/ftp3.jpg[/IMG][/CENTER]

[CENTER][IMG]http://img130.imageshack.us/img130/7858/ftp4.jpg[/IMG][/CENTER]

[CENTER][IMG]http://img651.imageshack.us/img651/7044/ftp5.jpg[/IMG][/CENTER]

[CENTER][IMG]http://img189.imageshack.us/img189/4808/ftp6o.jpg[/IMG][/CENTER]

[CENTER][IMG]http://vb.vip600.com/images/statusicon/wol_error.gif[/IMG]تم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 797x651 وحجمها هو 184KB.
[IMG]http://img718.imageshack.us/img718/8993/ftp7.jpg[/IMG][/CENTER]

[CENTER][SIZE=4][COLOR=red][B]مبروك عليكم الموقع[/B][/COLOR][/SIZE]
[B][SIZE=5][COLOR=#ff0000][IMG]http://img69.imageshack.us/img69/7865/ag0009021.gif[/IMG][/COLOR][/SIZE][/B]
[U][SIZE=5]منقول للافادة[/SIZE][/U][/CENTER]

[CENTER][SIZE=4][COLOR=#ff0000][B][SIZE=4][B][COLOR=blue]المصدر[/COLOR][COLOR=black] : [/COLOR][COLOR=red]منتديات [/COLOR][COLOR=red]المشاغب[/COLOR][/B][/SIZE][/B][/COLOR][/SIZE]
[SIZE=4][COLOR=#ff0000][B][SIZE=4][B][COLOR=blue]صاحب الموضوع [/COLOR][COLOR=black]: [/COLOR][COLOR=red]sfee[/COLOR][/B][/SIZE][/B][/COLOR][/SIZE]
[IMG]http://img51.imageshack.us/img51/5732/42093729.gif[/IMG][/CENTER]