رائد ابو فيصل
04-02-2010, 08:29 PM
السلام عليكم ورحمة الله وبركاته
إضافة النصوص والصور
http://www.sadaagroup.com/dreamweaver/learndreamweaver/images/21.jpg
1- Format: بمجرد الضغط عليها ستظهر نافذة منسدلة لاختيار فقرة ام لعنوان أو نص طبيعي
2- A : بمجرد الضغط على الحرف سيتحول لاختيار مابين CSS ام HTML
وستلاحظ ظهور قائمة منسدلة بجانب الحرف وهو يعتبر منسق لكلاهما بالنسبة للفونت
فأختر ماتريده من الفونت أو بإمكانك اختيار فونت أخر
3- Size: حجم الفونت
4- Text Color: لون النص
5- Bold: لتعريض الخط
6- Italic: لجعل النص مائل
7- لكتابة النص إلى اليسار
8- لكتابة النص إلى الوسط
9- لكتابة النص إلى اليمين
10- لعمل النص بمحاذاة واحدة
11- Link:لعمل ارتباط تشعيبي للنص
12- تسمى بالساعة وعملها يتوقف على وجود موقع متكامل في نافذة Files كل ما عليك هو سحب شكل الساعة لملف الموقع لديك بنافذة البرنامج وهيا ميزة رائعة ببرنامج الدريم ويفر
13- مجرد الضغط على الفولدر ستظهر نافذة لاختيار الملف المراد ربطه مع النص
14- Target: ستظهر نافذة منسدلة لتحديد عند الضغط على النص المرتبط بصفحة أخرى هل تفضل فتح الرابط بصفحه مستقلة ام بنفس الصفحة ام بأعلى الصفحة ام بصفحه جديدة مستقلة
15- List Item: ستظهر نافذة بمجرد الضغط عليها لتغير شكل النقاط أو الأرقام التي بجانب النص
http://www.sadaagroup.com/dreamweaver/learndreamweaver/images/21.jpg
1- نوع التعداد
2- لتحديد شكل التعداد
3- لتحديد العدد الذي سيبدأ فيه التعداد الرقمي
4- لتحديد لكائن رقمي أخر شكل جديد و لتحديد بدأ ترقيم التعداد الرقمي
16- بمجرد الضغط ستظهر قائمة لاختيار عرض الخصائص HTML or CSS
17- زر للمساعدة
18- للتحرير المباشر للـغة HTML
19- لتصغير لوحة الخصائص
طريقة إضافة الصور
يتميز دريم ويفر بسهولة إضافة الصور لعملك وبقدرته لتحرير الصور
لإدراج صورة اذهب لفتح لوحة إدراج الكائنات والتي سبق شرحها في واجهة البرنامج
Common>Image
أو بالذهاب لقائمة Insert>Image مفتاح الاختصار Ctrl + Alt + I
http://www.sadaagroup.com/dreamweaver/learndreamweaver/images/23.jpg
بعد انتهاءك من إرفاق الصورة قم بالضغط عليها مره واحده ستلاحظ ظهور خصائص الصورة بأسفل البرنامج ( أنظر للشكل التالي )
http://www.sadaagroup.com/dreamweaver/learndreamweaver/images/24.jpg
http://www.sadaagroup.com/dreamweaver/learndreamweaver/images/25.jpg
1- مربع توضيحي لشكل الصورة التي تم تحديدها وبجانبها كلمة Image وحجم الصورة وبأسفلها مستطيل فارغ لكتابة اسم الصورة
2- Width: مقاس عرض الصورة مع إمكانية بالتعديل عليها , Height: مقاس طول الصورة مع إمكانية التعديل عليها
3- Src: من شكل خصائص الصورة ستلاحظ وجود مسار للصورة وهو يقوم بتحديدها لك لمعرفة مسار الصورة بالبرنامج بإمكانك القيام بتجربة السحب على أيقونة شكل الساعة وأسحبها للصورة سيظهر تحديد مسار الملف بالكامل
4- Link: لوضع ارتباط تشعيبي على الصورة
5- Alt: عند تمرير السهم على الصورة بموقعك سيظهر عليها اسم ما فبإمكانك تحديد ما تريد كتابته
6- Edit: عند تغيرك بخصائص الصورة فبمجرد الضغط على الأيقونة Edit سيتم تعديلها فوراً ..و Rest Size لإرجاع حجم الصورة الأصلية كما كان.
7- Map: خاص برسم خرائط للصور فالأمر أشبه بعمل ارتباطات متعددة لصورة واحده ولكي نقوم بعمل ارتباطات متعددة سنستخدم أداوت للرسم
8- Pointer: سهم لتحريك الأشكال المرسوم على الصورة
9: Hotspot Tool: هذه الثلاث أدوات الخاصة برسم مربع أو مستطيل أو رسم عشوائي للمضلع وبمجرد رسم المربع ستظهر لوحة خصائص جديدة لعمل ارتباط عليها وتحديد مسار فتح الإطار في حاله النقر على الصورة
10- Vspace: لعمل إطار شفاف (مخفي) فقط لكي يبعد عن أي شي يقع من فوقه أو بأسفله
11- Hspace: لعمل إطار شفاف (مخفي) فقط لكي يبعد عن أي شي يقع من جهة اليمنى أو اليسرى
12- Target: عندما تحدد ارتباط ألتشعبي على الصورة بإمكانك تحديد طريقة فتح الصفحة إذا كانت صفحة مستقلة أو بنفس الصفحة وسبق شرحها بواجهة البرنامج
13- Lowsrc: وهيا ميزة رائعة ترفق صورة بمقاس صغير وستظهر لك الصورة بالموقع في حين يتم تحميل المقاس الأصلي
14- Border: نكتب رقم ما لتحديد إطار للصورة
15- لتحديد محاذاة الصورة يمين أو يسار أو بالمنتصف
16- Align: لتحديد محاذاة الصورة بجانب النص بدرجات متفاوتة ومتقاربة ..ستظهر لك قائمة لتحديد محاذاة النص
انتهى الدرس ولا تنسونا من صالح دعائكم
منقول
إضافة النصوص والصور
http://www.sadaagroup.com/dreamweaver/learndreamweaver/images/21.jpg
1- Format: بمجرد الضغط عليها ستظهر نافذة منسدلة لاختيار فقرة ام لعنوان أو نص طبيعي
2- A : بمجرد الضغط على الحرف سيتحول لاختيار مابين CSS ام HTML
وستلاحظ ظهور قائمة منسدلة بجانب الحرف وهو يعتبر منسق لكلاهما بالنسبة للفونت
فأختر ماتريده من الفونت أو بإمكانك اختيار فونت أخر
3- Size: حجم الفونت
4- Text Color: لون النص
5- Bold: لتعريض الخط
6- Italic: لجعل النص مائل
7- لكتابة النص إلى اليسار
8- لكتابة النص إلى الوسط
9- لكتابة النص إلى اليمين
10- لعمل النص بمحاذاة واحدة
11- Link:لعمل ارتباط تشعيبي للنص
12- تسمى بالساعة وعملها يتوقف على وجود موقع متكامل في نافذة Files كل ما عليك هو سحب شكل الساعة لملف الموقع لديك بنافذة البرنامج وهيا ميزة رائعة ببرنامج الدريم ويفر
13- مجرد الضغط على الفولدر ستظهر نافذة لاختيار الملف المراد ربطه مع النص
14- Target: ستظهر نافذة منسدلة لتحديد عند الضغط على النص المرتبط بصفحة أخرى هل تفضل فتح الرابط بصفحه مستقلة ام بنفس الصفحة ام بأعلى الصفحة ام بصفحه جديدة مستقلة
15- List Item: ستظهر نافذة بمجرد الضغط عليها لتغير شكل النقاط أو الأرقام التي بجانب النص
http://www.sadaagroup.com/dreamweaver/learndreamweaver/images/21.jpg
1- نوع التعداد
2- لتحديد شكل التعداد
3- لتحديد العدد الذي سيبدأ فيه التعداد الرقمي
4- لتحديد لكائن رقمي أخر شكل جديد و لتحديد بدأ ترقيم التعداد الرقمي
16- بمجرد الضغط ستظهر قائمة لاختيار عرض الخصائص HTML or CSS
17- زر للمساعدة
18- للتحرير المباشر للـغة HTML
19- لتصغير لوحة الخصائص
طريقة إضافة الصور
يتميز دريم ويفر بسهولة إضافة الصور لعملك وبقدرته لتحرير الصور
لإدراج صورة اذهب لفتح لوحة إدراج الكائنات والتي سبق شرحها في واجهة البرنامج
Common>Image
أو بالذهاب لقائمة Insert>Image مفتاح الاختصار Ctrl + Alt + I
http://www.sadaagroup.com/dreamweaver/learndreamweaver/images/23.jpg
بعد انتهاءك من إرفاق الصورة قم بالضغط عليها مره واحده ستلاحظ ظهور خصائص الصورة بأسفل البرنامج ( أنظر للشكل التالي )
http://www.sadaagroup.com/dreamweaver/learndreamweaver/images/24.jpg
http://www.sadaagroup.com/dreamweaver/learndreamweaver/images/25.jpg
1- مربع توضيحي لشكل الصورة التي تم تحديدها وبجانبها كلمة Image وحجم الصورة وبأسفلها مستطيل فارغ لكتابة اسم الصورة
2- Width: مقاس عرض الصورة مع إمكانية بالتعديل عليها , Height: مقاس طول الصورة مع إمكانية التعديل عليها
3- Src: من شكل خصائص الصورة ستلاحظ وجود مسار للصورة وهو يقوم بتحديدها لك لمعرفة مسار الصورة بالبرنامج بإمكانك القيام بتجربة السحب على أيقونة شكل الساعة وأسحبها للصورة سيظهر تحديد مسار الملف بالكامل
4- Link: لوضع ارتباط تشعيبي على الصورة
5- Alt: عند تمرير السهم على الصورة بموقعك سيظهر عليها اسم ما فبإمكانك تحديد ما تريد كتابته
6- Edit: عند تغيرك بخصائص الصورة فبمجرد الضغط على الأيقونة Edit سيتم تعديلها فوراً ..و Rest Size لإرجاع حجم الصورة الأصلية كما كان.
7- Map: خاص برسم خرائط للصور فالأمر أشبه بعمل ارتباطات متعددة لصورة واحده ولكي نقوم بعمل ارتباطات متعددة سنستخدم أداوت للرسم
8- Pointer: سهم لتحريك الأشكال المرسوم على الصورة
9: Hotspot Tool: هذه الثلاث أدوات الخاصة برسم مربع أو مستطيل أو رسم عشوائي للمضلع وبمجرد رسم المربع ستظهر لوحة خصائص جديدة لعمل ارتباط عليها وتحديد مسار فتح الإطار في حاله النقر على الصورة
10- Vspace: لعمل إطار شفاف (مخفي) فقط لكي يبعد عن أي شي يقع من فوقه أو بأسفله
11- Hspace: لعمل إطار شفاف (مخفي) فقط لكي يبعد عن أي شي يقع من جهة اليمنى أو اليسرى
12- Target: عندما تحدد ارتباط ألتشعبي على الصورة بإمكانك تحديد طريقة فتح الصفحة إذا كانت صفحة مستقلة أو بنفس الصفحة وسبق شرحها بواجهة البرنامج
13- Lowsrc: وهيا ميزة رائعة ترفق صورة بمقاس صغير وستظهر لك الصورة بالموقع في حين يتم تحميل المقاس الأصلي
14- Border: نكتب رقم ما لتحديد إطار للصورة
15- لتحديد محاذاة الصورة يمين أو يسار أو بالمنتصف
16- Align: لتحديد محاذاة الصورة بجانب النص بدرجات متفاوتة ومتقاربة ..ستظهر لك قائمة لتحديد محاذاة النص
انتهى الدرس ولا تنسونا من صالح دعائكم
منقول