الرئيسية
أحدث الصور
خريطة الموقعالتعامل مع الجداول + القوالب Templates Dreamweaver MX
صفحة 1 من اصل 1
التعامل مع الجداول + القوالب Templates Dreamweaver MX
من طرف احمد سعيد الخميس أبريل 23, 2009 12:06 pm
دروس في برمجة المواقع دروس في الدريم ويفر DreamWeaver
دورة Dreamweaver MX [اليوم الرابع]: التعامل مع الجداول + القوالب Templates
بسم الله الرحمن الرحيم
التعامل مع الجداول:
إن الجداول هي من أهم الأدوات التي يستخدمها مصممو المواقع، فلا تجد موقعا رتبت في الصور، والنصوص والخلفيات وغيرها من الوساءط دون استخدام الجداول.
إن الجدول عبارة عن مجموعة من الصفوف الأفقية والأعمدة، التي تستطيع دمجها وفصلها وترتيبها في برنامج دريم ويفر.
إن برنامج دريم ويفر يتيح لك التعامل مع الجداول بسهولة حتى الخبراء في تصميم الموقع يتيع لهم دريم ويفر أداوة قوية لتقطيع الجدوال.
1. عمل جدول جديد
من قائمة الإدراج إضغط على زر الجدول و حدد القيم كما في الصورة التالية:
2- لتعديل هذا الجدول سواء بدمج إحدى خلايا هذا الجدول مع الأخرى أو في إنشاء خلايا جديدة
حدد أول ثلاث خلايا في الجدول وبزر الفأرة الأيمن اختر من القائمة المنسدلة:
Table>Merge cell
لتقسيم خلية نختار أول خلية من اليمين من الصف الثاني
Table>Split cell
اترك القيم كما هي و اضغط ok
3. على أحد خطوط الجدول سيتغير شكل مؤشر الفأرة، الآن إضغط ضغطة واحدة بزر الفأرة الأيسر
سيتحدد الجدول بخط أسود.
من لوحة الخصائص properties غير القيم حسب الصورة التالية:
4. للكتابة داخل الجدول نضغط بمؤشر الفأرة في أي خلية نريد الكتابة فيها ونكتب بشكل عادي كما تعلمنا سابقا و كذلك الحال عند إدراج الصور.
مثلا ضع صورة في الخلية الأولى من السطر الثاني و نكتب في الخلية الثانية من السطر الثاني كلمة محمد، ومن لوحة الخصائص اختر وضعية النص العمودية سواء في الأعلى أو الأسفل أو الوسط
القوالب Templates:
1. لعمل قالب template جديد إتبع الآتي:
File>New
و من النافذة اختر Template ومنه HTML
2. لعمل Editable Region
Insert>Template objects>Editable region
احفظ القالب بأي أسم (مثلا 1)
3. لإدراج قالب إلى صفحة قم بالتالي
Modify>Template>Apply template to page
4. ومن الـ Editable regionأكتب أي نص بداخله وأدرج أي صورة
5. لتعديل القالب افتحه
File>Open
ومن النافذة اختر القالب الذي قمت بحفظه.
غير فيه ما شئت (مثلا ضع في الأسفل الحقوق والسنة) ومن ثم قم بحفظه.
دورة Dreamweaver MX [اليوم الرابع]: التعامل مع الجداول + القوالب Templates
بسم الله الرحمن الرحيم
التعامل مع الجداول:
إن الجداول هي من أهم الأدوات التي يستخدمها مصممو المواقع، فلا تجد موقعا رتبت في الصور، والنصوص والخلفيات وغيرها من الوساءط دون استخدام الجداول.
إن الجدول عبارة عن مجموعة من الصفوف الأفقية والأعمدة، التي تستطيع دمجها وفصلها وترتيبها في برنامج دريم ويفر.
إن برنامج دريم ويفر يتيح لك التعامل مع الجداول بسهولة حتى الخبراء في تصميم الموقع يتيع لهم دريم ويفر أداوة قوية لتقطيع الجدوال.
1. عمل جدول جديد
من قائمة الإدراج إضغط على زر الجدول و حدد القيم كما في الصورة التالية:
2- لتعديل هذا الجدول سواء بدمج إحدى خلايا هذا الجدول مع الأخرى أو في إنشاء خلايا جديدة
حدد أول ثلاث خلايا في الجدول وبزر الفأرة الأيمن اختر من القائمة المنسدلة:
Table>Merge cell
لتقسيم خلية نختار أول خلية من اليمين من الصف الثاني
Table>Split cell
اترك القيم كما هي و اضغط ok
3. على أحد خطوط الجدول سيتغير شكل مؤشر الفأرة، الآن إضغط ضغطة واحدة بزر الفأرة الأيسر
سيتحدد الجدول بخط أسود.
من لوحة الخصائص properties غير القيم حسب الصورة التالية:
4. للكتابة داخل الجدول نضغط بمؤشر الفأرة في أي خلية نريد الكتابة فيها ونكتب بشكل عادي كما تعلمنا سابقا و كذلك الحال عند إدراج الصور.
مثلا ضع صورة في الخلية الأولى من السطر الثاني و نكتب في الخلية الثانية من السطر الثاني كلمة محمد، ومن لوحة الخصائص اختر وضعية النص العمودية سواء في الأعلى أو الأسفل أو الوسط
القوالب Templates:
1. لعمل قالب template جديد إتبع الآتي:
File>New
و من النافذة اختر Template ومنه HTML
2. لعمل Editable Region
Insert>Template objects>Editable region
احفظ القالب بأي أسم (مثلا 1)
3. لإدراج قالب إلى صفحة قم بالتالي
Modify>Template>Apply template to page
4. ومن الـ Editable regionأكتب أي نص بداخله وأدرج أي صورة
5. لتعديل القالب افتحه
File>Open
ومن النافذة اختر القالب الذي قمت بحفظه.
غير فيه ما شئت (مثلا ضع في الأسفل الحقوق والسنة) ومن ثم قم بحفظه.
احمد سعيد- المدير العام
-
عدد الرسائل : 350
العمر : 38
الموقع : https://ahmedsaid.yoo7.com
العمل/الترفيه : الرياضة
المزاج : تمام
تاريخ التسجيل : 02/04/2008 -
مواضيع مماثلة» التعرف على البرنامج Dreamweaver MX الدرس الأول
» عمل صفحة وحفظها + التنقل بين وضعيات العمل Dreamweaver MX الدرس الثاني
» عمل صفحة وحفظها + التنقل بين وضعيات العمل Dreamweaver MX الدرس الثاني
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى