تعلم تصميم المواقع بدريم ويفر مجانا

تعليم تصميم المواقع بدريم ويفر مجانا

تعلم كيفيه انشاء و تصميم المواقع مجانا بدريم ويفر
الحمد لله رب العالمین والصلاة والسلام على أشرف المرسلین سیدنا محمد وعلى آله وصحبه وسلم، أما بعد إیماناً بأن ھذه الأمة لن تنھض من جدید ما لم تتخذ درب العلم سلاحاً لھا، أضع بین أیدیكم معظم المعلومات اللازمة لإتقان برنامج دريم ويفر حيث سنتعرف على مكونات البرنامج، القوائم، اعدادات اللغة، إنشاء الموقع، إنشاء الصفحة، خصائص الصفحة، الجداول، خصائص الجداول، خلايا الجداول، إدراج جداول جاھزة، إدراج الصور وخصائص الصور، وأرجو ممن لدیه أي ملاحظة ألا یبخل بھا علينا وكتابتها في التعليقات كي تعم الفائدة للجميع، والله الموفق والمستعان

محتويات الدرس التعليمي

  • مكونات البرنامج
  • القوائم
  • أعدادات اللغة
  • إنشاء الموقع
  • إنشاء الصفحة
  • خصائص الصفحة
  • الجداول
  • خصائص الجداول
  • خلايا الجداول
  • إدراج جداول جاھزة
  • إدراج الصور
  • خصائص الصور
  • عمل Rollover
  • تحرير الصور
  • عمل صور متغيرة Navigation
  • الخرائط الصورية
  • إدراج النصوص
  • إنشاء الروابط

مكونات البرنامج

من أربعة أجزاء رئيسية هي Work Space تتكون صفحة الـ

  • إطار المستند
  • اللوحات المتحركة
    ويمكن الوصول إليھا من خلال القائمة Window وإذا أردنا فتح إحدى ھذه اللوحات مثلاً الخصائص ” Properties” قم بالنقر عليھا من خلال القائمة فتسظھر لنا.
    ويتم تحديد خصائص العنصر الذي تم تحديده وقد يكون صورة أو نص أو غيره.
  • شريط القوائم
  • شريط الحالة

قائمة File

وتحتوي على الأوامر المعتادة مثل

  • “New” لفتح مستند جديد
  • “Open” لفتح ملف موجود
  • “Open Recent” لفتح الملفات التي تم فتحھا مؤخراً
  • “Close” لغلق التطبيق الحالي
  • “Close All” لغلق جميع التطبيقات
  • “Save” لحفظ ملف
  • “Revert” للعودة بالصورة إلى آخر نسخة تم حفظھا عليھا. وھي تشبھ تماماً السمة الموجودة في الفوتوشوب – لإعادة الصورة كما كانت عند الفتح أي يزيل كافة التعديلات على الصورة
  • “Design Notes” تقوم بالربط بين الملحوظات الخاصة وبين لغة HTML وغيرھا من الملفات
  • “Exit” للخروج من البرنامج بالكامل

قائمة Edit

وتحتوي على الأوامر المعروفة مثل

  • “Copy” نسخ
  • “Cut” قص
  • “Paste” لصق
  • “Find And Replace” بحث واستبدال
  • “Preferences” بحث واستبدال سنستخدمھا لاحقاً.

قائمة View

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

قائمة Insert

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

قائمة Commands

  • توجد فيھا العديد من الخيارات المفيدة مثل Play و Start Recording و Recorded Commands والتي تستخدم لحفظ سلسلة من الخطوات وتكرارھا بعد ذلك، كما تمكنك التسجيل وتحرير القائمة وإعداد وتنظيف وسوم HTML و ألبومات الصور والتحكم في خلفية وشكل الجدول.

قائمة Modify

تمكنك من تعديل خصائص عناصر الصفحة ويمكنك باستخدامھا تحرير الأكواد وتغيير الجداول ومكونات الجداول وانجاز مختلف الوظائف لمختلف العناصر الجاھزة

قائمة Text

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

قائمة Site

تمكنك من مشاھدة ملفات الموقع و فتح وإنشاء المواقع وتحرير الموقع والتعديل في خصائصھا

قائمة Window

تمكنك من الدخول إلى مختلف لوحات التحكم في البرنامج

قائمة Help

في حال أردت المساعدة أو البحث عن معلومة معينة عن البرنامج يمكنك إيجادھا ھنا.

إعدادات اللغة

  • في البداية ھناك بعض الإجراءات المتبعة لجعل برنامج الدريم ويفر يدعم اللغة العربية وھي كالتالي

Ctrl+ U أو الاختصار Preferences اختر Edit من قائمة
ثم العربية Fonts اختر
حدد الإعدادات التي تناسبك مثلاً نوع الخط وحجمھا

  • بعد ذلك إذا لم تجد خيار اللغة العربية ضمن الخيارات السابقة أنا جربت ھذه الطريقة ونجحت معي . اختر Other وإذا لم تنفع معك فھناك العديد من الطرق الأخرى لحل ھذه المسالة..
  • من داخل البرنامج، افتح الملف “باستخدام المفكرة”:
    C:/Program Files/Macromedia/Dreamweaver/Configuration/Encodings/EncodingMenu.xml
    أو قم بإظھار مصدر الملف “Code View” بعد أن تنقر نقرتين على الملف ثم انقر بزر الماوس الأيمن واختر عرض المصدر
    و استبدل السطر الأخير:-
    <mm:encoding name=”Other” charset=””fontgroup=”Other”filename=”other.xml”/>
    بھذا السطر
    <mm:encoding name=”Arabic”charset=”windows-1256″fontgroup=”Other”filename=”other.xml”/>
    أحفظ الملف وأعد تشغيل البرنامج.
    وقم بإعادة إجراء الخطوات السابقة

إنشاء الموقع

  • لكي تقوم بإنشاء موقع جديد يجب أن تقوم بإنشاء مجلد في محرك الأقراص الصلبة تحفظ فيھا جميع صفحات الويب التي ستنشئھا، ولكي تقوم بتعريف الموقع باستخدام مربع الحوار Site اتبع الخطوات التالية:
  • من قائمة Site اختر New Site وتأكد من اختيار Local Info من المربع Category
  • في مربع النص Site Name أكتب اسم الموقع مثلا ايجي ليرن
  • في المربع Local Root Folder اضغط على رمز المجلد وابحث عن المجلد الذي قمت بإنشائھ في الخطوة الأولى ليحوي بداخلھا موقع الويب
  • تأكد من تحديد الخيار Refresh Local File List Automatically
  • أذا أردنا أن يقوم البرنامج بتحديث القائمة الخاصة بجميع الصفحات الجديدة التي أضفناھا إلى الموقع بصورة تلقائية قم بإنشاء مجلد خاص بالصور داخل مجلد الموقع وقم باختياره من المربع Default image Folder
  • اكتب الـ URL الخاص بالموقع في المربع HTTP Address مثلا www.egylearn.com
  • قم بتحديد مربع الحوار Enable Cache
  • اضغط على OK لإغلاق مربع الحوار

إنشاء الصفحة

  • من قائمة File اختر New
  • فمن ھنا يمكن تحديد نوع الصفحة ساكنة أو ديناميكية وأيضا يمكن تحديد اللغة المستخدمة في إنشاء الصفحة ثم اضغط Create.

خصائص الصفحة

  • في أسفل الصفحة اضغط على Properties ستجد زر مكتوب عليه Page Properties انقر عليھا
  • حيث يمكن تعديل نوع الخط وحجمھ ولونھا ولون الخلفية
  • يمكن وضع صورة كخلفية للصفحة من مجلد الصور الذي أنشأناه سابقاً
  • الحقل Repeat يمكنك من عدم تكرار الصورة / تكرارھا
  • أيضا تحديد نوع التكرار أفقي أو عمودي
  • ففي النافذة السابقة يمكن تحديد خصائص الروابط بالضغط على Link
  • حيث يتم تحديد نوع الخط للرابط وحجمھ ولون الرابط النشط وأيضا الرابط الذي تمت زيارتھا
  • ولعرض الصفحة قم بالضغط على F12 أو من قائمة ملف اختر Preview in Browser
  • وحدد المتصفح الموجود لديك وستظھر لك الصفحة بعد التنفيذ..

الجداول

  • من قائمة Insert اختر Table أو من شريط الإدراج اختار Layout وبعد ذلك اختر Table
  • في السطر الأول يتم تحديد عدد الأعمدة والصفوف وفي السطر الثاني يتم تحديد عرض الجدول وفي السطر الثالث يتم تحديد سمك حدود الجدول Border فإذا جعلنا القيمة تساوي صفر تكون الجدول بدون حدود وفي السطر الرابع يتم تحديد المساحة بين الخلية وإطار الخلية بالبيكسل وفي السطر الخامس يتم تحديد المساحة بين الخليتين بالبيكسل

خصائص الجدول

وستجد ما يلي Properties بعد تحديد الجدول بواسطة الماوس اضغط على

  • table id اسم الجدول
  • row عدد الصفوف
  • cols عدد الأعمدة
  • W عرض الجدول بالبيكسل أو بالنسبة المئوية
  • H ارتفاع الجدول بالبيكسل أو بالنسبة المئوية
  • CellPadتحديد المساحة بين الخلية وإطار الخلية بالبيكسل
  • CellSpaceتحديد المساحة بين الخليتين بالبيكسل
  • Allignتحديد محاذاة الجدول يمين أو يسار أو بالمنتصف
  • Border حدود الجدول
    كما يمكن تحديد لون الخلفية للجدول ولون الحدود وأيضا يمكن عمل صورة كخلفية للجدول من مجلد الصور الذي أنشأتھ سابقاً, وبالنسبة للإشارات الصغيرة ضع الماوس عليھا
  • Clear Column Widths
    يتم إعادة وضع الجدول إلى السابق بإلغاء عرض الخلية
  • Convert Table Widths to Pixels
    لجعل مساحة الجدول بالبيكسل
  • Convert Table Widths to Percent
    بمجرد تكرار النقر سيزداد مساحة بالنسبة المئوية فقط بعرض الجدول
  • Clear Row Height
    لتحديد طول الجدول كما كانت بالسابق
  • Convert Table Height To Pixels
    يقوم بتحويل طول الجدول إلى البيكسل
  • Convert Table Height To Percent
    يقوم بتحويل طول الجدول إلى النسبة المئوية

خلايا الجدول

  • خاصية No wrap عند الكتابة في الخلية يقوم بزيادة حجمھا تلقائيا لاحتواء النص دون التأثير عليھا
  • الرمزين داخل المربع الأحمر في الصورة ضع الماوس عليھما
  • الأول Merges Selected Cells Using Spans من جھة اليسار وظيفتھا عند تحديد جميع الخلايا سيتم تنشيط الزر وبمجرد الضغط عليه سيقوم بدمج كل الخلايا بخلية واحدة
  • Font نوع الخط
  • Horz لتحديد وضع النص داخل الخلية بالمنتصف، يمين أو يسار
  • Vert لتحديد وضع النص عمودي أعلى أو أسفل، وسط أو بمحاذاة السطر
  • Header يجعل النص Bold وبمنتصف الخلية
  • Bg لون خلفية الخلية / صورة خلفية للخلية
  • Brdr لون حدود الخلية
  • Link لعمل رابط للخلية
  • والثاني Splits Cell into rows or columns لتقسيم الخلية التي تم تحديدھا وبمجرد الضغط عليھا ستظھر نافذة بخصائص أسطر الخلية والأعمدة
  • حدد ھل تريد تقسيم الخلية إلى صفوف أو أعمدة وعددھا ثم اضغط OK

