شرح كامل فيديو بالعربي لشهادة Network+ 2009

شرح كامل فيديو بالعربي لشهادة Network+ 2009

تابع القراءة »

Posted in: شرح كامل فيديو بالعربي لشهادة Network+ 2009

سلسله الكامل لتعليم الجرافيكس 15 اسطوانه تعليمية

يسعدني أن أقدم لكم (الكامل في تعليم الجرافيكس) من انتاج شركة العريس للكمبيوتر وهي غنية عن التعريف

الكامل في تعليم الجرافيكس عبارة عن 15 اسطوانة تعليمية فيديو صوت و صورة بالعربي

الدليل المتكامل لإحتراف أشهر برامج الجرافيكس والطباعة والرسوم المتحركة

3 اسطوانات تعليم ثري دي ماكس (3d Max)

3 اسطوانات تعليم فوتوشوب (Photoshop)

3 اسطوانات تعليم فلاش (Flash)

اسطوانة تعليم ادوبي اليستليتور (Adobe Illustrator )

اسطوانة تعليم ادوبي افتر ايفييكت (Adobe After Effect)

اسطوانة تعليم ادوبي برميير (Adobe Premiere )

اسطوانة تعليم ادوبي انديزاين (Adobe Indesign)

اسطوانة تعليم ادوبي اكروبات ( Adobe Acrobat)

اسطوانة تعليم كوريل درو (Corel Draw)

تابع القراءة »

Posted in: التعليم الجرافيكس

ما هو الفيجوال بيسك

عندما تشاهد برامج وتطبيقات في مختلف المجالات كالرسم، معالجة النصوص او الحسابات الخ... قد تتسائل كيف تم عمل هذه البرامج؟ والجواب بكل بساطة هو عن طريق لغات برمجة Programming Languages.

هنالك العديد من لغات البرمجة باختلاف انواعها و Visual Basic هو عبارة عن احدى هذه اللغات. فعن طريق Visual Basic تستطيع انجاز افضل البرامج والتطبيقات التي تخدمك لانجاز ما تريده من حلول سواء كانت شخصية او تجارية.

نظرة تاريخية
في منتصف الستينات طورت لغة الـ BASIC على يد استاذين من معهد دارتموث Dartmouth Institute هما جون كيميني John Kemeny وتوماس كورتز Thomas Kurtz. وكان هدفها الاساسي هو للاغراض التعليمية للطلاب. حيث كانت لغة برمجة عالية المستوى High Level PL هدفها تبسيط برمجة الحاسبات الالية المعقدة الى عمليات سهلة وممتعة في الوقت نفسه لحل المسائل والخوارزميات. اما بالنسبة لكلمة BASIC فهي اختصار للجملة كود التعليمات الرمزية المتعدد الاغراض للمبتدئين Beginner's All-Purpose Symbolic Code. ولاقت هذه اللغة نجاحا وانتشارا بين اوساط المبرمجين المبتدئين لحلول المسائل والخوارزميات. حتى بدت تظهر العديد من الاصدارات المحسنة مثل: QBASIC و GWBASIC وكان افضلها True BASIC.

الانتقال الى Windows

في الماضي، كانت الطريقة الوحيدة للبرمجة تحت النظام Windows هي باستخدام اجراءات واجهة البرمجة او ما يعرف بـ API بالاضافة الى مجموعة ادوات التطوير SDK، وكانت تنجز هذه العمليات باستخدام لغات برمجة متقدمة كـ C. لكن مع التقدم الهائل لصناعة البرمجيات ، اصبح من ضروري تطوير المزيد من ادوات التطوير لانجاز المهام بطرق اسرع وافضل مما نتج عن لغات البرمجة المرئية Visual Programming Languages. وبكل بساطة، يعتبر Visual Basic لغة محسنة من الاصدارات القديمة للغات الـ BASIC هدفها الاساسي التوافقية مع نظام التشغيل Windows ويتم ذلك بعزل المبرمج بتعقيدات النظام Windows واجراءات الـ API عن تصميم برنامجه باسلوب مرئي سلس وسهل الاستخدام، بالاضافة الى المتعة الحقيقية في البرمجة! وتم تطوير Visual Basic على عدة مراحل او اصدارات وما زال في قيد التطوير.

Visual Basic 1
الاصدار الاول من Visual Basic كان محدود للغاية. ولم يكن موجه لتطوير التطبيقات الحقيقة لبيئة Windows. مع انه كان سهل الاستخدام ذو واجهة رسومية ولغة برمجة مرئية الى انه كان يعتبر كلعبة مسلية للمبرمجين.

Visual Basic 2
الاصدار الثاني من Visual Basic لم يظهر اي جديد باستثناء اضافة القليل من الخصائص ودعم افضل لبيئة التطوير المتكاملة IDE. لكن في تلك الفترة، ظهر مولود جديد وهو النظام Access 1.0 لقواعد البيانات العلائقية وكان كل تركيز شركة Microsoft هو الدمج بينهما.

Visual Basic 3
يعتبر الاصدار الثالث هو بداية طريق النجومية او الشهرة لـ Visual Basic! حيث قدم دعم لقواعد البيانات واصبح ذو نهاية مفتوحة بفضل الاضافات التي كنت تسطيع دمجها مثل VBX والتي تطورت فيما بعد الى OCX. ظهرت الكثير من التحسينات في بيئة التطوير المتكاملة IDE وهاجر مئات ان لم يكن الاف المبرمجين الى Visual Basic. وبدأت تلك اللغة كمنافس ضعيف لتطوير البرامج الحقيقية او التجارية لانه كان ما زال ينقصها المزيد.

Visual Basic 4
كان الهدف الاساسي من الاصدار الرابع هو مرحلة انتقالية الى Windows 95 او ان صح التعبير، القابلية لتطوير تطبيقات من نوع 32 bit. وكان اول اصدار من اصدارات Visual Basic تولد شيفرة للعمل تحت معالجات من نوع 32Bit. ليس هذا فقط! بل اضاف الاصدار الرابع امكانية لانشاء مكتبات من نوع ActiveX DLL والتي زادت في اسهم شهرة Visual Basic حتى اصبح معترف كلغة برمجة لانشاء تطبيقات حقيقية حيث اضاف الميزة التي انتظرها المبرمجون وهي البرمجة كائنية التوجه OOP لكنها كانت محدودة بسبب استطاعتك بانشاء الفئات Class فقط دون اي امكانية اضافية كتعدد الواجهات Polymorphism او الوراثة Inheritance.

Visual Basic 5
الاصدار الخامس كان بمثابة الاعلان الرسمي في ان لغة Visual Basic هي لغة برمجة لتطوير التطبيقات الحقيقية والتجارية. حيث اضاف العديد من انواع المشاريع كـ ActiveX Controls و ActiveX ********s وغيرها.. واضافة مزايا عديدة للتحكم بشيفرة ملف الـ EXE الذي يخيرك من تحويل الشيفرة المصدرية الى P-Code او Native-Code. بالاضافة الى التحسن الحقيقي لبيئة التطوير المتكاملة IDE والدعم الاضافي لقواعد البيانات.

Visual Basic 6
الاصدار السادس لا يختلف عن الاصدار الخامس كثيرا لكن هناك العديد من التحسينات وعلاج للشوائب Bugs التي كانت موجودة في الاصدار الخامس. من اهم الاضافات في الاصدار السادس هي الزيد في ادوات قواعد البيانات والمبنية على ADO. كذلك تحسن واضح في ادوات التحكم. وهناك العديد من التطوير في لغة البرمجة كدعم انواع البيانات المعرفة من قبل المستخدم UDT والزيد من الدوال Functions. واضافة المزيد من الويزارد Wizards ودعم لتطبيقات انترنت Internet. والكثير والكثير من التحسينات.

Visual Basic.NET
لغة جميلة لبرمجة الانترنت ولكنها ليست محور حديثنا .. وقد يكون هناك حديث عنها في المستقبل ان شاء الله تعالى

تقديم Visual Basic

Visual Basic اداة قوية وفعالة لتطوير تطبيقات متوافقة مع بيئة Windows. يوفر لك بيئة تطوير متكاملة سهلة الاستخدام لانشاء الحلول سواء كانت شخصية او تجارية في وقت قياسي عن طريق فلسفة البرمجة المرئية. حيث تصمم الشاشات ونوافذ برنامجك عن طريق نقرات وتحريكات خفيفة بالفأرة كأنك ترسم مربعات ودوائر باستخدام برامج رسم وغيرها.

Visual Basic ليس كما كان
لعلك سمعت كثيرا عن لغة الـ BASIC، وقد تجنب تعلمها بسبب حدودها التي تقصر امكانياتها كسائر لغات البرمجة. لكن مع الاصدارات الحديثة من Visual Basic فان الامر اختلف! فالان اصبحت امكانيات اللغة بلا حدود. وقابلية التطوير لا نهائية اي انه اصبح ذو نهاية مفتوحة. فعن طريق الاضافات Add-Ins وادوات التحكم الخارجية ActiveX Control ومكونات COM بصفة عامة، تستطيع انجاز كل ما استطعت انجازه باللغات المختلفة. فلاضافة مكون COM جديد لا يتطلب الامر منك سوى تحديد اسم وملف المكون ومن ثم استخدامه مباشرة!

التوافقية مع Windows
التطبيقات التي تنشئها بواسطة Visual Basic متوافقة 100% مع اصدارات Windows المختلفة. فالنواة الداخلية للتطبيقات المنشئة بواسطة Visual Basic هي عبارة عن سيل من اجراءات API التي عبارة عن روح نظام Windows. اما عن الدوال الاضافية التي توفرها لغة البرمجة فهي موجودة في مكتبة مستقلة MSVBVM60.DLL وهي المسؤولة عن تشغيل برامجك التي طورتها عن طريق Visual Basic.

حلول الانترنت
Visual Basic يوفر لك العديد من الحلول والخاصة بالانترنت. فيمكنك من انشاء ادوات تحكم ActiveX Controls يتم تنفيذها في صفحة ويب. او تصميم تطبيقات متقدمة كـ ActiveX ********s للعمل على متصفح Internet Explorer. المزيد ايضا، Visual Basic يوفر لك بيئة تطوير خاصة لتطوير تطبيقات انترنت سواء كانت للعميل Client كتطوير تطبيقات من نوع DHTML Applications او للخادم Server كتطوير تطبيقات ASP Applications.

مستقبلك مع Visual Basic حقق Visual Basic شعبية لا مثيل لها بين مطوروا التطبيقات تحت بيئة Windows. والفرص الوظيفية لمبرمجي Visual Basic هي الاعلى. كذلك، المواقع التي تناقش هذه اللغة في زيادة اسية! واعداد المبرمجون المهاجرون الى Visual Basic يومي الزيادة. المزيد ايضا، ادوات التطوير الخاصة بـ Visual Basic كمكونات COM في كل مكان ويكفيك وجود اكثر من ثلاث مجلات عالمية تناقش هذه اللغة!! وهذا Visual Basic.NET قرب ان تبصر اصدارته النهائية النور، والتي بدورها طريقك الى محاذاة الركب وتطوير تطبيقات انترنت الذكية.

الانتقال الى Visual Basic

اذا سبق البرمجة تحت بيئة Windows بلغة اخرى كـ Delphi او Visual C++، قد تجد هنا دليلك السريع للانتقال الى Visual Basic.

لغة البرمجة
لغة البرمجة BASIC هي الجذر الاصلي للبرمجة بـ Visual Basic. فمعظم الصيغ العامة Syntax كعبارة If او حلقة For ... Next لم تتغير. لكن هنالك بعض الامور التي تغيرت كي تتناسب مع بيئة نظام Windows فلا تتوقع وجود الاجراء Locate. بصفة عامة، الدوال المبنية Built-in functions قد تغيرت تغير كلي، وتم اضافة مئات الدوال الجديدة التي لابد من التأقلم مع بيئة Windows. ابحث في مكتبة ADL عن هذه الدوال. بالاضافة الى ذلك، تطورت هذه اللغة تطور كبير حتى اصحبت OOP تقريبا. فمبدأ الـ Encapsulation والـ Polymorphism مدعومة بشكل ممتاز عن طريق اضافة ملفات مستقلة بالامتداد .CLS لملفات الفئات ام تعدد الواجهات فيتم عن طريق اضافة الكلمة المحجوزة Implement فقط وتصبح الفئة قابلة لاشتقاق واجهة من اخرى.

الرسائل Messages واجراءات API
لن تحتاج الى استخدام الالاف الثوابت لقنص رسائل النظام كـ WM_CLICK وغيرها. فمع Visual Basic يكفي ان تضع الاداة على النافذة وتنقر عليها نقرا مزدوجا لتعرف اجراء يمثل اسم الاداة والرسالة المراد قنصها. في عالم Visual Basic يعرف هذا النوع من الاجراءات بالاحداث Events. حيث تحتوي كل اداة على مجموعة احداث خاصة بها بمثابة الرسائل الموجودة في لغات البرمجة الاخرى. اما بالنسبة لـ Windows API فتستطيع الوصول لهذه الاجراءات عن طريق تعريف الدالة باستخدام الكلمة المحجوزة Declare مع تضمين المكتبة الديناميكية الموجود فيها الاجراء كـ User او GDI.

برمجة الكائنات المكونة COM لا يتطلب منك الامر الى الدخول في التفاصيل وتعريف واجهات IUnknown وغيرها لبرمجة المكونات COM. حدد المشاريع من نوع ActiveX وبرمج بنفس الطريقة العادية وستنجز مكونات COM حقيقية بسهولة شديدة. الواجهات Interfaces تتم عن طريق تعريف الفئات Classes فلا يوجد حاجة الان لاستخدام لغة تعريف الواجهات IDL. اما عن مسارات التنفيذ Threading فتستطيع التحكم وتحديد نوعه فيما اذا كنت تريد مسار تنفيذ فردي Single او متعدد Multi عن طريق صندوق حوار خصائص المشروع Project Properties.

المترجم Compiler يوفر لك Visual Basic خيارين للترجمة هما P-Code و Native Code. مع خيارات ممتدة للنوع الثاني. كما يدعم مترجم Visual Basic معالجات Pentinum Pro دعما كاملا للاستفادة من المعالجات الرياضية بها وغيرها.

تابع القراءة »

Posted in: ما هو الفيجوال بيسك

تعريف البرنامج الخارق 3D MAX

