سيف السنه
2011-01-12, 06:46 PM
http://img14.imageshack.us/img14/2451/f900fcom060829063059125.gif
http://img697.imageshack.us/img697/4056/greatf.gif
http://img233.imageshack.us/img233/7041/fleche1j.gif
فهرس الموضوع
أولا : تصميم موقع الكتروني
- نبذة عن البرنامج الفرونت بيج 2003.
- 70 درس إسطوانة فديو فلاشية صوت وصورة بحجم صغير.
- تصميم موقع بسيط للمبتدئيين.
- تصميم موقع متقدم.
ثانيا : شرح حجز مساحة على إستضافة
ثالثا : شرح رفع ملفات الموقع على الإستضافة
http://img233.imageshack.us/img233/7041/fleche1j.gif
أولا : تصميم موقع الكتروني
هذا البرنامج تم شرحه كثيرا في معظم المنتديات ولكن هناك بعض الجوانب الأخري لم يتطرق لها أحد ونحاول هنا التطرق لها حتي يستطيع المبتدئيين أن يتعرفوا عليها ويستفيدوا منها في إنشاء موقع لهم شخصي أو تجاري مثل المحترفين.
ماهو برنامج الفرنت بيج 2003؟
http://img69.imageshack.us/img69/7865/ag0009021.gif
أسهل البرامج على الإطلاق لتصميم المواقع على الأنترنت وهو من عائلة الأوفيس ميكروسوفت حيث من إستعمل برنامج الوورد أو البوربوينت أو الإكسيل من قبل فسيجد أن التعامل معه في غاية السهولة.
http://img69.imageshack.us/img69/7865/ag0009021.gif
أين يوجد البرنامج ؟
Start - Programmes - Microsoft Frontpage
http://img69.imageshack.us/img69/7865/ag0009021.gif
كيف يمكن تحميل برنامج الفرونت بيج فقط ؟
أوعدة روابط
http://img196.imageshack.us/img196/1193/mediafiret.gif (http://www.mediafire.com/download.php?22dogydtkmy) http://img196.imageshack.us/img196/1193/mediafiret.gif (http://www.mediafire.com/download.php?x2wl1uognzu)
http://img196.imageshack.us/img196/1193/mediafiret.gif (http://www.mediafire.com/download.php?hlwj0mdwnhx) http://img196.imageshack.us/img196/1193/mediafiret.gif (http://www.mediafire.com/download.php?db1mnm05mnd)
Portable_Microsoft_FrontPage_2003_Arabic
http://img513.imageshack.us/img513/9726/downloadqi.gif (http://www.multiupload.com/QVTNLUFZR4)
هل يوجد تعليم بالصوت والصورة لبرنامج الفرونت بيج؟
نعم أكثر من 70 درس فيديو فلاشي شامل كل البرنامج بالصوت والصورة.
http://img233.imageshack.us/img233/7041/fleche1j.gif
http://img96.imageshack.us/img96/6554/frontpape.gif
http://img69.imageshack.us/img69/7865/ag0009021.gif
http://img196.imageshack.us/img196/1193/mediafiret.gif (http://www.mediafire.com/download.php?ngnawiknimm)
هل ممكن نظرة سريعة على واجهة البرنامج ؟
http://img233.imageshack.us/img233/7041/fleche1j.gif
شريط العنوان Title Bar
يوجد بهذا الشريط رمز البرنامج واسمه واسم صفحة الويب الحالية. كما يوجد 3 مفاتيح على الجهة اليمني شمفتاح الإغلاق ومفتاح الاستعادة والتكبير ومفتاح التصغير للبرنامج.
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 679x198 وحجمها هو 59KB.
http://img38.imageshack.us/img38/9286/titlebar.jpg
http://img69.imageshack.us/img69/7865/ag0009021.gif
شريط القوائم Menu Bar
يحتوي بهذا الشريط على القوائم الأساسية للبرنامج وقد تم تقسيمها حسب طبيعة وظيفتها إلي مجموعات . مثال جميع الخيارات التي تخص التعامل مع الصفحات توجد في قائمة File وكل عملياتالخاصة بالتكبير الخطوط وتغيير اشكالها داخل قائمة Format وهكذا.
http://img705.imageshack.us/img705/2430/menubar.jpg
http://img69.imageshack.us/img69/7865/ag0009021.gif
شريط الأدوات القياسية Standard Toolbar
يحتوي بهذا الشريط الأدوات القياسية الأساسية التي تستعمل بكثرة أثناء العمل مثل اداة الحفظ وأداة فتح ملف وهكذا الحال بدلا من فتح القوائم والبحث داخلها عن الأداة المراد العمل بها.
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 732x27 وحجمها هو 12KB.
http://img706.imageshack.us/img706/7376/standardtoolbar.jpg
http://img69.imageshack.us/img69/7865/ag0009021.gif
شريط أدوات التنسيق Formatting Toolbar
يحتوي على الأدوات التنسيق الأساسية مثل أداة التوسيط الخط وهي أدوات سريعة للتنفيذ العمل.
http://img43.imageshack.us/img43/2830/formattingtoolbar.jpg
http://img69.imageshack.us/img69/7865/ag0009021.gif
شريط الحالة Status Bar
يوجد اسفل واجهة البرنامج ويبين حالة البرامج الحالية وأيضاً يعرض التعليمات الخاصة بالامر المراد تنفيذه.
http://img717.imageshack.us/img717/2149/statusbar.jpg
http://img69.imageshack.us/img69/7865/ag0009021.gif
صفحة التصميم Page
وهي المساحة الخالية البيضاء التي في وسط البرنامج وفيها يتم اضافة كل محتويات الصفحة المصممة من خطوط وصور وجداوال وارتباطات وهي تأخذ 3 أشكال للتعامل معها.
Normal يمكنك التعامل مع صفحة التصميم مثل أي صفحة عادية مثل برنامج الوورد.
HTML يمكنك التعامل مع صفحة التصميم مثل تحرير بلغة الهوتميل حيث يم كتابة الاكواد بها.
Preview يمكنك هنا عرض صفحة المصممة كأنها تعرض على متصفح الاكسبلوور لإختبارها.
http://img193.imageshack.us/img193/503/pagegj.jpg
http://img69.imageshack.us/img69/7865/ag0009021.gif
لوحة المهام Task Pane
وهي من اللوحات المهمة وفيها يتم إنجاز بعض المهام بشكل أسهل وسريع ولإظهارها Ctrl+F1
http://img193.imageshack.us/img193/7416/taskpane.jpg
http://img69.imageshack.us/img69/7865/ag0009021.gif
تصميم الموقع يدوياً بالإعتماد على أنفسنا فقط
بداية سوف نعمل موقع يتكون من خليتين الأولي بنر + الثانية بها قائمة على الشمال وقائمة على اليمين وقائمة في الوسط وليكن الموقع عن شرح البرنامج الحالي مثل الصورة.
http://img233.imageshack.us/img233/7041/fleche1j.gif
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 652x421 وحجمها هو 74KB.
http://img38.imageshack.us/img38/5050/sitepicf.jpg
بداية قبل كل شيء علينا فتح مجلد باسم الموقع ونضعه على السطح ثم ننشيء داخله عدة مجلدات فرعية اخري مثل هذه الصورة كعملية تنظمية.
http://img233.imageshack.us/img233/7041/fleche1j.gif
http://img85.imageshack.us/img85/668/buildsite.jpg
http://img233.imageshack.us/img233/7041/fleche1j.gif
1- فتح صفحة جديد بيضاء عن طريق قائمة file - new.
2-عمل جدول حتي استطيع التحرك داخله والعمل بشكل منظم من قائمة table - insert - table وليكن من 2 صفوف و2 أعمدة .
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 652x421 وحجمها هو 45KB.
http://img97.imageshack.us/img97/3199/buildsite1.jpg
3- نحدد الخليتين وكليك يمين ثم دمج merge cells وهكذا للخلية الثانية ثم نقف على الثانية وكليك يمين ونختار تقسيم
الخلية 3 اجزاء.
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 652x421 وحجمها هو 70KB.
http://img535.imageshack.us/img535/6515/buildsite2.jpg
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 652x421 وحجمها هو 41KB.
http://img28.imageshack.us/img28/1770/buildsite3.jpg
4- ندخل في الخلية الاولي صورة كبنر أو نقسم الخلية إلي 3 أجزاء نضع صورتين وكتابة في المنتصف.
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 652x421 وحجمها هو 63KB.
http://img94.imageshack.us/img94/6250/buildsite4.jpg
5- نقف على الخلية الثانية اسفل اليمني ونعمل بها 6 صفوف لوضع فيها اسم المواضيع كليك يمين ثم spilt rows .وهكذا
للخلية اليسري.
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 652x421 وحجمها هو 58KB.
http://img189.imageshack.us/img189/3071/buildsite5.jpg
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 652x421 وحجمها هو 47KB.
http://img189.imageshack.us/img189/8446/buildsite6.jpg
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 669x491 وحجمها هو 80KB.
http://img40.imageshack.us/img40/7195/buildsite7.jpg
6- نكتب اسماء المواضيع المراد كتابتها في القائمة اليمني والشمال ونكتب اي معلومات كتابة في المنتصف مثل الوورد تماما وتنسيقات الخط كلها.
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 652x421 وحجمها هو 99KB.
http://img94.imageshack.us/img94/6059/buildsite8.jpg
7- بعد الانتهاء من العمل علينا إلغاء خطوط الجدول الكبير كليك يمين خصائص الجدول مثل الصورة .
http://img696.imageshack.us/img696/2536/buildsite9.jpg
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 678x401 وحجمها هو 99KB.
http://img9.imageshack.us/img9/6961/buildsite10.jpg
8- يمكن تكبير الخلية الثانية المكونة من 3 قوائم بالسحب من طرف اخر خلية ثم السحب لاسفل ونلاحظ خلية الصف اصبحت
كبيرة والخلايا الاخري صغيرة نعلم على كل خلايا الصف ثم من قائمة جدول نختار مثل مافي الصورة.
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 701x541.
http://img35.imageshack.us/img35/9824/buildsite11.jpg
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 702x541.
http://img715.imageshack.us/img715/7672/buildsite12.jpg
الان جاء وقت حفظ العمل من قائمة file - save as - وتسمي هذه الصفحة الرئيسية للموقع index وهي الام لكل الصفحات الاخري.لدينا الان صفحة تسمي رئيسية مبسطة أنشئت علينا الان عمل صفحات فرعية بعدد اسماء المواضيع في كل قائمة ونسمي كل صفحة باسم معيت لها ولكن باللغة الانجليزية ونربط بين هذه الصفحات الفرعية والصفحة الرئيسية.
لعمل صفحة فرعية من قائمة file - new ونكتب فيها تفاصيل الرابط الاول في القائمة اليمني على سبيل المثال وننسق الكتابات مثل الوورد ثم نحفظ هذه الصفحة ونكتب اسم جديد لها بدلا من index ولا ننسي حفظها داخل المجلد المسمي pages حيث توضع فيه كل الصفحات الرئيسية هنا. وهكذا نعمل صفحات جديدة باسم كل موضوع في القائمة اليمني واليسري ونحفظها باسم يخصها.
جاء الان موضوع الربط بين الصفحة الام والصفحات الرئيسية نقف على الصفحة الرئيسية عن طريق فتحها عن طريق البرنامج file - open ثم نقف على اول موضوع وليكن هنا شريط العنوان ونعلم عليه ومن قائمة insert - Heperlink يظهر هذا الشباك ونفعل كما في الصورة.
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 705x533.
http://img62.imageshack.us/img62/5120/buildsite13.jpg
http://img716.imageshack.us/img716/833/buildsite14.jpg
http://img193.imageshack.us/img193/8818/buildsite15.jpg
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 705x624.
http://img534.imageshack.us/img534/7894/buildsite16.jpg
انتهي الان الموقع المبسط للمبتدئيين ويمكن تكبير حجمه وخصوصا الصفحة الرئيسية من مضاعفة الخلية الثانية مرتان أو اكثر على نفس المنوال مع عمل خلية فوتر اسفل مثل خلية البنر ووضع فيها صورة او كلام ويمكن وضعه على الانترنت الان.
http://img233.imageshack.us/img233/7041/fleche1j.gif
سوف يتم التكملة الموضوع للمتقدمين هنا ولكن سوف نكمل باقي الخطوات الموقع البسيط لعمل استضافة ثم رفعه على الانترنت حتي لاينتظر المبتدئيين في المشاركتين التاليتين مباشرة حتي لايتوه الموضوع.
http://img69.imageshack.us/img69/7865/ag0009021.gif
[المعذرة ... يمكن للأعضاء فقط أن يشاهدوا الروابط. ]
http://img233.imageshack.us/img233/7041/fleche1j.gif
شرح بعض القوائم الهامة والبعيدة عن كل مستخدم؟
قريبا إن شاء الله
1- قائمة Behaviors وهي من أهم القوائم المخفية في البرنامج وبه 13 خاصية تقريباً تسهل العمل وتعطيك مميزات وحركات ديناميكة إضافية في تصميم الموقع مثل :
jump menu + go to url
open browser window +set text of status bar
swap images +preload images
popup message +play sound
control properties in flash+chech plug-in
change property+change browser+ cal script
2- Hover Button هناك أزرار مخفية في هذه النسخة غير الأزرار الظاهرة الأخري للبرنامج Interactive Button
3- Banner ad Manager هناك خاصية مخفية أيضاُ ومن خلالها تستطيع عمل شكل إستعراضي متعاقب للصور.
4- Photo Gallery يمكنك هنا عمل ألبوم لصور توضع في الموقع ب4 طرق مختلفة مع بعض الإمكانيات الجميلة.
5- Backgrounf Sound عمل خلفية صوتية تعمل في خلفية الصفحة وخصوصاً ذات الإمتداد WAV , TAM, MID
6- Transition Page عمل تأثيرات عند الدخول أو الخروج من الصفحة بشكل جميل.
7- Movie In Flash Format إدخال فلاش
8- Video إدخال فيديو
9- أدخال أي مستند سواء من ملفات الأوفيس او بي دي إف
10- Marquee عمل نص متحرك كشريط الأخبار وطريقة تغيير إتجاه بدلا من اليمين أو اليسار سوف نجعله أيضا يتحرك إلي أسفل أو أعلي .
12- الارتباطات Heperlink وعملها بالتفصيل.
11- أكواد جاهزة
12- مولد شريط الاسكرول
الجزء الثاني
http://img69.imageshack.us/img69/7865/ag0009021.gif
يمكنك التسجيل على أي إستضافة تختارها أنت بطريقتك الخاصة وسوف تأخذ بياناتك منهم بخصوص FTP وعنوانها لكي تستخدمها في الدخول على ملفات موقعك من على البرنامج من على سطح كمبيوترك.
الجزء الثالث
http://img69.imageshack.us/img69/7865/ag0009021.gif
الان بعد أن صممنا الموقع وحجزنا إسم ومكان لرفع الموقع على الاستضافة جاء دور رفع الملفات على شبكة الأنترنت. وهناك برامج كثيرة لرفع الملفات وانا اخترت برنامج كويس بأعرف أعمل عليه وهو :
http://img69.imageshack.us/img69/7865/ag0009021.gif
Ipswitch WS_FTP Professional 2007
http://www.ar4up.com/uploads/images/ar4up-4c29c64e35.jpg
التحميل
http://img69.imageshack.us/img69/7865/ag0009021.gif
http://img85.imageshack.us/img85/8379/1212354.jpg (http://www.mediafire.com/download.php?dwi2o0wzgzy)
شرح تسطيب البرنامج مع تشغيل الكراك لجعله البرنامج مفعل
1- شرح التسطيب البرنامج بالصور
http://img69.imageshack.us/img69/7865/ag0009021.gif
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 696x528 وحجمها هو 81KB.
http://img85.imageshack.us/img85/9007/proxt.jpg
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 696x528 وحجمها هو 67KB.
http://img685.imageshack.us/img685/5568/pro1p.jpg
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 696x528 وحجمها هو 72KB.
http://img109.imageshack.us/img109/6126/pro2m.jpg
http://img233.imageshack.us/img233/7041/fleche1j.gif
2- طريقة تفعيل البرنامج بالكراك
عليك إغلاق الأنترنت وتشغيل البرنامج سوف يطلب منك التسجيل في هذه الحالة علينا فتح الكراك وهو باسم CR-WFP07 وهذه صورته
http://img714.imageshack.us/img714/2010/crackf.jpg
نضغط على زر license لتوليد رقم السريال للبرنامج ونضعها في البرنامج. ثم نأخذ الارقام الجديدة مرة اخري ونضعها في الكراك في الخانة الثانية ثم نضغط الزر generate قيتولد الرقم التفعيل نضعه في البرنامج فسوف ينتهي بالنجاح.
http://img200.imageshack.us/img200/7464/crack1.jpg
http://img233.imageshack.us/img233/7041/fleche1j.gif
جاء الان تشغيل البرنامج ورفع الملفات والصور فقط سوف تتكلم.
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 797x651.
http://img191.imageshack.us/img191/3425/ftpwi.jpg
http://img64.imageshack.us/img64/2703/ftp1s.jpg
http://img64.imageshack.us/img64/5376/ftp2a.jpg
http://img39.imageshack.us/img39/7292/ftp3.jpg
http://img130.imageshack.us/img130/7858/ftp4.jpg
http://img651.imageshack.us/img651/7044/ftp5.jpg
http://img189.imageshack.us/img189/4808/ftp6o.jpg
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 797x651 وحجمها هو 184KB.
http://img718.imageshack.us/img718/8993/ftp7.jpg
مبروك عليكم الموقع
http://img69.imageshack.us/img69/7865/ag0009021.gif
منقول للافادة
المصدر : منتديات المشاغب
صاحب الموضوع : sfee
http://img51.imageshack.us/img51/5732/42093729.gif
http://img697.imageshack.us/img697/4056/greatf.gif
http://img233.imageshack.us/img233/7041/fleche1j.gif
فهرس الموضوع
أولا : تصميم موقع الكتروني
- نبذة عن البرنامج الفرونت بيج 2003.
- 70 درس إسطوانة فديو فلاشية صوت وصورة بحجم صغير.
- تصميم موقع بسيط للمبتدئيين.
- تصميم موقع متقدم.
ثانيا : شرح حجز مساحة على إستضافة
ثالثا : شرح رفع ملفات الموقع على الإستضافة
http://img233.imageshack.us/img233/7041/fleche1j.gif
أولا : تصميم موقع الكتروني
هذا البرنامج تم شرحه كثيرا في معظم المنتديات ولكن هناك بعض الجوانب الأخري لم يتطرق لها أحد ونحاول هنا التطرق لها حتي يستطيع المبتدئيين أن يتعرفوا عليها ويستفيدوا منها في إنشاء موقع لهم شخصي أو تجاري مثل المحترفين.
ماهو برنامج الفرنت بيج 2003؟
http://img69.imageshack.us/img69/7865/ag0009021.gif
أسهل البرامج على الإطلاق لتصميم المواقع على الأنترنت وهو من عائلة الأوفيس ميكروسوفت حيث من إستعمل برنامج الوورد أو البوربوينت أو الإكسيل من قبل فسيجد أن التعامل معه في غاية السهولة.
http://img69.imageshack.us/img69/7865/ag0009021.gif
أين يوجد البرنامج ؟
Start - Programmes - Microsoft Frontpage
http://img69.imageshack.us/img69/7865/ag0009021.gif
كيف يمكن تحميل برنامج الفرونت بيج فقط ؟
أوعدة روابط
http://img196.imageshack.us/img196/1193/mediafiret.gif (http://www.mediafire.com/download.php?22dogydtkmy) http://img196.imageshack.us/img196/1193/mediafiret.gif (http://www.mediafire.com/download.php?x2wl1uognzu)
http://img196.imageshack.us/img196/1193/mediafiret.gif (http://www.mediafire.com/download.php?hlwj0mdwnhx) http://img196.imageshack.us/img196/1193/mediafiret.gif (http://www.mediafire.com/download.php?db1mnm05mnd)
Portable_Microsoft_FrontPage_2003_Arabic
http://img513.imageshack.us/img513/9726/downloadqi.gif (http://www.multiupload.com/QVTNLUFZR4)
هل يوجد تعليم بالصوت والصورة لبرنامج الفرونت بيج؟
نعم أكثر من 70 درس فيديو فلاشي شامل كل البرنامج بالصوت والصورة.
http://img233.imageshack.us/img233/7041/fleche1j.gif
http://img96.imageshack.us/img96/6554/frontpape.gif
http://img69.imageshack.us/img69/7865/ag0009021.gif
http://img196.imageshack.us/img196/1193/mediafiret.gif (http://www.mediafire.com/download.php?ngnawiknimm)
هل ممكن نظرة سريعة على واجهة البرنامج ؟
http://img233.imageshack.us/img233/7041/fleche1j.gif
شريط العنوان Title Bar
يوجد بهذا الشريط رمز البرنامج واسمه واسم صفحة الويب الحالية. كما يوجد 3 مفاتيح على الجهة اليمني شمفتاح الإغلاق ومفتاح الاستعادة والتكبير ومفتاح التصغير للبرنامج.
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 679x198 وحجمها هو 59KB.
http://img38.imageshack.us/img38/9286/titlebar.jpg
http://img69.imageshack.us/img69/7865/ag0009021.gif
شريط القوائم Menu Bar
يحتوي بهذا الشريط على القوائم الأساسية للبرنامج وقد تم تقسيمها حسب طبيعة وظيفتها إلي مجموعات . مثال جميع الخيارات التي تخص التعامل مع الصفحات توجد في قائمة File وكل عملياتالخاصة بالتكبير الخطوط وتغيير اشكالها داخل قائمة Format وهكذا.
http://img705.imageshack.us/img705/2430/menubar.jpg
http://img69.imageshack.us/img69/7865/ag0009021.gif
شريط الأدوات القياسية Standard Toolbar
يحتوي بهذا الشريط الأدوات القياسية الأساسية التي تستعمل بكثرة أثناء العمل مثل اداة الحفظ وأداة فتح ملف وهكذا الحال بدلا من فتح القوائم والبحث داخلها عن الأداة المراد العمل بها.
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 732x27 وحجمها هو 12KB.
http://img706.imageshack.us/img706/7376/standardtoolbar.jpg
http://img69.imageshack.us/img69/7865/ag0009021.gif
شريط أدوات التنسيق Formatting Toolbar
يحتوي على الأدوات التنسيق الأساسية مثل أداة التوسيط الخط وهي أدوات سريعة للتنفيذ العمل.
http://img43.imageshack.us/img43/2830/formattingtoolbar.jpg
http://img69.imageshack.us/img69/7865/ag0009021.gif
شريط الحالة Status Bar
يوجد اسفل واجهة البرنامج ويبين حالة البرامج الحالية وأيضاً يعرض التعليمات الخاصة بالامر المراد تنفيذه.
http://img717.imageshack.us/img717/2149/statusbar.jpg
http://img69.imageshack.us/img69/7865/ag0009021.gif
صفحة التصميم Page
وهي المساحة الخالية البيضاء التي في وسط البرنامج وفيها يتم اضافة كل محتويات الصفحة المصممة من خطوط وصور وجداوال وارتباطات وهي تأخذ 3 أشكال للتعامل معها.
Normal يمكنك التعامل مع صفحة التصميم مثل أي صفحة عادية مثل برنامج الوورد.
HTML يمكنك التعامل مع صفحة التصميم مثل تحرير بلغة الهوتميل حيث يم كتابة الاكواد بها.
Preview يمكنك هنا عرض صفحة المصممة كأنها تعرض على متصفح الاكسبلوور لإختبارها.
http://img193.imageshack.us/img193/503/pagegj.jpg
http://img69.imageshack.us/img69/7865/ag0009021.gif
لوحة المهام Task Pane
وهي من اللوحات المهمة وفيها يتم إنجاز بعض المهام بشكل أسهل وسريع ولإظهارها Ctrl+F1
http://img193.imageshack.us/img193/7416/taskpane.jpg
http://img69.imageshack.us/img69/7865/ag0009021.gif
تصميم الموقع يدوياً بالإعتماد على أنفسنا فقط
بداية سوف نعمل موقع يتكون من خليتين الأولي بنر + الثانية بها قائمة على الشمال وقائمة على اليمين وقائمة في الوسط وليكن الموقع عن شرح البرنامج الحالي مثل الصورة.
http://img233.imageshack.us/img233/7041/fleche1j.gif
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 652x421 وحجمها هو 74KB.
http://img38.imageshack.us/img38/5050/sitepicf.jpg
بداية قبل كل شيء علينا فتح مجلد باسم الموقع ونضعه على السطح ثم ننشيء داخله عدة مجلدات فرعية اخري مثل هذه الصورة كعملية تنظمية.
http://img233.imageshack.us/img233/7041/fleche1j.gif
http://img85.imageshack.us/img85/668/buildsite.jpg
http://img233.imageshack.us/img233/7041/fleche1j.gif
1- فتح صفحة جديد بيضاء عن طريق قائمة file - new.
2-عمل جدول حتي استطيع التحرك داخله والعمل بشكل منظم من قائمة table - insert - table وليكن من 2 صفوف و2 أعمدة .
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 652x421 وحجمها هو 45KB.
http://img97.imageshack.us/img97/3199/buildsite1.jpg
3- نحدد الخليتين وكليك يمين ثم دمج merge cells وهكذا للخلية الثانية ثم نقف على الثانية وكليك يمين ونختار تقسيم
الخلية 3 اجزاء.
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 652x421 وحجمها هو 70KB.
http://img535.imageshack.us/img535/6515/buildsite2.jpg
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 652x421 وحجمها هو 41KB.
http://img28.imageshack.us/img28/1770/buildsite3.jpg
4- ندخل في الخلية الاولي صورة كبنر أو نقسم الخلية إلي 3 أجزاء نضع صورتين وكتابة في المنتصف.
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 652x421 وحجمها هو 63KB.
http://img94.imageshack.us/img94/6250/buildsite4.jpg
5- نقف على الخلية الثانية اسفل اليمني ونعمل بها 6 صفوف لوضع فيها اسم المواضيع كليك يمين ثم spilt rows .وهكذا
للخلية اليسري.
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 652x421 وحجمها هو 58KB.
http://img189.imageshack.us/img189/3071/buildsite5.jpg
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 652x421 وحجمها هو 47KB.
http://img189.imageshack.us/img189/8446/buildsite6.jpg
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 669x491 وحجمها هو 80KB.
http://img40.imageshack.us/img40/7195/buildsite7.jpg
6- نكتب اسماء المواضيع المراد كتابتها في القائمة اليمني والشمال ونكتب اي معلومات كتابة في المنتصف مثل الوورد تماما وتنسيقات الخط كلها.
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 652x421 وحجمها هو 99KB.
http://img94.imageshack.us/img94/6059/buildsite8.jpg
7- بعد الانتهاء من العمل علينا إلغاء خطوط الجدول الكبير كليك يمين خصائص الجدول مثل الصورة .
http://img696.imageshack.us/img696/2536/buildsite9.jpg
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 678x401 وحجمها هو 99KB.
http://img9.imageshack.us/img9/6961/buildsite10.jpg
8- يمكن تكبير الخلية الثانية المكونة من 3 قوائم بالسحب من طرف اخر خلية ثم السحب لاسفل ونلاحظ خلية الصف اصبحت
كبيرة والخلايا الاخري صغيرة نعلم على كل خلايا الصف ثم من قائمة جدول نختار مثل مافي الصورة.
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 701x541.
http://img35.imageshack.us/img35/9824/buildsite11.jpg
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 702x541.
http://img715.imageshack.us/img715/7672/buildsite12.jpg
الان جاء وقت حفظ العمل من قائمة file - save as - وتسمي هذه الصفحة الرئيسية للموقع index وهي الام لكل الصفحات الاخري.لدينا الان صفحة تسمي رئيسية مبسطة أنشئت علينا الان عمل صفحات فرعية بعدد اسماء المواضيع في كل قائمة ونسمي كل صفحة باسم معيت لها ولكن باللغة الانجليزية ونربط بين هذه الصفحات الفرعية والصفحة الرئيسية.
لعمل صفحة فرعية من قائمة file - new ونكتب فيها تفاصيل الرابط الاول في القائمة اليمني على سبيل المثال وننسق الكتابات مثل الوورد ثم نحفظ هذه الصفحة ونكتب اسم جديد لها بدلا من index ولا ننسي حفظها داخل المجلد المسمي pages حيث توضع فيه كل الصفحات الرئيسية هنا. وهكذا نعمل صفحات جديدة باسم كل موضوع في القائمة اليمني واليسري ونحفظها باسم يخصها.
جاء الان موضوع الربط بين الصفحة الام والصفحات الرئيسية نقف على الصفحة الرئيسية عن طريق فتحها عن طريق البرنامج file - open ثم نقف على اول موضوع وليكن هنا شريط العنوان ونعلم عليه ومن قائمة insert - Heperlink يظهر هذا الشباك ونفعل كما في الصورة.
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 705x533.
http://img62.imageshack.us/img62/5120/buildsite13.jpg
http://img716.imageshack.us/img716/833/buildsite14.jpg
http://img193.imageshack.us/img193/8818/buildsite15.jpg
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 705x624.
http://img534.imageshack.us/img534/7894/buildsite16.jpg
انتهي الان الموقع المبسط للمبتدئيين ويمكن تكبير حجمه وخصوصا الصفحة الرئيسية من مضاعفة الخلية الثانية مرتان أو اكثر على نفس المنوال مع عمل خلية فوتر اسفل مثل خلية البنر ووضع فيها صورة او كلام ويمكن وضعه على الانترنت الان.
http://img233.imageshack.us/img233/7041/fleche1j.gif
سوف يتم التكملة الموضوع للمتقدمين هنا ولكن سوف نكمل باقي الخطوات الموقع البسيط لعمل استضافة ثم رفعه على الانترنت حتي لاينتظر المبتدئيين في المشاركتين التاليتين مباشرة حتي لايتوه الموضوع.
http://img69.imageshack.us/img69/7865/ag0009021.gif
[المعذرة ... يمكن للأعضاء فقط أن يشاهدوا الروابط. ]
http://img233.imageshack.us/img233/7041/fleche1j.gif
شرح بعض القوائم الهامة والبعيدة عن كل مستخدم؟
قريبا إن شاء الله
1- قائمة Behaviors وهي من أهم القوائم المخفية في البرنامج وبه 13 خاصية تقريباً تسهل العمل وتعطيك مميزات وحركات ديناميكة إضافية في تصميم الموقع مثل :
jump menu + go to url
open browser window +set text of status bar
swap images +preload images
popup message +play sound
control properties in flash+chech plug-in
change property+change browser+ cal script
2- Hover Button هناك أزرار مخفية في هذه النسخة غير الأزرار الظاهرة الأخري للبرنامج Interactive Button
3- Banner ad Manager هناك خاصية مخفية أيضاُ ومن خلالها تستطيع عمل شكل إستعراضي متعاقب للصور.
4- Photo Gallery يمكنك هنا عمل ألبوم لصور توضع في الموقع ب4 طرق مختلفة مع بعض الإمكانيات الجميلة.
5- Backgrounf Sound عمل خلفية صوتية تعمل في خلفية الصفحة وخصوصاً ذات الإمتداد WAV , TAM, MID
6- Transition Page عمل تأثيرات عند الدخول أو الخروج من الصفحة بشكل جميل.
7- Movie In Flash Format إدخال فلاش
8- Video إدخال فيديو
9- أدخال أي مستند سواء من ملفات الأوفيس او بي دي إف
10- Marquee عمل نص متحرك كشريط الأخبار وطريقة تغيير إتجاه بدلا من اليمين أو اليسار سوف نجعله أيضا يتحرك إلي أسفل أو أعلي .
12- الارتباطات Heperlink وعملها بالتفصيل.
11- أكواد جاهزة
12- مولد شريط الاسكرول
الجزء الثاني
http://img69.imageshack.us/img69/7865/ag0009021.gif
يمكنك التسجيل على أي إستضافة تختارها أنت بطريقتك الخاصة وسوف تأخذ بياناتك منهم بخصوص FTP وعنوانها لكي تستخدمها في الدخول على ملفات موقعك من على البرنامج من على سطح كمبيوترك.
الجزء الثالث
http://img69.imageshack.us/img69/7865/ag0009021.gif
الان بعد أن صممنا الموقع وحجزنا إسم ومكان لرفع الموقع على الاستضافة جاء دور رفع الملفات على شبكة الأنترنت. وهناك برامج كثيرة لرفع الملفات وانا اخترت برنامج كويس بأعرف أعمل عليه وهو :
http://img69.imageshack.us/img69/7865/ag0009021.gif
Ipswitch WS_FTP Professional 2007
http://www.ar4up.com/uploads/images/ar4up-4c29c64e35.jpg
التحميل
http://img69.imageshack.us/img69/7865/ag0009021.gif
http://img85.imageshack.us/img85/8379/1212354.jpg (http://www.mediafire.com/download.php?dwi2o0wzgzy)
شرح تسطيب البرنامج مع تشغيل الكراك لجعله البرنامج مفعل
1- شرح التسطيب البرنامج بالصور
http://img69.imageshack.us/img69/7865/ag0009021.gif
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 696x528 وحجمها هو 81KB.
http://img85.imageshack.us/img85/9007/proxt.jpg
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 696x528 وحجمها هو 67KB.
http://img685.imageshack.us/img685/5568/pro1p.jpg
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 696x528 وحجمها هو 72KB.
http://img109.imageshack.us/img109/6126/pro2m.jpg
http://img233.imageshack.us/img233/7041/fleche1j.gif
2- طريقة تفعيل البرنامج بالكراك
عليك إغلاق الأنترنت وتشغيل البرنامج سوف يطلب منك التسجيل في هذه الحالة علينا فتح الكراك وهو باسم CR-WFP07 وهذه صورته
http://img714.imageshack.us/img714/2010/crackf.jpg
نضغط على زر license لتوليد رقم السريال للبرنامج ونضعها في البرنامج. ثم نأخذ الارقام الجديدة مرة اخري ونضعها في الكراك في الخانة الثانية ثم نضغط الزر generate قيتولد الرقم التفعيل نضعه في البرنامج فسوف ينتهي بالنجاح.
http://img200.imageshack.us/img200/7464/crack1.jpg
http://img233.imageshack.us/img233/7041/fleche1j.gif
جاء الان تشغيل البرنامج ورفع الملفات والصور فقط سوف تتكلم.
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 797x651.
http://img191.imageshack.us/img191/3425/ftpwi.jpg
http://img64.imageshack.us/img64/2703/ftp1s.jpg
http://img64.imageshack.us/img64/5376/ftp2a.jpg
http://img39.imageshack.us/img39/7292/ftp3.jpg
http://img130.imageshack.us/img130/7858/ftp4.jpg
http://img651.imageshack.us/img651/7044/ftp5.jpg
http://img189.imageshack.us/img189/4808/ftp6o.jpg
http://vb.vip600.com/images/statusicon/wol_error.gifتم تصغير هذه الصورة تلقائياً. اضغط هنا لمشاهدتها بالحجم الطبيعي. المقاس الاصلي للصورة هو 797x651 وحجمها هو 184KB.
http://img718.imageshack.us/img718/8993/ftp7.jpg
مبروك عليكم الموقع
http://img69.imageshack.us/img69/7865/ag0009021.gif
منقول للافادة
المصدر : منتديات المشاغب
صاحب الموضوع : sfee
http://img51.imageshack.us/img51/5732/42093729.gif