إدراج جداول جاهزة

  • أضف جدول كما تعلمنا سابقا ثم اذھب إلى قائمة Command واختر منھا Format Table
    ويتم تحديد ألوان الجدول فيھما
  • في القائمة المنسدلة Alternate نلاحظ الخيارات التالية
    do not Alternate يستخدم اللون الأول لكافة سطور الجدول
    Every other row وفيھا يتم وضع الألوان سطر بعد سطر
    Every tow rows وفيھا يتم التلوين سطرين بسطرين
  • ومثلھا بقية الاختيارات الأخرى الموجودة
    Top Row تستخدم الحقول الموجودة فيھ لتنسيق الصف الأعلى الذي في الجدول ويحتوي على العناوين الرئيسية للجدول ومنھا يتم تحديد الاتجاه ونوع الخط ولون الخلفية ولون النص
    Left col وتستخدم لتنسيق أول عمود من جھة اليسار لتحديد الاتجاه وأيضا نوع الخط
  • أما بالنسبة للحقل Table : Border فيستخدم لوضع حدود أو إطار للجدول ويتم تحديد سمكھا من خلال وضع رقم في المربع ويزداد سمك الإطار بزيادة الرقم
  • والسطر الأخير يستخدم لإلغاء كود TR وكتابة بدلا عنھا TD

إدراج صورة

  • يمكن إدراج الصور من قائمة Image نختار Insert
    أو باستخدام الاختصار Alt + Ctrl + I
    أو من شريط الأدوات نختار الأداة Image
  • فيظھر مربع حوار لإختيار الصورة
  • نقوم بتحديد الصورة من داخل مجلد الصور الذي أنشأناه سابقا وتأكد أيضا من اختيار Document من Relative to
    وتشغيل الاختيار Preview images لرؤية صورة مصغرة للصورة ونضغط OK
  • إذا لم تكن قد أضفت الصورة إلى مجلد الصور الموجود في مجلد الموقع، وقد تظھر رسالة تطلب نسخ الصورة إلى المسار الجديد فنختار نعم..
  • حدد المكان ثم اضغط Save.
  • بعد ذلك تلاحظ إدراج الصورة في مساحة العمل ويفضل إضافة عناصر الصفحة بعد تقسيمھا إلى خلايا كي يسھل التعامل مع مختلف الصور في الموقع
  • ونكتب نص بديل يظھر في حال عدم ظھور الصورة.

خصائص الصور

  • في image نرى نوع الصورة وحجمھا بالكيلوبايت مع نموذج مصغر لھذه الصورة
  • والمربع تحتها يستخدم لإدخال اسم للصورة واستخدامھا في الجافا سكريبت أو لإضافة أوامر التحكم لھذه الصورة
  • نرى H طول وW عرض الصورة بالوحدة الافتراضية للبرنامج وھي البيكسل ويمكننا تغيير أبعاد ھذه الصورة بإدخال قيم جديدة في ھذه الخانات وإذا أردنا إدخال القيم باستخدام وحدة القياس مليمتر اكتب الرقم الذي تريد متبوعاً بالرمز mm
  • وإذا أردت إدخال القيم بالسنتيمتر أضف الرمز cm وبالبوصة أضف الرمز in وھكذا
  • ومع ذلك فلا يفضل استخدام ھذه الطرق لتعديل الصور بل من الأفضل استخدام برنامج الفوتوشوب أو البرامج الأخرى المتخصصة بمعالجة الصور
  • ويمكننا استعادة القيم الأصلية للصورة بالضغط على الحرف W والحرف H لتعود إلى حجمھا الأصلي
  • Src يظھر ملف الصورة ومجالھا ويمكننا استبدال ھذه الصورة بصورة أخرى بالضغط على المجلد المجاور لاختيار الصورة ومن ثم الضغط على OK
  • Link لعمل رابط بين ھذه الصورة وملف آخر أو موقع انترنت آخر ويتم الضغط على المجلد لاستعراض الملف أو المستند الذي نرغب بربطھا بھذه الصورة
  • Target لتحديد النافذة أو الإطار الذي سيتم عرض الملف المرتبط بھذه الصورة، ويتم تفعيل ھذه الخانة بعد عمل Link للصورة
    Low Src لاختيار الصورة البديلة التي سوف تظھر عند بداية تحميل الصورة بشكل مبدئي حتى يتم تحميل الصورة بالكامل ويمكن استخدام نفس الصورة ولكن بجودة اقل أو عدد ألوان اقل من الصورة الأصلية
  • Align لمحاذاة النص بالنسبة للصورة إذا وجد معھا
  • Alt تحتوي على البيانات التي ستظھر في نافذة المتصفح في حالة عدم ظھور الصورة لأي سبب
  • Border لعمل إطار حول الصورة وادخال القيمة صفر لإزالة الإطار
  • وبجانبها يستخدم لمحاذاة الصورة بالنسبة للموقع الموجودة فيھ
  • H space / V Space يستخدم لعمل مسافة تحيط بالصورة راسياً وأفقيا
  • بالضغط على Edit يمكننا تعديل الصورة باستخدام برنامج Fireworks أو استخدام أي برنامج آخر لمعالجة الصور مثل الفوتوشوب