و هو التعريف الكامل و خصوصيات البرنامج الخارق 3D MAX

ما هو 3D Studio Max :
هو بيئة متكاملة تقدم لك إمكانيات واسعة للتصميم و التحريك و إنتاج الأعمال التجارية و الشخصية الخاصة بمجال CG " كمبيوتر جرا فيك " و هو شبيه بعالم متكامل يمكنك أن تنشأ فيه عناصر ما سواء خيالية أو أليه أو حقيقية .
و يمكن تحريكها و إعطائها الحياة "الشكلية" و يمكن إعطائها مظهر أو ملمس ما بحيث تطابق الواقع أو مخيلة الفنان العامل عليه.
هذا البرنامج هو عبارة عن أدوات و مواد خام و أراضي فارغة يسيطر الفنان " مستخدم البرنامج " عليها و يطوعها ب الشكل الذي يريده لإنتاج و صناعه شيء ما . و هذا الشيء يبدأ بصوره بسيطة لصندوق ويمر على صناعه فيلم و ينتهي بانتهاء مخيلة الفنان .
و إذا أردنا تعريفه فيكون 3D Studio Max : عالم بلا حدود سواء فنيا أو ماديا أو ماليا" ممكن أن تجني منه المال ".

أقسام 3D Studio Max :
كما ذكرت سابقا أنه عالم لا محدود و هذا يعطينا انطباع أنه ضخم و كبير و هذا صحيح لهذا تم تقسيم العمل علية لعده أقسام بحيث يختار الفنان قسم يفضله أو عده أقسام يعمل عليها , و لكل قسم عده اتجاهات ولكل قسم عده أدوات ووله فنه الخاص و تقنياته الخاصة و كتبه الخاصة و أساتذته أيضا , تسلسل معقد مرتبط ببعضه .
و هذه الأقسام أو العناوين الرئيسية لهذا البرنامج مرتبه ب الترتيب المنطقي الحرفي له بحيث كل قسم يستمد من قبله شيء
Modeling
و بالعربي النمزجة أي صناعه شيء ما سواء شخصية أو مكان أو عنصر أو كتله " حصان فيل شاشة قلم جبل"وهو يشبه النحت في العالم الحقيقي أو البناء أو التركيب و هو إلى حد كبير مطابق له بمعنى إنك لو كنت نحاتا ستبدع في نمزجه الشخصيات و لو كنت نجارا أو لديك إطلاع على هذه المهنة سيكون إنتاجك في هذا الاختصاص أكثر واقعيا .
لهذا كلما كان لديك إطلاع على كيف تصنع الأشياء كلما أبدعت أكثر
Animation

و هو التحريك بكل أشكاله سواء تحريك شخصيه أو عنصر أو مادة ما , الاستعانة به يعطي العمل حياه وواقعية أكثر. وللتحريك اتجاهات كما لباقي الأقسام فإما أن يكون واقعي "مطابق للواقع في كل تفاصيله " أو يكون نموذجي يفي ب الغرض أو مبالغ فيه لهدف ما
Lighting

الإضاءة وهي باختصار شديد تجسد الاضائة الحقيقية سواء الكهربائية أو الطبيعية مثل الشمس أو القمر لأن العالم بلا إضائه سيكون أسود و هذه قاعدة موجودة في علم Max تخيلوا الأشياء من غير إضائة .
Materials

هي مسمى للقسم الذي يختص بإعطاء المواد شكلها و لونها و طبيعتها و بالعربي إكساء و سميت هكذا لأنها تغطي العنصر بطبقة توحي للناظر إليه نوع العنصر و ملمسه و طبيعته و هي عمليه إيحائه بصرية و ليست فيزيائية
وذكرت هذه النقط لأمهد لـ Materials لأنه عمليه خده يستعمل الفنان عده أشياء ليحصل على مادة ما يريدها
و لكن في أيامنا هذه تطور هذا المفهوم فأصبحنا نرى مواد " Materials " محدده تحت عنوان مثل " ماء أو زجاج أو ذهب " .
Textures

وهي أحد المواد التي تستعمل في عمليه الإكساء " Materials " و هي باختصار صوره أما حقيقية أو مصممه و مرسومة باستعمال أحد برامج الصور مثل “Photoshop” مثال:
لو صنعنا جسم مستطيل الشكل و قمنا بإكسائه صوره Textures خشب فيكون النتيجة لوح خشبي و لو قمنا بإكسائه بصوره جدار غير مدهون ستكون النتيجة كتله إسمنتية و هكذا .

Render

بالعربي التصيير وهو إخراج العمل إلى الحياة الواقعية على شكل صوره أو فيديو أو مخطط و ب التأكيد له فكره الخاص و أساسياته و قواعده و أدواته , و بما أننا تقول أنه باب لخروج العمل للحياة الواقعية فإنه يجب أن يراعا قدر الإمكان خروجه ب الشكل المرضي لمشاهديه و حتى لا أصعب الأمر سأدلك على أفضل طريق على الإطلاق يعلمك فن إخراج و تصيير عملك بالإضافة لفوائد كثيرة ألا وهي أن تراقب ما خلق الله و كيف رتب و لون و اختار الأشياء

فكر 3D Studio Max :
كما ذكرت سابقا أنه عبارة عن أدوات و مواد خام و مكان مثال
كتله خشب و منشار أو كتله صخرية و مطرقة
يمكنني أن أبدأ بقص الخشب و أصنع منه باب بينما شخص أخر يصنع منه شكل فيل نفس القطعة الخشبية و بنفس المنشار كل شخص يصنع شيء و لكل شخص طريقة خاصة و لكل شخص جوده خاصة قد ألون الباب الذي صنعته بألوان فاقعة و خطوط عريضة فيصبح كرتوني الشكل بينما الشخص الأخر ألبس القطعه الخشبية صوره فيل فأصبح شكلها فيل .
إذا هذا البرنامج و البرامج المشابه مثل Maya تعتمد على مدا الإطلاع و العلم بالشيء و القدرة على التخيل و التشبيه أكثر من الاعتماد على الأداة بحد ذاتها
قد يكون المنشار هنا كهربائي و الأخر يدوي , صاحب الكهربائي أسرع في إنتاج عمله و أقل تعبا و لكنه قد يسبب له هذا بعض الأخطاء كونه كهربائي و سريع لا يعرف رحمه بينما صاحب اليدوي يتعب أكثر و يأخذ وقت أطول و لكن نسبه الأخطاء أقل .
هذا مثال يوضح فر وقات البرامج إلى حد ما لهذا أقول أن الحكم على المنتج و ليس على البرنامج على النتيجة و ليس على الأداة على العقل و ليس على الجسم , عندما تفتح البرنامج يقول لك : شبيك لبيك الماكس بين يديك و الباقي عليك ثم يسكت حتى النهاية

تابع القراءة »

Posted in: تعريف البرنامج الخارق 3D MAX

تعريف لغة JavaScript .... HTML

