عمل موقع ويب متكامل في برنامج Dreamweaver
عمل موقع ويب متكامل في برنامج Dreamweaver
Dreamweaver
دروس تعرفك على برنامج :
Dreamweaver
برنامج تصميم المواقع
بسم الله الرحمنالرحيم
إنّ ما يعرفه الجميع عن برنامج الـ Macrodedia Dreamveaverهو أنه برنامج قوي يحتوي على أدوات قوية لتصميم
صفحات المواقع على الويب.. ولكن قد لا يكون الأغلبية قد اطلعوا على المميزات الجديدة لتحرير الصور في برنامج
ال دريم ويفر.. والتي تم اضافتها في النسخ الجديدة التي تم اطلاقها مؤخرا..
ففي النسخ القديمة.. كان على مصمم المواقع أن ينتقل إلى الماكروميديا فايرووركس ليتمكن
من تحرير الصور التي يود إضافتها في موقعه.. ومن ثم يضيفها مرة أخرى في البرنامج
بعد أن يقوم البرنامج بتهيئة الصفحة من جديد لإظهار ما تم تغييره في الصور المعدلة..
وبالتأكيد عملية الانتقال بين برنامجين مختلفين تعد عميلة مزعجة دائما أثناء العمل..
أما الآن وفي النسخ الجديدة لبرنامج الدريم ويفر.. أصبح من السهل إجراء التعديلات
الأساسية على الصور دون الحاجة لاستخدام تطبيقات أخرى.. ولكن هذا لا يعني بالتأكيد
أن هذه التأثيرات تستطيع أن تحل مكان البرامج المعروفة كالفوتوشوب والفايرووركس
بما تحويه من أدوات قوية لمعاجة الصور بشكل أفضل وأدق.
التعريف بأدوات تحرير الصور في دريم ويفر إم إكس:
من التأثيرات المتوفرة في برنامج دريم ويفر إم إكس لمعالجة الصور شكل (1) :
شكل(1)
* القص / Crop :
حيث يتم تصغير مساحة الصورة الأصلية.. وذلك بقص الأجزاء الغير مهمة منها للتركيز على ما هو مطلوب.
* إضافة العينات (pixels) / Resample:
ويتم ذلك بتكرار إضافة صف من البيكسلات وأخذ أقرب الألوان بعد قيامنا بتغييرات في قياس الصورة ( سواء بتكبيرها أو تصغيرها)..
وهذا يؤثر في درجة وضوح الصورة.. ويتم ذلك فقط في الصور ذات الإمتداد jpeg. و gif. .. واستخدام هذه الأداة يعمل على زيادة
(عند التكبير) أو تقليل (عن التصغير) حجم الصورة الأصلي.
* درجة الوضوح / Brightness/Contrast:
حيث يتم تغيير درجة وضوح البيكسلات في الصورة.. وهذا يؤثر على إضاءة، ظلال ولون الصورة.. وعادة ما تستخدم
هذه الأداة عندما تكون الصورة داكنة أو فاتحة جدا.
* حدة الصورة / Sharpen:
عامل تصفية لزيادة حدة الأطراف ويؤثر بشكل خاص على الخطوط الخارجية للعنصر المصور، ويتركز عمله بالعنصر
أقل مما يمس عامل التصفية العادي.
إن أدوات تحرير الصور في دريم ويفر تنتطبق فقط على الصور ذات الامتداد jpeg.
و gif.
كيفية استخدام كل أداة:
شكل(2)
ملاحظات قبل البدأ :
عند اختيار الصورة في دريم ويفر والتي ترغب في إجراء التغييرات عليها.. سوف تتغير لوحة المفاتيح properties panel
1- والموجودة أسفل نافذة العمل.. إلى لوحة مفاتيح تحوي جميع الأدوات الخاصة بالصور شكل(2).
2- لتغيير مقاس الصورة ( أي تكبيرها أو تصغيرها).. قم بوضع الماوس عند الأماكن المحددة على الصورة وهي بالشكل ▪ ..
3- واضغط بشكل مستمر على زر الفأرة الأيسر وقم بالسحب سواء للتكبير أو التصغير.. سوف تلاحظ عند إجراء هذا التغيير..
4- أن الأرقام الموجودة في خانتي الطول H والعرض W قد تغيرت.. كذلك تستطيع تغيير مقاس الصورة بتغيير الأرقام الموجودة
5- في هاتين الخانتين .. ولكن حجم الملف الأصلي لن يتغير بهذه العملية، ستجد حجم الملف على يسار هاتين الخانتين ..
6- ولكي تعيد الصورة إلى ما كانت عليه.. قم بالضغط على زر الـ refresh الموجود في لوحة الخصائص شكل (3).
شكل(3)
3- عند إجراء التأثيرات الخاصة بمعالجة الصور وهي القص، إضافة العينات، درجة الوضوح وحدة الصورة.. فإن هذا سيؤثر
على الملف الأصلي للصورة.. لذى عليك أن تتأكد قبل إجراء هذه العمليات، أن يكون لديك نسخة احتياطية من الصورة.
وسوف يقوم البرنامج قبل البدأ بإجراء أي تغيير بتنبيهك.. وذلك عن طريق ظهور رسالة تحذيرية شكل (4).. وللتراجع عن
أي تغيير عليك بالضغط على أيقونة التراجع الموجودة في شريط standard.. أو من خلال القائمة edit>undo.
شكل(4)
إذا كنت لا ترغب بظهور الرسالة التحذيرية في كل مرة قم باختيار
ا لمربع الموجود بجانب الجملة ” لا تظهر هذه الرسالة مرة أخرى“
القص / Crop :
ل إجراء عملية القص على الصورة.. قم أولا بتحديدها ومن لوحة الخصائص.. اضغط على أيقونة القص / Crop .. سوف
تظهر لك رسالة تحذير شكل (4).. اضغط موافق ok .. وقم بتحديد الجزء الذي ترغب في اختياره شكل (5).. ومن ثم
اضغط مرتين بزر الفأرة الأيسر داخل المربع أو اضغط على مفتاح الإدخال
Enter.. وللتراجع عن الخطوة السابقة اضغط على أيقونة التراجع undo.
شكل(5)
إضافة العينات (pixels) /Resample :
ستلاحظ عند إضافة أي صورة للصفحة أنك غير قادر على استخدام هذه الأداة عليها حيث ستجدها باللون الرمادي أي أنها غير مفعله..
وعند تغييرك لمقاس الصورة بتكبيرها أو تصغيرها.. ستلاحظ تغير لون الأيقونة وهذا يعني قدرتك على استخدامها.. اضغط على أيقونة
Resample .. ولاحظ أن حجم الملف سوف يتغير بعدها، حجم الملف ستجده في أعلى الزاوية اليسرى لِلَوحة الخصائص.
درجة الوضوح / Brightness/Contrast:
قم باختيار الصورة.. ثم اضغط على الأيقونة الخاصة.. ستظهر نافذة للقيم قم بتغيير brightness و contrast .. إما بسحب
المنزلق لكل منهما .. أو بتغيير القيم داخل مربع القيم .. ولاحظ التغيير الذي سيظهر على الصورة شكل (6).
شكل(6)
حدة الصورة / Sharpen:
قم باختيار الصورة.. ثم اضغط على أيقونة Sharpen.. ستظهر نافذة أخرى بالقيمة قم بتغييرها إما بسحب المنزلق.. أو بتغيير
القيمة من مربع القيم .. ولاحظ التغيير على الصورة شكل (7).
شكل(7)
ستلاحظ وجود مربع بجانب كلمة معاينة (preview) في
نافذة Brightness/Contrast و أيضا Sharpen.. اختيارك له يسمح
لك بمشاهدة التغييرات فور تغير القيم مباشرة.. وبإلغائك
ا لاختيار.. لن تتمكن من ملاحظة التغييرات إلا بعد إغلاق النافذة
~:: نهايةالدرس ::~
أ سأل الله لكم التوفيق.. واسمحولنا على أي خطأ..
ولا تنسونا من صالح دعائكم..
ad-u.com offer a higher profits for website owners Publishers
via ad advertising with pop under ads and refers other member
Any referred newuser give you 0.25$ free money & also you get
10% from all your referred members money its five level under
also Ad-u.com give you for the first time 1$ free money for u
and pay 0.005$ Per visitor & per popunder its a huge money
عمل موقع ويب متكامل في برنامج Dreamweaver
Dreamweaver
دروس تعرفك على برنامج :
Dreamweaver
برنامج تصميم المواقع
بسم الله الرحمنالرحيم
إنّ ما يعرفه الجميع عن برنامج الـ Macrodedia Dreamveaverهو أنه برنامج قوي يحتوي على أدوات قوية لتصميم
صفحات المواقع على الويب.. ولكن قد لا يكون الأغلبية قد اطلعوا على المميزات الجديدة لتحرير الصور في برنامج
ال دريم ويفر.. والتي تم اضافتها في النسخ الجديدة التي تم اطلاقها مؤخرا..
ففي النسخ القديمة.. كان على مصمم المواقع أن ينتقل إلى الماكروميديا فايرووركس ليتمكن
من تحرير الصور التي يود إضافتها في موقعه.. ومن ثم يضيفها مرة أخرى في البرنامج
بعد أن يقوم البرنامج بتهيئة الصفحة من جديد لإظهار ما تم تغييره في الصور المعدلة..
وبالتأكيد عملية الانتقال بين برنامجين مختلفين تعد عميلة مزعجة دائما أثناء العمل..
أما الآن وفي النسخ الجديدة لبرنامج الدريم ويفر.. أصبح من السهل إجراء التعديلات
الأساسية على الصور دون الحاجة لاستخدام تطبيقات أخرى.. ولكن هذا لا يعني بالتأكيد
أن هذه التأثيرات تستطيع أن تحل مكان البرامج المعروفة كالفوتوشوب والفايرووركس
بما تحويه من أدوات قوية لمعاجة الصور بشكل أفضل وأدق.
التعريف بأدوات تحرير الصور في دريم ويفر إم إكس:
من التأثيرات المتوفرة في برنامج دريم ويفر إم إكس لمعالجة الصور شكل (1) :
شكل(1)
* القص / Crop :
حيث يتم تصغير مساحة الصورة الأصلية.. وذلك بقص الأجزاء الغير مهمة منها للتركيز على ما هو مطلوب.
* إضافة العينات (pixels) / Resample:
ويتم ذلك بتكرار إضافة صف من البيكسلات وأخذ أقرب الألوان بعد قيامنا بتغييرات في قياس الصورة ( سواء بتكبيرها أو تصغيرها)..
وهذا يؤثر في درجة وضوح الصورة.. ويتم ذلك فقط في الصور ذات الإمتداد jpeg. و gif. .. واستخدام هذه الأداة يعمل على زيادة
(عند التكبير) أو تقليل (عن التصغير) حجم الصورة الأصلي.
* درجة الوضوح / Brightness/Contrast:
حيث يتم تغيير درجة وضوح البيكسلات في الصورة.. وهذا يؤثر على إضاءة، ظلال ولون الصورة.. وعادة ما تستخدم
هذه الأداة عندما تكون الصورة داكنة أو فاتحة جدا.
* حدة الصورة / Sharpen:
عامل تصفية لزيادة حدة الأطراف ويؤثر بشكل خاص على الخطوط الخارجية للعنصر المصور، ويتركز عمله بالعنصر
أقل مما يمس عامل التصفية العادي.
إن أدوات تحرير الصور في دريم ويفر تنتطبق فقط على الصور ذات الامتداد jpeg.
و gif.
كيفية استخدام كل أداة:
شكل(2)
ملاحظات قبل البدأ :
عند اختيار الصورة في دريم ويفر والتي ترغب في إجراء التغييرات عليها.. سوف تتغير لوحة المفاتيح properties panel
1- والموجودة أسفل نافذة العمل.. إلى لوحة مفاتيح تحوي جميع الأدوات الخاصة بالصور شكل(2).
2- لتغيير مقاس الصورة ( أي تكبيرها أو تصغيرها).. قم بوضع الماوس عند الأماكن المحددة على الصورة وهي بالشكل ▪ ..
3- واضغط بشكل مستمر على زر الفأرة الأيسر وقم بالسحب سواء للتكبير أو التصغير.. سوف تلاحظ عند إجراء هذا التغيير..
4- أن الأرقام الموجودة في خانتي الطول H والعرض W قد تغيرت.. كذلك تستطيع تغيير مقاس الصورة بتغيير الأرقام الموجودة
5- في هاتين الخانتين .. ولكن حجم الملف الأصلي لن يتغير بهذه العملية، ستجد حجم الملف على يسار هاتين الخانتين ..
6- ولكي تعيد الصورة إلى ما كانت عليه.. قم بالضغط على زر الـ refresh الموجود في لوحة الخصائص شكل (3).
شكل(3)
3- عند إجراء التأثيرات الخاصة بمعالجة الصور وهي القص، إضافة العينات، درجة الوضوح وحدة الصورة.. فإن هذا سيؤثر
على الملف الأصلي للصورة.. لذى عليك أن تتأكد قبل إجراء هذه العمليات، أن يكون لديك نسخة احتياطية من الصورة.
وسوف يقوم البرنامج قبل البدأ بإجراء أي تغيير بتنبيهك.. وذلك عن طريق ظهور رسالة تحذيرية شكل (4).. وللتراجع عن
أي تغيير عليك بالضغط على أيقونة التراجع الموجودة في شريط standard.. أو من خلال القائمة edit>undo.
شكل(4)
إذا كنت لا ترغب بظهور الرسالة التحذيرية في كل مرة قم باختيار
ا لمربع الموجود بجانب الجملة ” لا تظهر هذه الرسالة مرة أخرى“
القص / Crop :
ل إجراء عملية القص على الصورة.. قم أولا بتحديدها ومن لوحة الخصائص.. اضغط على أيقونة القص / Crop .. سوف
تظهر لك رسالة تحذير شكل (4).. اضغط موافق ok .. وقم بتحديد الجزء الذي ترغب في اختياره شكل (5).. ومن ثم
اضغط مرتين بزر الفأرة الأيسر داخل المربع أو اضغط على مفتاح الإدخال
Enter.. وللتراجع عن الخطوة السابقة اضغط على أيقونة التراجع undo.
شكل(5)
إضافة العينات (pixels) /Resample :
ستلاحظ عند إضافة أي صورة للصفحة أنك غير قادر على استخدام هذه الأداة عليها حيث ستجدها باللون الرمادي أي أنها غير مفعله..
وعند تغييرك لمقاس الصورة بتكبيرها أو تصغيرها.. ستلاحظ تغير لون الأيقونة وهذا يعني قدرتك على استخدامها.. اضغط على أيقونة
Resample .. ولاحظ أن حجم الملف سوف يتغير بعدها، حجم الملف ستجده في أعلى الزاوية اليسرى لِلَوحة الخصائص.
درجة الوضوح / Brightness/Contrast:
قم باختيار الصورة.. ثم اضغط على الأيقونة الخاصة.. ستظهر نافذة للقيم قم بتغيير brightness و contrast .. إما بسحب
المنزلق لكل منهما .. أو بتغيير القيم داخل مربع القيم .. ولاحظ التغيير الذي سيظهر على الصورة شكل (6).
شكل(6)
حدة الصورة / Sharpen:
قم باختيار الصورة.. ثم اضغط على أيقونة Sharpen.. ستظهر نافذة أخرى بالقيمة قم بتغييرها إما بسحب المنزلق.. أو بتغيير
القيمة من مربع القيم .. ولاحظ التغيير على الصورة شكل (7).
شكل(7)
ستلاحظ وجود مربع بجانب كلمة معاينة (preview) في
نافذة Brightness/Contrast و أيضا Sharpen.. اختيارك له يسمح
لك بمشاهدة التغييرات فور تغير القيم مباشرة.. وبإلغائك
ا لاختيار.. لن تتمكن من ملاحظة التغييرات إلا بعد إغلاق النافذة
~:: نهايةالدرس ::~
أ سأل الله لكم التوفيق.. واسمحولنا على أي خطأ..
ولا تنسونا من صالح دعائكم..
ad-u.com offer a higher profits for website owners Publishers
via ad advertising with pop under ads and refers other member
Any referred newuser give you 0.25$ free money & also you get
10% from all your referred members money its five level under
also Ad-u.com give you for the first time 1$ free money for u
and pay 0.005$ Per visitor & per popunder its a huge money