Image Rollover

  • ھي صور تتغير بمجرد مرور الماوس عليھا ولعمل ذلك ضع الماوس في المكان الذي تريد عمل الصورة فيھا واختر Rollover image
  • في الحقل Image name نقوم بكتابة الاسم البرمجي للصورة لاستخدامھا كمرجع عند كتابة كود جافا سكريبت أو في بي سكريبت وغيره
  • في الحقل Original Image نختار الصورة الأولى التي ستظھر عند بداية تحميل الصفحة
  • في الحقل Rollover image نختار الصورة البديلة التي ستظھر عند وضع المؤشر على الصورة الأولى ويجب أن تتساوى أبعاد الصورتين لكي لا يحدث تشوه للصورة التالية
  • نتأكد من اختيار Preload Rollover image لكي يتم تحميل الصورة الثانية أثناء تحميل الصفحة وبالتالي لا يحدث تأخير في ظھورھا عند تحريك المؤشر على الصورة الأولى
  • في الحقل When Clicked Go to URL نحدد الملف أو الصفحة التي سيتم فتحھا عند الضغط على ھذه الصورة ومن ثم نضغط المفتاح OK من لوحة المفاتيح ويمكن استعراض النتيجة بالضغط على المفتاح F12

تحرير الصور

  • قم بإدراج صورة كما تعلمنا سابقاً ولاحظ وجود ھذه الأدوات في الأسفل عند خصائص الصور
  • عند وضع الماوس على أداة من ھذه الأدوات يظھر اسمھا و سنبدأ الشرح من أول أداة من جھة اليمين

حدة الصورة Sharpen

  • عامل تصفية لزيادة حدة الأطراف ويؤثر بشكل خاص على الخطوط الخارجية للعنصر المصور ويتركز عملھ بالعنصر أقل مما يمس عامل التصفية العادي
  • بعد إدراج الصورة قم بالنقر عليھا اضغط OK
  • عند تغيير القيم تلاحظ التغير الذي طرأ على الصورة وقم بوضع القيم التي تناسب تصميمك ويمكنك التراجع كالتالي من قائمة تحرير اختر الأمر Undo

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

  • حيث يتم تغيير درجة وضوح البيكسلات في الصورة وھذا يؤثر على إضاءة ظلال ولون الصورة وعادة ما تستخدم ھذه الأداة عندما تكون الصورة داكنة أو فاتحة جدا
    من ھنا يمكننا وضع القيم المناسبة للتصميم ويمكننا أيضا التراجع عن التعديلات كما سبق
  • ولاحظ إشارة صح داخل المربع تسمح بعمل معاينة للصورة أثناء التغيير وإذا قمت بإزالتھ لن تتمكن من ملاحظة التغيير إلا بعد ضغط OK وإغلاق النافذة وھذا ينطبق على جميع النوافذ

إضافة العينات Resample

  • ويتم ذلك بتكرار إضافة صف من البيكسلات وأخذ أقرب الألوان بعد قيامنا بتغييرات في قياس الصورة ( سواء بتكبيرھا أو تصغيرھا ) وھذا يؤثر في درجة وضوح الصورة ويتم ذلك فقط في الصور ذات الامتداد gif و jpeg واستخدام ھذه الأداة يعمل على زيادة / التكبير أو تقليل عند التصغير في حجم الصورة الأصلي
  • وليكون الموضوع أكثر بساطة فلندرج صورة ونكبرھا بالسحب من الأطراف وبعد ذلك نعمل Resample ونلاحظ الفرق
  • وكذلك الحال عند تصغير الصورة، ولاحظ أن حجم الملف سوف يتغير بعدھا، حجم الملف ستجده في أعلى الزاوية اليسرى للوحة الخصائص