تعريف لغة الـ html
لغة الـ HTML هي أكثر لغة برمجة مستخدمة في مجال الانترنت ، حتى وقت قريب كانت كل صفحة تزورها مكتوبة بلغةHTML ، و HTML اختصار لـ Hyper Text Markup language وهي صممت خصيصا للانترنت ليمكن للمواقع أن تعرض المعلومات على الانترنت حول العالم . أما XHTML هي تقريبا متشابهة ولكن تتبع قواعد XML ولكن الفارق الأساسي بين الـ HTML و XHTML هو ما يسمى بالحالة الحرفية ( Sensitive Case) والحاجة الى انهاء أو قفل الوسوم tag وأيضا الحاجة الى استخدام علامات اقتباس ' ' مع كل العناصر الموجودة داخل الوسوم ويجب أن تكون الحالة الحرفية لهذه العناصر منخفض اي small letters مثل ال xml . يستخدم XHTML للتوافق مع لغة XML ، باتباع هذه القواعد يكون من السهل البرمجة باستخدام XML في المستقبل . ليس من الصعب تحويل صفحة HTML الى XHTML ولكن بمرور الوقت ستتمكن من هذا ، ابحث عن فواصل الصفحات والصور لتضعها في وسوم tag مغلقة ، قم بتحويل اي حالة حرفية من العالي إلى المنخفض بمعنى أخر إذا كانت حروفcapital قم بتحويلها إلى small هذا في حالة الحروف اللاتينية ، وأي تعارض يمكن أن يثقل أو يبطيء من عمل الXHTML ، وينصح للمبرمجين بتذكر هذه القواعد في ذاكرتهم للإستخدامات المستقبلية .

متى يجب أن تهتم بالـ XHTML بدلا من استخدام لغة HTML المبسطة ؟ لو كان الموقع يحتوي على فهرس للموضوعات كالموجودة في مواقع التجارة الالكترونية ، وإذا كان الموقع يتعامل مع قواعد البيانات ، أو كان يتيح معلومات تأتي من مصادر أخرى ولكن تتعامل مع لغات برمجة مختلفة عن اللغة التي قمت باستخدامها في موقعك ، أو يتوقع أن يظل هذا الموقع ينمو ويتطور لسنين عديدة . XHTML عادة ما يستخدم لمواقع الأعمال الكبيرة ، و يحل محل الـ HTML . مصطلح Dynamic HTML ليس مصطلح معياري معرف من قبل جمعية تحديد معايير شبكة الانترنت ( World Wide Web Consortium W3C ) هو فقط مصطلح تجاري ، اطلقته شركتي نت اسكيب Netscape وميكروسوفتMicrosoft لشرح التقنية الجديدة التي يدعمها الجيل الرابع من متصفحات الانترنت . ان DHTML هو مجموعة من التقنيات لجعل صفحة الويب ديناميكية ، وعند معظم الناس يعتبر اتحاد ما بين الإصدار الرابع للغة ال HTML و صفحات تنسيق النص Style Sheets ، والجافا سكريبت JavaScript . ويعتبر موقع Dynamic Drive من أهم المواقع على شبكة الانترنت والتي يمكن لك أن تحصل فيها على أكواد وسكريبتات مجانية لتعزيز موقعك




تعريف لغة JavaScript ؟


هي لغة كتابة نصوص برمجية لجانب المستضيف وتعتمد الكائنات ويمكنك استخدامها لجعل صفحات الويب أكثر ديناميكية. أتت JavaScript كجهد مشترك بين شركة Netscape وشركة Sun , لقد تم إعلان اللغة الجديدة في العام 1995 , إن لغة كتابة نصوص برمجية لجانب المستضيف تعتمد الكائنات ويمكنك استخدامها لجعل صفحات الوب أكثر ديناميكية . ملاحظه/يتم تشغيل لغة JavaScript مباشرة عبر المستضاف الذي يستخدمه المتصفح وهو برنامج استعراض الوب دون الحاجة لوسيط أو خطوات إضافية لإرسال واستخراج المعلومات من ملقم الوب. * الإطار أو الشكل العام لـ JavaScript

<html>
<body>
<script language="JavaScript">
……..
</script>
</body>

وضع JavaScript في ملف HTML * استخدام الوسوم Script في HTML يتم استخدام الوسوم Script لأخبار برنامج الاستعراض أين ستبدأ بعض أنواع لغات كتابة النص البر مجي وأين ستنتهي في مستند HTML , في أكثر أشكالها شيوعا , تظهر الوسوم Script مثل اى مجموعة أخرى من الوسوم HTML .

<script>
JavaScript code here
</script>

ملاحظه/بعكس لغة HTML فأن لغة JavaScript حساسة لحالة الأحرف . •إخفاء شيفرة JavaScript عن برامج الاستعراض الأقدمما الذي يحصل عندما يزور احدهم صفحتك باستخدام برنامج استعراض قديم لا يعتمد JavaScript ؟ .. إذا لم تكن حريصا قد يتم إظهار المحتويات الكلية لشيفرة JavaScript لديك على الصفحة كنص واضح , لمنع حصول هذا الأمر يمكنك إخبار برنامج الاستعراض لكي يتجاهل ما يلي بوضع تعليقات على HTML بين وسمي Script للفتح والإغلاق.

<script language="JavaScript">
<!--
JavaScript code here
//-->
</script>

أن الشرطتين المباشرتين أمام رمز إغلاق التعليق في HTML هما رمز التعليق في JavaScript

تابع القراءة »

Posted in: تعريف لغة JavaScript .... HTML

ماهو برنامج الفوتوشوب ..photoshop

