عاصم حمزة
17-08-2011, 05:13 PM
http://www.samysoft.net/fmm/fimnew/basmla/gfjfghjfg.gif
http://www.samysoft.net/fmm/fimnew/slam/fdgdfgd.gif
http://www.samysoft.net/fmm/fimnew/other/1/ghfghfghfghf.gif
رمضان كريم عليكم كلكم
أعتذر عن تأخيري في شرح دورة تصميم المواقع باستخدام برنامج Expression Web نظراً لظروف خاصة جداً منعتني أساساً من الدخول علي الإنترنت الأيام السابقة..... فأعتذر منكم جميعاً علي التأخير المفاجئ..
http://www.samysoft.net/fmm/fimnew/fwasel/1/fgfdg.gif
http://www.m1111.net//uploads/images/m1111.net-fd16623dcb.png
نبدأ معاً درسنا الأول:
يعتبر البرنامج أحد البرامج الحديثة والتي تستخدم في إنشاء وتصميم موقع بتقنيات حديثة وجذابة ... وهو البديل لبرنامج الفرونت بيج Front Page حيث اطلقوا عليه اسم الفرونت بيج الجديد...
يُعتبر Expression Web 2 هو الإصدار البديل للإصدار الذي كان يتوقع إصداره فرونت بيج FrontPage 2007 وكما يبدو فمايكروسوفت قد إستغنت عن الفرونت بيج الذي اصبح من الماضي.
فوائده:-
1- السرعة في تصميم الموقع بما يوفر الوقت والجهد
2- مجموعة القوالب الجاهزة
3- تحتوي واجهته علي مكونات عديدة تساعدك في إتمام أعمالك بصورة ممتازة
مميزاته:-
1- قدرة البرنامج علي إنشاء صفحات بشكل جذاب
2- سهولة الاستخدام
3- إنشاء موقع ويب متكامل
http://www.samysoft.net/fmm/fimnew/fwasel/1/fgfdg.gif
ومن المعروف أن أي صفحة إنترنت يتم كتابتها أساساً بلغة تسمي HTML والتي تترجم إلي لغة ترميز النص الفائق
Hyper Text Markup Language
مما يعني ان لغة HTML هي الأساس والإنترنت هي البناء
وتعتمد هذه اللغة علي ما يسمي بالـــ Tages أي الوسوم وهي اقواس ذات شكل خاص لها الشكل التالي
<الأمر > ............... بداية
</الأمر > ..............نهاية
وهناك نوعان من الوسوم هما البداية والنهاية
انظر الشكل التالي واعرف الأوسمة الهامة من خلاله:-
http://www.m1111.net//uploads/images/m1111.net-7a4ed47156.png
http://www.samysoft.net/fmm/fimnew/fwasel/1/fgfdg.gif
س: ما هي مكونات الويب؟
1- النصوص Texts
وهي العنصر الأساسي لتكوين محتويات الموقع وبإمكانك تنسيقها مثل برنامج الوورد
2- الصور Images
أصبحت من العناصر الأساسية في موقع الويب وعادة ما تكون الصورة من نوع Jpg أو Gif لان مساحتها تكون أقل
3- الروابط Links
هي الفكرة الأصلية في إنشاء الويب
4- الجداول Tables
وذلك لتنظيم البيانات
5- الإطارات Frames
وهي طريقة من طرق تصميم صفحات الويب وتعتمد علي تقسيم نافذة المستعرض
6- النماذج Forms
وهي أجزاء في شكل مستطيل الهدف منها تجميع بيانات من زائري الموقع
7- الوسائط المتعددة Multimedia
مثل تسجيلات صوتية أو لقطات فيديو أو بث مباشر
http://www.samysoft.net/fmm/fimnew/fwasel/1/fgfdg.gif
س: ما الفرق بين كلاً من
web designer – web developer – web administrator
Web designer:- هو الشخص المسئول عن وضع الشكل العام للموقع ومسئول عن تنسيق الصفحات ووضع الاستايل لكل صفحة ويقوم بإضافة أقسام جديدة ويعتمد في عمله علي أحد برامج التصميم..... Front page – Exp.web
Web developer :- وظيفته وضع الأكواد التي يحتاجها الموقع مثل كل المواقع يطلب منك اشتراك وتسجيل بياناتك هذا النموذج يقوم ببرمجته مطور الموقع ... ولكي تكون مطور موقع لابد أن تلم بلغات البرمجة مثل PHP و Java
Web administrator :- يكون مشرف علي الموقع ولا يشترط قدرته علي التصميم والتطوير وهو مسئول عن مراقبة الموقع وإيجاد أفكار جديدة
http://www.samysoft.net/fmm/fimnew/fwasel/1/409846465.gif
وإليكم ملف باور بويينت لتعليم لغة Html
حمل من هنا
http://www.mediafire.com/?ehsraoa1tjclwo9 (http://www.mediafire.com/?ehsraoa1tjclwo9)
الرقم السري بالمرفقات
http://www.samysoft.net/fmm/fimnew/fwasel/1/409846465.gif
إلي الان لم نستخدم البرنامج ولكننا نحتاج إلي معرفة الكلام السابق جيداً قبل الدخول في تفاصيل البرنامج ..
نأتي الآن إلي تحميل برنامج الــ Expression Web
***********************************
الرابط الأول:-
http://www.4shared.com/file/kWcpDb8t/microsoft_expreetion_wep.html (http://www.4shared.com/file/kWcpDb8t/microsoft_expreetion_wep.html)
الرابط الثاني:-
http://www.megaupload.com/?d=AHU3B2BB
الحجم : 390
رقم CD KEY : **** البرنامج
GFF4B-G4JJ8-HXRPX-RV4VQ-8CV9W
http://www.samysoft.net/fmm/fimnew/fwasel/1/hjhjgj.gif
تمارين الدرس الأول علي لغة HTML
1- مطلوب من كل عضو مشارك معنا أن يقوم بتصميم صفحة شخصية بإسمه وبها مجموعة من النصوص مثل بياناته
2-عمل جدول مكون من 4 اعمدة وصفين كل عمود يحتوي علي بيان تكتبه بنفسك؟
يتم إرسال الكود والصفحة في رسالة خاصة أو وضع تطبيقك في هذا الموضوع...
وأي استفسار إحنا موجودين.....
انتظرونا الدرس القاااادم في شرح أولي دروس التعرف علي البرنامج يوم السبت القادم بإذن الله وسيكون فيديو ورابط الفيديو سيصل للمشاركين فقط ...
http://www.samysoft.net/fmm/fimnew/nehaya/43534534.gif
http://www.samysoft.net/fmm/fimnew/nehaya/99087634.gif
http://www.samysoft.net/fmm/fimnew/slam/fdgdfgd.gif
http://www.samysoft.net/fmm/fimnew/other/1/ghfghfghfghf.gif
رمضان كريم عليكم كلكم
أعتذر عن تأخيري في شرح دورة تصميم المواقع باستخدام برنامج Expression Web نظراً لظروف خاصة جداً منعتني أساساً من الدخول علي الإنترنت الأيام السابقة..... فأعتذر منكم جميعاً علي التأخير المفاجئ..
http://www.samysoft.net/fmm/fimnew/fwasel/1/fgfdg.gif
http://www.m1111.net//uploads/images/m1111.net-fd16623dcb.png
نبدأ معاً درسنا الأول:
يعتبر البرنامج أحد البرامج الحديثة والتي تستخدم في إنشاء وتصميم موقع بتقنيات حديثة وجذابة ... وهو البديل لبرنامج الفرونت بيج Front Page حيث اطلقوا عليه اسم الفرونت بيج الجديد...
يُعتبر Expression Web 2 هو الإصدار البديل للإصدار الذي كان يتوقع إصداره فرونت بيج FrontPage 2007 وكما يبدو فمايكروسوفت قد إستغنت عن الفرونت بيج الذي اصبح من الماضي.
فوائده:-
1- السرعة في تصميم الموقع بما يوفر الوقت والجهد
2- مجموعة القوالب الجاهزة
3- تحتوي واجهته علي مكونات عديدة تساعدك في إتمام أعمالك بصورة ممتازة
مميزاته:-
1- قدرة البرنامج علي إنشاء صفحات بشكل جذاب
2- سهولة الاستخدام
3- إنشاء موقع ويب متكامل
http://www.samysoft.net/fmm/fimnew/fwasel/1/fgfdg.gif
ومن المعروف أن أي صفحة إنترنت يتم كتابتها أساساً بلغة تسمي HTML والتي تترجم إلي لغة ترميز النص الفائق
Hyper Text Markup Language
مما يعني ان لغة HTML هي الأساس والإنترنت هي البناء
وتعتمد هذه اللغة علي ما يسمي بالـــ Tages أي الوسوم وهي اقواس ذات شكل خاص لها الشكل التالي
<الأمر > ............... بداية
</الأمر > ..............نهاية
وهناك نوعان من الوسوم هما البداية والنهاية
انظر الشكل التالي واعرف الأوسمة الهامة من خلاله:-
http://www.m1111.net//uploads/images/m1111.net-7a4ed47156.png
http://www.samysoft.net/fmm/fimnew/fwasel/1/fgfdg.gif
س: ما هي مكونات الويب؟
1- النصوص Texts
وهي العنصر الأساسي لتكوين محتويات الموقع وبإمكانك تنسيقها مثل برنامج الوورد
2- الصور Images
أصبحت من العناصر الأساسية في موقع الويب وعادة ما تكون الصورة من نوع Jpg أو Gif لان مساحتها تكون أقل
3- الروابط Links
هي الفكرة الأصلية في إنشاء الويب
4- الجداول Tables
وذلك لتنظيم البيانات
5- الإطارات Frames
وهي طريقة من طرق تصميم صفحات الويب وتعتمد علي تقسيم نافذة المستعرض
6- النماذج Forms
وهي أجزاء في شكل مستطيل الهدف منها تجميع بيانات من زائري الموقع
7- الوسائط المتعددة Multimedia
مثل تسجيلات صوتية أو لقطات فيديو أو بث مباشر
http://www.samysoft.net/fmm/fimnew/fwasel/1/fgfdg.gif
س: ما الفرق بين كلاً من
web designer – web developer – web administrator
Web designer:- هو الشخص المسئول عن وضع الشكل العام للموقع ومسئول عن تنسيق الصفحات ووضع الاستايل لكل صفحة ويقوم بإضافة أقسام جديدة ويعتمد في عمله علي أحد برامج التصميم..... Front page – Exp.web
Web developer :- وظيفته وضع الأكواد التي يحتاجها الموقع مثل كل المواقع يطلب منك اشتراك وتسجيل بياناتك هذا النموذج يقوم ببرمجته مطور الموقع ... ولكي تكون مطور موقع لابد أن تلم بلغات البرمجة مثل PHP و Java
Web administrator :- يكون مشرف علي الموقع ولا يشترط قدرته علي التصميم والتطوير وهو مسئول عن مراقبة الموقع وإيجاد أفكار جديدة
http://www.samysoft.net/fmm/fimnew/fwasel/1/409846465.gif
وإليكم ملف باور بويينت لتعليم لغة Html
حمل من هنا
http://www.mediafire.com/?ehsraoa1tjclwo9 (http://www.mediafire.com/?ehsraoa1tjclwo9)
الرقم السري بالمرفقات
http://www.samysoft.net/fmm/fimnew/fwasel/1/409846465.gif
إلي الان لم نستخدم البرنامج ولكننا نحتاج إلي معرفة الكلام السابق جيداً قبل الدخول في تفاصيل البرنامج ..
نأتي الآن إلي تحميل برنامج الــ Expression Web
***********************************
الرابط الأول:-
http://www.4shared.com/file/kWcpDb8t/microsoft_expreetion_wep.html (http://www.4shared.com/file/kWcpDb8t/microsoft_expreetion_wep.html)
الرابط الثاني:-
http://www.megaupload.com/?d=AHU3B2BB
الحجم : 390
رقم CD KEY : **** البرنامج
GFF4B-G4JJ8-HXRPX-RV4VQ-8CV9W
http://www.samysoft.net/fmm/fimnew/fwasel/1/hjhjgj.gif
تمارين الدرس الأول علي لغة HTML
1- مطلوب من كل عضو مشارك معنا أن يقوم بتصميم صفحة شخصية بإسمه وبها مجموعة من النصوص مثل بياناته
2-عمل جدول مكون من 4 اعمدة وصفين كل عمود يحتوي علي بيان تكتبه بنفسك؟
يتم إرسال الكود والصفحة في رسالة خاصة أو وضع تطبيقك في هذا الموضوع...
وأي استفسار إحنا موجودين.....
انتظرونا الدرس القاااادم في شرح أولي دروس التعرف علي البرنامج يوم السبت القادم بإذن الله وسيكون فيديو ورابط الفيديو سيصل للمشاركين فقط ...
http://www.samysoft.net/fmm/fimnew/nehaya/43534534.gif
http://www.samysoft.net/fmm/fimnew/nehaya/99087634.gif