القص Crop

  • حيث يتم تصغير مساحة الصورة الأصلية وذلك بقص الأجزاء الغير مھمة منھا للتركيز على ما ھو مطلوب
  • بعد ذلك بواسطة الماوس حدد الجزء الذي تريده من الصورة واضغط المفتاح Enter أو انقر نقرتين داخل المربع ويمكننا التراجع كما سبق
  • لعدم إظھار رسالة التحذير في كل مرة اضغط على المربع الفارغ في الرسالة ومن ثم OK
  • احتفظ بنسخة من الصور لان التعديلات تتم على الملف الأصلي للصورة
  • إن أدوات تحرير الصور في دريم ويفر تنطبق فقط على الصور ذات الامتداد gif و jpeg

عمل صور متغيرة Navigation

  • لعمل صور متغيرة اذھب إلى قائمة Insert واختر Image Objects ومنھا Navigation Bar.
  • أو اختر Common ومنھا Navigation Bar
  • Nav Bar Elements بإمكانك وضع أكثر من شريط باستخدام + للزيادة و- للحذف أما بالأسھم فتمكنك من التنقل بين الأشرطة
  • Element Name اسم الشريط
  • Up Image الصورة الأولى التي ستظھر بصفحتك
  • Over Image الصورة الثانية ستظھر بمجرد مرور السھم على الصورة الأولى
    Down Image بمجرد النقر عليھا ستظھر الصورة الثالثة
  • Over While Down Image بمجرد مرور السھم على الصورة الثالثة ستظھر الصورة الرابعة
  • Alternate Text لكتابة نص أو تعليق حول الصورة بمجرد مرور السھم عليھا سيظھر التعليق
  • When clicked ,Go to Url وھيا لعمل ارتباط تشعيبي بمجرد الضغط على الصورة تلقائيا سينتقل لمسار الصفحة المختارة
  • In Main Window وھو الذي سيتم فتح فيھا المتصفح الجديد
  • Options
  • Preload Image
  • لتحميل الصور كلھا عند فتح المتصفح مباشرة
    Show “Down image” Initially لجعل الصورة الثالثة تظھر بالمقدمة عند فتح الصفحة
  • Insert بجانبھا قائمة منسدلة للاختيار بين ظھور شريط الصور بالشكل العمودي أو الأفقي
  • Use Table لإرفاق الصورة داخل جدول وعند اختيارك لھذا الأمر ستلاحظ ظھور خصائص الجدول أسفل البرنامج
  • عند تطبيق ھذا الدرس ستتضح المفاھيم أكثر والموضوع سھل جداً

الخرائط الصورية

  • قم بأدراج صورة كما تعلمنا سابقاً بعد ذلك
  • اختر الشكل الذي تريد رسمھ مربع أو دائري أو شكل حر ثم ارسم على الصورة ومن خصائص في أسفل الصفحة قم بتحديد الصفحة التي تريد أن يفتحھا ھذا الرابط من خلال مربع الحوار Link
  • ومن المربع Target إذا اخترت blank يتم فتح الصفحة المستدعاه في إطار آخر وبقيت الاختيارات تفتحھا في نفس الإطار..
  • ومؤشر الماوس يستخدم لتحريك الرسم الذي على الصورة

إدراج النصوص

  • قم بكتابة النص الذي تريد وبعدھا قم بتظليلھ ومن ثم يمكنك تغيير لونھ أو حجمھا أو أي خاصية تريد من خلال Properties في أسفل الصفحة أو من خلال قائمة Text