ماهو برنامج الفوتوشوب ..photoshop يعتبر برنامج الفوتوشوب أحد البرامج المتخصصة في تحرير ومعالجة الصور من حيث تعدد إمكاناته ... واحتوائه على العديد من الأدوات التي تجعل عملية تحرير الصور بشكل سهل وسريع مع الدقة .. إن الغاية الأساسية للعمل على هذا البرنامج هو التعديل والتغير والتحرير في الصور , سواء كان ذلك من خلال تعديل في الألوان أو تصحيحها أو إضافة بعض التأثيرات التي تفيد الصور بحيث يصل بك إلى أفضل النتائج للصورة التي تقوم بالتعديل عليها . تعد أولى الخطوات للتعامل الصحيح مع عالم الجرافيك .. هي معرفة قدر من المعلومات الأساسية عن ذلك العالم .. وكذلك التفريق بين أنواع الجرافيك المختلفة إلى حد كبير .. الفرق بين برامج التلوين والرسم .. هناك نوعان مختلفان من الجرافيك , ويعتبر فهم المبادئ الأساسية لهذين النوعين أمر ضروري للتعامل مع كل منهما , لأن الاختلاف الكائن بينهما ليس مجرد اختلاف نوعي , حيث إن لكل برنامج مهاراته الخاصة , فأحدهما يعمل بأدواته على إنشاء الرسم .. والآخر يعمل على إضافة بعض المؤثرات والتلوين على الصور , فمثلاً إذا كنا في حاجة إلى إعادة رسم logo ( شعار ) فإن برامج التلوين Bitmap graphics هنا لا تفي بالغرض على الوجه الأكمل , ولكن برامج الرسم Vector graphics تؤدي تلك المهمة في يسر وسهولة .. أما إذا كان لدينا صورة , ونريد تغيير بعض ألوانها , أو تعديل بعض أجزائها , أو تغير الخلفية , أو إضفاء بعض المؤثرات بشكل جمالي عليها فلا تفي برامج الرسم Vector graphics بهذا الغرض بنفس كفاءة برامج التلوين Bitmap graphics . ومن المثالين السابقين : تتضح لنا اهمية هذين النوعين من برامج الجرافيك , ومدى ارتباطهما معاً , فلا يمكن لنا أن نعمل في مجال التصميمات دون الحاجة إلى برامج التلوين Bitmap graphics والرسم Vector graphics معاً , ويشترك هذان النوعان في كونهما من البرامج ثنائية الأبعاد .. برامج التلوينBitmap graphics هي بشكل تقني تُسمى بالصورة المستطيلة , وتستخدم مجموعة من الألوان تعرف باسم النقاط التليفزيونية pixels , وتعتبر كل نقطة تليفزيونية pixels مصممة لموقع معين , وقيمة لونية . كما تسمح لنا هذه البرامج بإجراء بعض التغيرات في الصورة فمثلاً : عناصر أي صورة على سبيل المثال , عبارة عن مفردات شكلية بإضافة إلى الألوان بنسبها المختلفة , أضف إلى ذلك الإضاءة , الإظلام , الظل بالدرجات المتفاوتة والزوايا المختلفة . فعند استعمال برامج التلوين Bitmap graphics وإعمال مفرداتها لإضافة بعض المؤثرات الخاصة سواء كان ذلك بشيء من التفصيل , أو بشكل عام , وذلك لأنها تظهر درجات مقبولة للألوان والظلال وتعتبر صورة مقيدة , لأنها تحتوي على عدد ثابت من النقاط التليفزيونية , ونتيجة لذلك قد نفتقد هذه البيانات درجة الوضوح إذا ظهرت على الشاشة , أو عند طباعتها , ويكون وضوحها منخفضاً عن المستوى الذي شكلت من أجله . برامج الرسم Vector graphics وتتشكل الرسومات المتجهة Vector graphics من خطوط ومنحنيات تعرف بطريقة الأشكال الحسابية ة وتسمى المتجهات , وتصف المتجهات الصورة وفقاً لأرقام هندسية , ورسومات المتجهات ذات استقلالية في الوضوح , فيمكن إظهارها بأي حجم وطبعها في أي درجة من النقاء بدون فقد البيانات ووضوحها . ونتيجة لذلك تعتبر الرسومات المتجهات Vector graphics أفضل اختيار للرسومات الجيدة التي تحتفظ بشكل الخطوط المتعرجة عند عرضها في مختلف الأحجام مثل استخدامها في تطبيق الشعار . وفي جميع الأحوال يمكن طباعتها أو عرضها بأي درجة من الوضوح بدون فقد التفاصيل . كما تتيح لنا هذه البرامج كامل الحرية في تحديد حجم الرسم سواء بالتكبير أو التصغير بعد الانتهاء منه دون التأثير على الشكل العام أو على درجة الدقة ولكننا لا نستطيع عمل هذا في برامج التلوين Bitmap graphics لأنه في حالة تكبير الصورة يكبر معها حجم النقاط pixels وتصبح ملامح الصورة غير واضحة . ويعتبر برنامج الفوتوشوب من برامج التلوين Bitmap graphics .

تابع القراءة »

Posted in: ماهو برنامج الفوتوشوب

شرح البرنامج فلاش

نبذه عن البرنامج و اصداراته

للتأريخ فقط , بدأ برنامج الـ flash من برنامج اولى يدعى FutureSplash Animator

و ظهرا لبرنامج من شركه صغيره تدعى FutureWave Software عام 1995

و تميز البرنامج بأنه يقوم بالرسم عن طريق الـ vector * و تحريك الرسومات

بطريقه الـ Frame by Frame * , ثم اشترته شركه Macromedia و طورته ليظهر

بأسم Macromedia Flash , و كانت اصداراته كالتالى

Macromedia Flash 1

و كان اصداره فى اواخر 1996

Macromedia Flash 2

منتصف 1997

Macromedia Flash 3

منتصف 1998

Macromedia Flash 4

منتصف 1999

Macromedia Flash 5

اواخر عام 2000 , و هو ما شهد ظهور الـ actionscript 1.0

بعدها جاء الاصدار التالى

Macromedia Flash MX

و هو ما يسمى بالاصدار السادس , و جاء فى اوائل عام 2002

ثم الاصدارين

Macromedia Flash MX 2004

Macromedia Flash MX 2004 Professional

و هما يعرفان بالاصدار السابع , و شهد الاصدار ظهور الـ actionscript 2.0

اواخر عام 2003

ثم الاصدارين

Macromedia Flash Basic 8

Macromedia Flash Professional 8

و هما نسختى الاصدار الثامن , و جاء الاصدار اواخر 2005

اما النسخه الاخيره فجائت بعد شراء شركه Adobe

لشركه Macromedia ليظهر الاصدار

Adobe Flash CS3 Professional

و هو ما يعرف بالاصدار التاسع , و جاء فى منتصف 2007

و تم فيه تدشين الـ actionscript 3.0

و اخيرا الاصدار الذى انتظره بفارغ الصبر و هو

Adobe Flash CS4

او الاصدار العاشر , ذو الاسم الكودى Diesel

أستخدامات البرنامج و تطبيقاته

فى بدايات البرنامج , استخدم فى عمل الـبانرات Banners الدعائيه , و اعلانات

الويب web advertising , و هيدرات المواقع Headers , و بعض العروض البسيطه

للمنتجات و الاسطوانات التعليميه presentations , و البطاقات الصوتيه e-cards

منذ ظهور لغه البرمجه المدمجه بالبرنامج actionscript 1.0 و اتجه المصممين لمجال

تصميم المواقع الكامله web building , و تصميم الألعاب games و تصميم واجهات

المواقع التفاعليه و الهيدرات interactive interface and header , الى تصميم بعض

البرامج البسيطه programing

السؤال الان , لماذا فى وجود لغات برمجه قويه مثل الـ c و الـ ++c و الـ #c و خلافه

احتاج لتصميم برنامج بلغه برمجه حديثه و ضعيفه نسبيا مثل الـ Actionscript ??

لأن التطبيقات و البرامج المصممه بالـ flash تمكنك من عمل واجهه للبرنامج تجذب

المستخدم , و هو ما يسمى الـ visualization , اما الميزه الاساسيه و هى انك تقدر

تعمل برنامج بسيط , لا يحتاج لتنصيب setup و يمكن عرضه مباشره فى صفحه الانترنت

قوه برنامج الـ Flash

يعتبر برنامج الـ Flash بإصداراته الكثيره اقوى البرامج على الاطلاق فى تصميم ملفات

الـ flash , تبدو الجمله مبهمه جدا

لكن يجب ان نعرف انه يوجد العديد و العديد من البرمج التى تقوم بنفس دور البرنامج

مثل الشقيق الاصغر Swish Max مثلا , الاكثر شعبيه على الاطلاق بين المبتدئين , و

يوجد ايضا الـ Swift 3d الذى يعتبر من حلقات الوصل بين الـ flash و البعد الثالث , و يوجد

برنامج ايضا اسمه Flash Menu labs يختص بعمل قوائم و ازرار فلاشيه فقط

لكن يعتبر الـ Adobe Flash cs3 و الاصدارات السابقه هى الاقوى و الاكثر احترافيه و طبعا

الاصعب على المستخدم للأسف

تقنيه البرنامج , Technology

يتيح لك برنامج الـ flash واجهه رسم تعتمد على الرسم بنظام الـ vector , و هو غير نظام

الـ Pixel الذى يعتمد عليه برنامج الـ Photoshop مثلا

لتوضيح الفارق سنتخيل اننا قمنا برسم خط بكلا البرنامجين , برنامج الـ Photoshop سيقوم

بتحديد عدد كبير جدا من النقط لتكون خط , و لكن عند تكبيرها بدرجات عاليه ستلاحظ ان

الخط يتكون من مجموعه من المربعات المتراصه جنبا الى جنب و هو ما يسمى بالرسم

عن طريق الـ Pixel

اما الخط الذى رسم بواسطه الـ Flash مثلا فيرسم عن طريق معادله رياضيه تعبر عنه , و لا

يتأثر مطلقا بتكبير الصوره

فى نهايه هذا النظره العامه على برنامج الـ Flash , احب ان أؤكد انها نظره عامه على البرنامج

و ليست مقارنه بين الـ Flash و الـ Swish , و التى كثيرا ما يطلبها المستخدمين لتحديد اى من

البرنامجين ليعمل عليه

تابع القراءة »

Posted in: شرح البرنامج فلاش

شرح دريم ويفر وكيف تصميم موقع

إنّ ما يعرفه الجميع عن برنامج الـ Macrodedia Dreamveaverهو أنه برنامج قوي يحتوي على أدوات قوية لتصميم
صفحات المواقع على الويب.. ولكن قد لا يكون الأغلبية قد اطلعوا على المميزات الجديدة لتحرير الصور في برنامج
ال دريم ويفر.. والتي تم اضافتها في النسخ الجديدة التي تم اطلاقها مؤخرا..

ففي النسخ القديمة.. كان على مصمم المواقع أن ينتقل إلى الماكروميديا فايرووركس ليتمكن

من تحرير الصور التي يود إضافتها في موقعه.. ومن ثم يضيفها مرة أخرى في البرنامج

بعد أن يقوم البرنامج بتهيئة الصفحة من جديد لإظهار ما تم تغييره في الصور المعدلة..

وبالتأكيد عملية الانتقال بين برنامجين مختلفين تعد عميلة مزعجة دائما أثناء العمل..

أما الآن وفي النسخ الجديدة لبرنامج الدريم ويفر.. أصبح من السهل إجراء التعديلات

الأساسية على الصور دون الحاجة لاستخدام تطبيقات أخرى.. ولكن هذا لا يعني بالتأكيد

أن هذه التأثيرات تستطيع أن تحل مكان البرامج المعروفة كالفوتوشوب والفايرووركس

بما تحويه من أدوات قوية لمعاجة الصور بشكل أفضل وأدق.

التعريف بأدوات تحرير الصور في دريم ويفر إم إكس:

من التأثيرات المتوفرة في برنامج دريم ويفر إم إكس لمعالجة الصور :

* القص / Crop :

حيث يتم تصغير مساحة الصورة الأصلية.. وذلك بقص الأجزاء الغير مهمة منها للتركيز على ما هو مطلوب.

* إضافة العينات (pixels) / Resample:

ويتم ذلك بتكرار إضافة صف من البيكسلات وأخذ أقرب الألوان بعد قيامنا بتغييرات في قياس الصورة ( سواء بتكبيرها أو تصغيرها)..

وهذا يؤثر في درجة وضوح الصورة.. ويتم ذلك فقط في الصور ذات الإمتداد jpeg. و gif. .. واستخدام هذه الأداة يعمل على زيادة

(عند التكبير) أو تقليل (عن التصغير) حجم الصورة الأصلي.

* درجة الوضوح / Brightness/Contrast:

حيث يتم تغيير درجة وضوح البيكسلات في الصورة.. وهذا يؤثر على إضاءة، ظلال ولون الصورة.. وعادة ما تستخدم

هذه الأداة عندما تكون الصورة داكنة أو فاتحة جدا.

* حدة الصورة / Sharpen:

عامل تصفية لزيادة حدة الأطراف ويؤثر بشكل خاص على الخطوط الخارجية للعنصر المصور، ويتركز عمله بالعنصر

أقل مما يمس عامل التصفية العادي.

إن أدوات تحرير الصور في دريم ويفر تنتطبق فقط على الصور ذات الامتداد jpeg.

و gif.

كيفية استخدام كل أداة:




ملاحظات قبل البدأ :

عند اختيار الصورة في دريم ويفر والتي ترغب في إجراء التغييرات عليها.. سوف تتغير لوحة المفاتيح properties panel

1- والموجودة أسفل نافذة العمل.. إلى لوحة مفاتيح تحوي جميع الأدوات الخاصة بالصور

2- لتغيير مقاس الصورة ( أي تكبيرها أو تصغيرها).. قم بوضع الماوس عند الأماكن المحددة على الصورة وهي بالشكل &#9642 ..

3- واضغط بشكل مستمر على زر الفأرة الأيسر وقم بالسحب سواء للتكبير أو التصغير.. سوف تلاحظ عند إجراء هذا التغيير..

4- أن الأرقام الموجودة في خانتي الطول H والعرض W قد تغيرت.. كذلك تستطيع تغيير مقاس الصورة بتغيير الأرقام الموجودة

5- في هاتين الخانتين .. ولكن حجم الملف الأصلي لن يتغير بهذه العملية، ستجد حجم الملف على يسار هاتين الخانتين ..

6- ولكي تعيد الصورة إلى ما كانت عليه.. قم بالضغط على زر الـ ******* الموجود في لوحة الخصائص

3- عند إجراء التأثيرات الخاصة بمعالجة الصور وهي القص، إضافة العينات، درجة الوضوح وحدة الصورة.. فإن هذا سيؤثر

على الملف الأصلي للصورة.. لذى عليك أن تتأكد قبل إجراء هذه العمليات، أن يكون لديك نسخة احتياطية من الصورة.

وسوف يقوم البرنامج قبل البدأ بإجراء أي تغيير بتنبيهك.. وذلك عن طريق ظهور رسالة تحذيرية.. وللتراجع عن

أي تغيير عليك بالضغط على أيقونة التراجع الموجودة في شريط standard.. أو من خلال القائمة edit&gtundo.

إذا كنت لا ترغب بظهور الرسالة التحذيرية في كل مرة قم باختيار

ا لمربع الموجود بجانب الجملة ” لا تظهر هذه الرسالة مرة أخرى“

القص / Crop :

لإجراء عملية القص على الصورة.. قم أولا بتحديدها ومن لوحة الخصائص.. اضغط على أيقونة القص / Crop .. سوف

تظهر لك رسالة تحذير .. اضغط موافق ok .. وقم بتحديد الجزء الذي ترغب في اختياره ..ومن ثم

اضغط مرتين بزر الفأرة الأيسر داخل المربع أو اضغط على مفتاح الإدخال Enter.. وللتراجع عن الخطوة السابقة اضغط على أيقونة التراجع undo.

إضافة العينات (pixels) /Resample :

ستلاحظ عند إضافة أي صورة للصفحة أنك غير قادر على استخدام هذه الأداة عليها حيث ستجدها باللون الرمادي أي أنها غير مفعله..

وعند تغييرك لمقاس الصورة بتكبيرها أو تصغيرها.. ستلاحظ تغير لون الأيقونة وهذا يعني قدرتك على استخدامها.. اضغط على أيقونة