إنشاء الروابط

  • اكتب النص الذي ترغب بتحويلھ إلى رابط ومن ثم قم بتظليلھا من قائمة Window قم باختيار Properties من الخصائص قم بكتابة mailto يليھ البريد الالكتروني في الجزء Link
  • كما يمكن عمل روابط للانتقال من صفحة إلى أخرى في الموقع وذلك من خلال تحديد النص أو الصورة التي نريد أن تمثل الرابط وبعد ذلك ننقر على المجلد الموجود قرب مربع النص Link بعد ذلك حدد الصفحة التي تريد أن ينقلك إليھا الرابط من مربع الحوار Select File واضغط OK
  • Use Table لإرفاق الصورة داخل جدول وعند اختيارك لھذا الأمر ستلاحظ ظھور خصائص الجدول أسفل البرنامج

شاهد ايضا

موسوعة تعليم تصميم المواقع

موسوعة تعليم تصميم المواقع

المصرية للبرمجيات التعليمية إنتاج وتسويق أفضل البرامج التعليمية في جميع المجالات منها برامج تعليم اللغات وبرامج تعليم الاطفال وبرامج تعليم تصميم المواقع وتعليم الجرافيكس والبرامج التعليمية الهندسية وتعليم البرمجة وتعليم ميكروسوفت اوفيس وبرامج دكتور ابراهيم الفقي وبرامج تفسير القرآن الكريم للشيخ الشعراوي
14 Comments
  1. Reply mohamed mahmoud December 12, 2012 at 7:25 pm

    موضوع مفيد :) شكرا

  2. Reply حسن القحطاني March 26, 2013 at 2:01 pm

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

    • Reply egylearn.com March 28, 2013 at 1:02 pm

      شكرا لك استاذ حسن ونتمنى لك التوفيق

  3. Reply ouhadi April 11, 2013 at 3:07 am

    سلام اخوتي انا من المغرب و لكن محتاج هذه الدروس من اجل احتراف ويبديزين، الا توجد طريقة لارساله لي ارجوك و شكرا

    • Reply egylearn.com May 2, 2013 at 12:56 am

      قريبا سنوفر خدمة دفع الكترونية تمكنك من دفع المبلغ والحصول عليه في نفس الوقت

  4. Reply داليا August 16, 2013 at 1:25 am

    السلام عليكم ورحمة الله وبركاته
    هل برنامج تصميم المواقع سوف يساعدنى كى اعمل فى موقع فر لانسر كمصممة مواقع ويجعلنى محترفه ولكم جزيل الشكر على ما تقدموه

    • Reply egylearn.com August 17, 2013 at 8:09 pm

      وعليكم السلام
      كي تكوني محترفة والعمل في مواقع الفري لانس أتبعي التالي: تحديد المجال الذي تحبيه والبحث عن جميع المصادر الممكنة لإتقانه ثم شراء برنامجنا في تعليم تصميم المواقع على 4 برامج وبرنامج تعليم فوتوشوب 6 وكارت تعلم اونلاين ومذاكرة هذه البرامج جيدا لما سوف تقصر عليكي مشوار الاحتراف والعمل في مواقع الفري لانسر

      • Reply داليا August 24, 2013 at 9:37 pm

        السلام عليكم
        شكرا لهذه الاجابه الوافيه، وكنت اريد معرفة تكلفة سعر كارت تعلم اونلاين للاشتراك السنوى بالجنيه المصرى ولكم جزيل الشكر

        • egylearn.com August 26, 2013 at 2:04 am

          وعليكم السلام
          تكلفة كارت تعلم اونلاين لمدة سنة هي 200 جنيه تستفادي ايضا بأي برامج تعليمية تضاف للكارت
          تحياتي

  5. Reply Name (required) October 3, 2013 at 4:13 pm

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

    • Reply egylearn.com October 4, 2013 at 4:49 pm

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

  6. Reply خالد June 25, 2014 at 8:38 pm

    جزاك الله عنا كل خير ربي يكثر من امثالك في فعل الخير

  7. Reply Farah December 29, 2014 at 10:49 am

    السلام عليكم .. كيف حالك
    انا حبيت ان اسألك كيف يمكنني تصميم موقع بالدريم ويفر مع العلم انني لا اعلم كيفية استعمال الفوتوشوب وايضا انا مبتدئة في الدريم ويفر وشكراً :)
    ارجو الرد في اقرب وقت

Leave a reply