Resample .. ولاحظ أن حجم الملف سوف يتغير بعدها، حجم الملف ستجده في أعلى الزاوية اليسرى لِلَوحة الخصائص.

درجة الوضوح / Brightness/Contrast:

قم باختيار الصورة.. ثم اضغط على الأيقونة الخاصة.. ستظهر نافذة للقيم قم بتغيير brightness و contrast .. إما بسحب

المنزلق لكل منهما .. أو بتغيير القيم داخل مربع القيم .. ولاحظ التغيير الذي سيظهر على الصورة

حدة الصورة / Sharpen:

قم باختيار الصورة.. ثم اضغط على أيقونة Sharpen.. ستظهر نافذة أخرى بالقيمة قم بتغييرها إما بسحب المنزلق.. أو بتغيير

القيمة من مربع القيم .. ولاحظ التغيير على الصورة

ستلاحظ وجود مربع بجانب كلمة معاينة (preview) في

نافذة Brightness/Contrast و أيضا Sharpen.. اختيارك له يسمح

لك بمشاهدة التغييرات فور تغير القيم مباشرة.. وبإلغائك

ا لاختيار.. لن تتمكن من ملاحظة التغييرات إلا بعد إغلاق النافذة

عمل موقع ويب في دريم ويفر

أخذنا شرحا سريعة على واجهة البرنامج، وفصلنا بعض الأشياء الضرورية، قمنا بعمل صفحة وعايناها في المستعرض.

لكن هل قمنا بعمل موقع؟ إلى الآن.. لا

موقع الوب في دريم ويفر عبارة عن مجلد نقوم بتعريفه في دريم ويفر وبذلك نستطيع إدارة موقعنا، والتحكم به يصبح سهلا.. كيف؟

إن موقع الوب في دريم ويفر يحتوي على جميع صفحات الموقع وغيرها من الوسائط والعناصر، كل هذا سيعرض في دريم ويفر مما يسهل عمليات الحذف وتغيير الأسماء والأماكن، هذا يسهل على دريم ويفر تجديد الروابط المكسورة.

أيضا يسهل ذلك معاينة وإدارة الملفات على السيرفر من خلال دريم ويفر.

1. لعمل موقع ويب في دريم ويفر اتبع الآتي:

Site&gtManage Sites

2. من النافذة Manage Sites اضغط New، ومن القائمة المنسدلة اختر Site.

ملاحظة: في النسخة الأقدم من MX سيكون ذلك هكذا: Site&gtNew Site

3. لديك في أعلى النافذة Site Definition لديك خياران Basic و Advanced سنختار هنا Basic.

4. في مربع الإسم أكتب اسم موقعك وسيكون عنوان موقعنا هنا My Web.

5. اضغط Next.

6. الآن سيسألك إذا ما كنت تريد استخدام لغة برمجة معينة في حالتنا طبعا لن نستخدم ذلك اختر No.

7. اضغط Next.

8. في هذه النافذة يعطيك خياران:

· الأول: عمل الموقع محليا ثم رفعه إلى سيرفر

· الثاني: عمل الموقع على السيرفر حالا

9. اختر الخيار الأول لأننا سنتعلم كيف نرفع الموقع لاحقا.

10. واختر أين ستضع مجلد الموقع، في حالتنا سنستخدم المجلد الذي قمنا بإنشاءه وهو myweb، وهذا عندي:

D:My ********smyweb

11. اضغط Next.

12. كيف تتصل بموقعك يعطيك خيارات:

· None لا شيء.

· FTP عن طريق بروتوكول FTP.

· Local/Network إذا كنت تستخدم مجلد في شبكة أو على سيرفر في جهازك.

· RDS إذا كنت تتصل بموقعك عن طريق RDS.

· SourceSafe Database إذا كنت تتصل بموقعك عن طريق SourceSafe Database.

· WebDAV إذا كنت تتصل بموقعك عن طريق WebDAV.

a. في حالتنا سنستخدم FTP (لمن لديه موقع يدعم الـFTP) وعليه يجب ملء البيانات التي سيطلبها البرنامج كما تعطيك الشركة المستضيفة.

b. وأيضا سنستخدم Local/Network لرفع موقعنا على سيرفر موجود في الجهاز (لمن ليس لديه موقع) لكن أيضا في حالتنا سنخزنه في مجلد آخر بجانب الأول باسم lacal_myweb:

D:My ********slacal_myweb

13. اضغط Next

14. سيسألك عما إذا كنت تريد عمل دخول وخروج للملف اختر No هذه الوظيفة مهمة لمن يعمل مع مجموعة على الإنترنت للتأكد من عدم دخول أكثر من شخص للملف الواحد.

15. اختر No كما قلنا و اضغط Next

16. سيعرض لك معلومات موقع اضغط Done

17. ثم Done

18. ماذا لو أننا نريد تعديل بعض المعلومات في موقع الوب الذي أنشأناه؟

19. لعمل ذلك إذهب إلى Site&gtManage Sites ومنها حدد My Web إذا كان هناك أكثر من موقع.

20. اضغط على زر Edit

21. عدل المعلومات المطلوبة (في حالتنا لن نعدل على الموقع شيء).

22. ثم Done

نم مهارتك في استخدام دريم ويفر

لنجر بعض التمارين السريعة لننم مهارتنا في استخدام هذا البرنامج ولنشعر بالحرية عند تحرير صفحات مواقعنا فيه.

لنقم بعمل صفحة في موقع الوب الذي أنشأناه، نغير خصائصها، ونضع فيها بعض العناصر من كتابة وصور، لحظة! لا تنشئ الصفحة كما تعلمت سابقا.. سنتعلم طريقة جديدة، لنتابع الخطوات التالية:

1. من نافذة الملفات Files تأكد أنك في الموقع المطلوب (My Web).

2. وهناك اضغط بيمين الفأرة في أي مساحة فاضية ومن القائمة المنسدلة اختر New File

3. سمها page.htm

4. افتحها عن طريق النقر المزدوج عليها، أو بز الفأرة اليمين ومنها Open

5. أسفل البرنامج هل ترى لوحة الخصائص؟ هناك نعم.. اضغط على Page Properties

6. غير المعلومات حسب الصورة التالية:

7. ثم OK

8. أكتب أي نص بعنوان كما قمنا به سابقا:

9. حدد العنوان وغيره إلى H2 كما تعلمت سابقا.

10. حدد النص وغير اللون إلى #006666، والحجم إلى 14 px، والنوع إلى Times New Roman

11. أسفل النص ضع الصورة التي قمت بوضعها في صفحة index.htm ولكن هذه المرة قم بنسخها إلى مجلد images داخل مجلد myweb.

هذا المجلد لحفظ الصور بداخله.

12. احفظ الصفحة واستعرضها.. ثم أغلقها.

التعامل مع الجداول:

إن الجداول هي من أهم الأدوات التي يستخدمها مصممو المواقع، فلا تجد موقعا رتبت في الصور، والنصوص والخلفيات وغيرها من الوساءط دون استخدام الجداول.

إن الجدول عبارة عن مجموعة من الصفوف الأفقية والأعمدة، التي تستطيع دمجها وفصلها وترتيبها في برنامج دريم ويفر.

إن برنامج دريم ويفر يتيح لك التعامل مع الجداول بسهولة حتى الخبراء في تصميم الموقع يتيع لهم دريم ويفر أداوة قوية لتقطيع الجدوال.

1. عمل جدول جديد

من قائمة الإدراج إضغط على زر الجدول و حدد القيم كما في الصورة التالية:

2. لتعديل هذا الجدول سواء بدمج إحدى خلايا هذا الجدول مع الأخرى أو في إنشاء خلايا جديدة

حدد أول ثلاث خلايا في الجدول وبزر الفأرة الأيمن اختر من القائمة المنسدلة:

Table&gtMerge cell

لتقسيم خلية نختار أول خلية من اليمين من الصف الثاني

Table&gtSplit cell

اترك القيم كما هي و اضغط ok

3. على أحد خطوط الجدول سيتغير شكل مؤشر الفأرة، الآن إضغط ضغطة واحدة بزر الفأرة الأيسر

سيتحدد الجدول بخط أسود.

من لوحة الخصائص properties غير القيم حسب الصورة التالية:

4. للكتابة داخل الجدول نضغط بمؤشر الفأرة في أي خلية نريد الكتابة فيها ونكتب بشكل عادي كما تعلمنا سابقا و كذلك الحال عند إدراج الصور.

مثلا ضع صورة في الخلية الأولى من السطر الثاني و نكتب في الخلية الثانية من السطر الثاني كلمة محمد، ومن لوحة الخصائص اختر وضعية النص العمودية سواء في الأعلى أو الأسفل أو الوسط.

القوالب Templates:

1. لعمل قالب template جديد إتبع الآتي:

File&gtNew

و من النافذة اختر Template ومنه HTML

2. لعمل Editable Region

Insert&gtTemplate objects&gtEditable region

احفظ القالب بأي أسم (مثلا 1)

3. لإدراج قالب إلى صفحة قم بالتالي

Modify&gtTemplate&gtApply template to page

4. ومن الـ Editable regionأكتب أي نص بداخله وأدرج أي صورة

5. لتعديل القالب افتحه

File&gtOpen

ومن النافذة اختر القالب الذي قمت بحفظه.

غير فيه ما شئت (مثلا ضع في الأسفل الحقوق والسنة) ومن ثم قم بحفظه.

الروابط التشعبية:

كلنا يعلم ما هي الروابط التشعبية ولماذا نستخدمها لذلك لن أدخل في تفاصيلها، هي بشكل مختصر وسيلة للتنقل من صفحة في الموقع إلى أخرى، أو من صفحة في الموقع إلى صفحة أخرى في موقع آخر، أو حتى التنقل إلى أماكن مختلفة في الصفحة الواحدة، وغالبا ما تكون عبارة عن نص يختلف عن النص العادي ويتغير شكل مؤشر الفأرة عندما يمر عليه، أو عبارة عن صورة يتغير شكل مؤشر الفأرة عندما يمر عليها، هذا عادة وهناك طرق مختلفه لعمل الروابط، وغايات مختلفة أيضا.

1. في البداية قم بكتابة ثلاث كلمات في صفحة جديدة، كل كلمة في سطر.

2. اختر أول كلمة ومن لوحة الخصائص في ستجد مربع نص لكتابة الرابط فيه،

أكتب فيه عنوان الصفحة المراد الإنتقال إليها.

3. أو بالضغط على صورة المجلد لفتح نافذة، ومنها اختر الصفحة المراد الإنتقال إليها.

4. هنا أداة جميلة تسما point-to-file وهي عبارة عن مؤشر.

طريقة عمل هذا المؤشر هي بعد تحديدك للنص المراد عمل رابط له اضغط على هذا المؤشر، وقم بسحبه مع استمرار الضغط إلى أي صفحة في لوحة الملفات على اليمين:

5. ذاك بالنسبة للكلمة الأولى أما بالنسبة للثانية فبعد تحديدك لها اضغط بيمين الفأرة على الكلمة ومن القائمة المنسدلة اختر Make link، ستظهر لك نافذة منها اختر الصفحة المراد الإنتقال إليها.

6. الآن حدد الكلمة الثالثة واضغط على زر الربط من شريط الإدراج واكتب الرابط في مربع النص Link، أو إضغط على المجلد الأصفر.

7. ينطبق ما ذكر في النقطة السابقة على الربط للبريد الإلكتروني .

8. ويمكنك عمل النقطتين السابقتين دون تحديد نص وذلك بتحديد النص في مربع النص ****.

9. أخيرا لعمل روابط للصور استخدم الطرق في النقط 2،3،4.

رفع الموقع:

سبق أن وضحنا كيفية الإتصال بالموقع لرفع ملفاتنا، طبعا بعد التأكد من جاهزية موقعك لنشره على الإنترنت، قم بتوضيح طريقة اتصالك بالملقم Server بالطرق التي وضحناها سابقا، والطريقة الأشهر هي عن طريق بروتوكول FTP، لاحظ الصورة التالية:

طبعا هذه المعلومات يعطيك إياها مزود خدمة الإستضافة والذي قمت بحجز مساحة لديه.

1. في البداية نحتاج لعمل اتصال من لوحة الملفات اضغط على هذا الزر لعمل اتصال ، بعد نجاح الإتصال سيغدو بهذا الشكل .

2. لرفع الملفات اختر الملفات المراد رفعها أو المجلد بأكمله، اضغط على الزر ذو السهم الأزرقPut والذي يعني Upload، وذلكبعد التأكد من أنك في الـLocal view.

3. لتنزيل الملفات، اختر الملفات المراد تنزيلها أو المجلد بأكمله، اضغط على الزر ذو السهم الأخضر Get الذي يعني Download، وذلكبعد التأكد من أنك في الـRemote view.

4. لقطع الإتصال إضغط على زر الإتصال ، سيتغير شكله إلى الوضع العادي .

هذا بالنسبة لطريقة FTP أما الطريقة الأخرى فهي:

Local/Network إذا كنت تستخدم مجلد في شبكة أو على سيرفر في جهازك.

ببساطة نحدد مجلد السيرفر على الجهاز أو الشبكة (قمنا بهذه الخطوة في الدرس الثالث الخيار b) ثم Put.

طرق أخرى لرفعالمواقع:

RDS إذا كنت تتصل بموقعك عن طريق RDS.

إختصار لـ Remote Development Services، تحتاج هذه الطريقة إلى Server ColdFusion أو على جهاز يعمل به الـ ColdFusion، ويتم الوصول إليه عن طريق HTTP.

SourceSafe Database إذا كنت تتصل بموقعك عن طريق SourceSafe Database.

يجب أن تثبت النسخة السادسة أو أعلى من Microsoft Visual SourceSafe وهو لتخزين شيفرة المصدر والملفات النصية ومحتويات المواقع.

WebDAV إذا كنت تتصل بموقعك عن طريق WebDAV.

إختصار لبرتوكول Web-based Distributed Authoring and Versioning، وهو شكل لامتداد HTTP، يسمح هذا البروتوكل بتحرير وتنظيم الملفات على جهاز سيرفر، وتحتاج إلى سيرفر يدعم هذا البرونوكول كسيرفر IIS أو أباتشي.

l

تابع القراءة »

Posted in: شرح دريم ويفر