Follow us on Facebook Follow us on Twitter Linked In Flickr Watch us on YouTube My Space Blogger
التسجيل
صفحة 1 من 2 12 الأخيرةالأخيرة
النتائج 1 إلى 15 من 22

دورة مميزات : الدرس الثانى First Website

هذا الموضوع : دورة مميزات : الدرس الثانى First Website داخل الويب وتطوير المواقع | Websites Design & Developmentالتابع الي قسم المنتديات التقنية : بسم الله الرحمن الرحيم بما أن الدرس الأول فشـل فشلا زريعاً من وجهة نظرى .. برغم كل التعليقات التى أثنت ...

  1. #1
    الصورة الرمزية momizat
    مصمم جديد

    الحالة
    غير متصل
    تاريخ التسجيل
    Oct 2010
    الدولة
    مصر
    المشاركات
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    0

    دورة مميزات : الدرس الثانى First Website



    بسم الله الرحمن الرحيم

    بما أن الدرس الأول فشـل فشلا زريعاً من وجهة نظرى .. برغم كل التعليقات التى أثنت على الدرس .. إلى إننى نقدت فى كل شـئ .. فى لهجتى المبتذلة (التى أعشـقها) وفى تطرقى للشرح بهذه البساطة المتناهية متجاهلاً.. المبتدئين جدا جدا الذين لم يستطيعوا حفظ الملف بامتداد HTML أنا لا ألومهم فكلنا كنا هكذا فى البداية .. ولكن أرجوهم أن يفكروا قليلاً ويعيدوا النظر فيما يقـرؤه .. ولا يترددوا فى أى سـؤال .. ويستخدموا الاختراع الفذ المسمى بجوجل

    قول ورايا …

    الحمد لله الذى بنعمته تتم الصالحات .. اللهم أخرجنا من ظلمات الوهم إلى نور الفهم وامنن علينا بالعلم وزين أخلاقنا بالحلم .. اللهم صلى على محمد وعلى آل محمد كما صليت على ابراهيم وعلى ابراهيم وبارك على محمد وعلى ال محمد كما باركت على ابراهيم وعلى آل ابراهيم فى العالمين إنك حميد مجيد.
    ملحوظة

    أضطررت أن أكتب باللغة العربية .. نظرا للتصويت المقام على الموقع .. إلى أن تتغير النتيجة
    لكن هذا الدرس .. صعب جدا أن يكتب بالعربية الفصحى .. فسأحاول قدر الإمكان وأرجو المعذرة ..
    وكمان اسف جدا على التأخير فى طرح الدرس والسبب فى كدا ايفـينت أدوبى .. اللى نمت ومروحتوش
    عم أحمد

    عنوان جانبى غريب جدا .. هنعرف حكايته دلوقتى .. هي حكاية افتراضـية كدا عشـان نوصل المعلومة بشكل أسهل .. فكل اللى جاى دا فروض .. نبدأ الحكاية ..

    استيقظت فى الصباح وكعادة كل الناس على كوكب الأرض .. أن أول مايكون فى الصـباح هو الإفطار .. ولدينا فى مصـر (بلد تربط بين أسيا وأفريقيا) .. شيئ دارج يسمى بعربات الفول (أكلة شعبية) فتتحدث مع صديقك وتخبره بأنك عكفت على تعلم تصميم المواقع وإنك عما قريب ستنافس جوجل .. فيسمعك صاحب عربة الفول ويستسمحك فى عمل موقع له على الإنترنت .. ويدور الحوار التالى
    إنت : ياعم احمد هتعمل بالموقع ايه دى عربية فول .
    عم أحمد : يابيه عشـان العيال ولادى لما يروح يلعبوا فى السايير يوروه لاصحابهم والعربية تتشهر والزرق يحب الخفية .
    إنت : طيب عايز تعمل ايه فى الموقع ؟
    عم أحمد : هتكتب قايمة بالطلبات والأسعار وبس.


    الحمد لله .. طلع حاجة سهلة واتعلمناها فى الدرس اللى فات .. نعمل الصـفحة بقا ..


    صفحة عم أحمد

    مراجعة سـريعة على اللى هنعمله ..
    1- عنوان كبيـر باسم الراجل صاحب العربية
    2- فقرة لكل صنف وجنبه سعره
    3- عمل السعر بولد عشان يبقا واضح
    4- الصفحة بالعربى .. فلازم تبقا يمين


    كود HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>عم أحمد __ مخطرش على بالك يوم تفطر عندى</title>
    </head>
    <body>
     
    </body>
    </html>
    دريم ويفر يتكفل بهذا الكود .. ولا يختلف نهائيا عن الكود السابق إلا فى الروابط التى اضيفت فى ترميز الصفحة (لا تؤثر إطلاقا فى الصفحة .. لكنها المعايير القياسية)

    كل ما سيأتى سيضاف بين وسمين الـ Body لأن ما بين وسمين Body هو فقط الذى يظهر فى محتوى الصـفحة

    كود HTML:
    <h1>عربية فول عم أحمد</h1>
    عنوان الصفحة الرئيسى

    كود HTML:
    <h2>قايمة الأسعار</h2>
    <p>طلب فول حلو  1جنيه</p>
    <p>طلب فول بالزيت الحار 175 قرش</p>
    <p>طلب فول بالبيـض (بيضة واحدة) 250 قرش</p>
    <p>طلب فول بالبيض (2 بيضة) 325 قرش</p>
    <p>ساندوتش فول عادة 75 قرش</p>
    <p>ساندوتش فول بالزيت الحار 125 قرش</p>
    <p>سلطات 50 قرش</p>
    <p>بتنجان 75 قرش</p>
    عنوان جانبى أصغر من عنوان الصفحة الرئيسى .. وفقرات فيها الأسعار .. الخطوة الجاية نخلى السعر بولد عشان يبقا واضح

    كود HTML:
    <b>1جنيه</b>
    كل ما علينا إحاطة النص بـوسم b دلوقتى نشوف صفحتنا كلها

    كود HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>عم أحمد __ مخطرش على بالك يوم تفطر عندى</title>
    </head>
    <body>
    <h1>عربية فول عم أحمد</h1>
     
    <h2>قايمة الأسعار</h2>
    <p>طلب فول حلو  <b>1جنيه</b></p>
    <p>طلب فول بالزيت الحار <b>175 قرش</b></p>
    <p>طلب فول بالبيـض (بيضة واحدة) <b>250 قرش</b></p>
    <p>طلب فول بالبيض (2 بيضة) <b>325 قرش</b></p>
    <p>ساندوتش فول عادة <b>75 قرش</b></p>
    <p>ساندوتش فول بالزيت الحار <b>125 قرش</b></p>
    <p>سلطات <b>50 قرش</b></p>
    <p>بتنجان <b>75 قرش</b></p>
    </body>
    </html>
    شكل الصفحة لحد دلوقتى

    وبكدا نبقا خلصنا كل المراحل فاضـل حاجة واحد بس .. إن الصـفحة تبقا يمين ماهو الموقع بالعربى .


    كود HTML:
     <html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
    إضافة السمة dir للوسم html ومعناها ديريكشن يعنى اتجاه .. و rtl يعنى right to left ودى مفسرة نفسها


    شكل الصفحة بعد ما جت يمين


    اخيرا خلصنا .. اهو كدا ممكن الواحد يفطر بكرة ببلاش
    رد فعل عم احمد

    وكانت الصاعقة .. لما يرد عم احمد يقول ايه يابيه الصفحة دى دا الواد ابنى بيقول إنه لو عملها على الوورت (Word) تبقا احسن من كدا .. ويستطرد قائلا : تشكر يابيه على تعبك بس عايزين شكل الصفحة حلو بقا كدا زى حضـرتك
    تصميم صـفحة عم أحمد

    طبعا عشان نصمملو الصفحة لازم نخش على الفوتوشوب .. بس زى مانتوا عارفين انا مش هاشرح أى حاجة ليها علاقة بالفوتوشوب .. فالأخ شعبان تفضـل مشكورا بتصميم الصفحة .. ودا موضوع درسنا الجاى .. استعدوا للـ CSS



    أدوات لابد منها

    DreamWeaver
    notepad++ اختيارى
    Firefox
    PhotoShop طبعا

    الخلاصـة

    الدرس مش صعب والله كل واحد بس يركز ويقراه كويس هيفهم .. وإياكم والكسـل .. الدرس الجاى هو تطبيق عملى للصـفحة اللى صممناها على الفوتوشوب .. هيبقا فيديو إن شـاء الله .. وهيبقا في قبل الفيديو مقدمه للـ CSS كتابة .. عشان منطولش فى الفيديو عشان حجمه ميبقاش كبير.



  2. #2



    الصورة الرمزية امة الله
    الإشراف العام

    الحالة
    غير متصل
    تاريخ التسجيل
    May 2009
    الدولة
    earth
    المشاركات
    4,308
    Thanks
    0
    Thanked 3 Times in 3 Posts
    معدل تقييم المستوى
    118

    رد: دورة مميزات : الدرس الثانى First Website

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


  3. #3
    الصورة الرمزية momizat
    مصمم جديد

    الحالة
    غير متصل
    تاريخ التسجيل
    Oct 2010
    الدولة
    مصر
    المشاركات
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    0

    رد: دورة مميزات : الدرس الثانى First Website

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

  4. #4



    الصورة الرمزية امة الله
    الإشراف العام

    الحالة
    غير متصل
    تاريخ التسجيل
    May 2009
    الدولة
    earth
    المشاركات
    4,308
    Thanks
    0
    Thanked 3 Times in 3 Posts
    معدل تقييم المستوى
    118

    رد: دورة مميزات : الدرس الثانى First Website

    اقتباس المشاركة الأصلية كتبت بواسطة momizat مشاهدة المشاركة
    جزاك الله خيرا .. على الدعاء ولو أن الدرس لم يستحق ..
    لم يستحق للى بيستهوى الhtml
    لكن كونى من اللى بيكرهوووووووة جدااااااااااا وشرحك يجعلنى اقراة كلة وافكر انى اطبقة يبقى ايش؟
    يبقى الشرح يستحق من وجهة نظرى اخى الغالى محمد .

  5. #5
    الصورة الرمزية Nora Elgalad
    مصمم مشارك

    الحالة
    غير متصل
    تاريخ التسجيل
    Jul 2010
    الدولة
    EGYPT, Damietta
    العمر
    37
    المشاركات
    173
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    21

    رد: دورة مميزات : الدرس الثانى First Website

    ربنا يبارك فيك اخى
    لكن لون خط الاكواد صعب جدااااااااا
    ارجو تغييره
    Tomorrow is another day
    My Gallery
    www.nora-art.deviantart.com

  6. #6
    الصورة الرمزية الغد الأحلى
    مصمم متميز

    الحالة
    غير متصل
    تاريخ التسجيل
    Apr 2010
    الدولة
    بين همس القوافي
    المشاركات
    1,614
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    43

    رد: دورة مميزات : الدرس الثانى First Website

    جزاااااااااااااك الله كل خير اخي الكريم دروسك في غاية الروعة مبسطة بطريقة ممتعة جداا
    سلمت يمناك وجعلها في موازين حسناتك ..
    وفعلا الدورة مميزة وقليل عليها ما ذكر .. من متابعيك وبالتوفيق دوما
    اللهم حققْ حُلماً باآت يكبر ُبداخِلي يوماً بَعدَ يومْ ღ


  7. #7
    الصورة الرمزية حياة الروح
    مصمم مشارك

    الحالة
    غير متصل
    تاريخ التسجيل
    Sep 2010
    الدولة
    عمان - الأردن
    العمر
    31
    المشاركات
    156
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    13

    رد: دورة مميزات : الدرس الثانى First Website

    انا ما بعرف اشتغل ع الدريم ويفر ولا البرنامج عندي بس بنزله اليوم ان شا الله

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

  8. #8
    مصمم جديد

    الحالة
    غير متصل
    تاريخ التسجيل
    Jun 2008
    الدولة
    egept
    المشاركات
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    0

    Thumbs up رد: دورة مميزات : الدرس الثانى First Website

    جزاك الله خيرا

  9. #9

    الصورة الرمزية Louay.sy
    طالب بالمركز التعليمي

    الحالة
    غير متصل
    تاريخ التسجيل
    Oct 2009
    الدولة
    Syria
    العمر
    32
    المشاركات
    211
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    19

    رد: دورة مميزات : الدرس الثانى First Website

    وفقك الله أخي على مجهودك فكرتك بالتبسيط جميلة

    ادعو الله سبحانه وتعالى أن ييسر الأمر للجميع


    ملاحظة بسيطة : أتمنى أن يتعامل الجميع مع notepad++

    أو Text Document

    وذلك ليتم استيعاب الأكواد وتركيزها اكثر في الذهن وذلك فقط في بداية التدريب

  10. #10

    الصورة الرمزية hwpa2001
    مشرف قسم الـ Cinema4D

    الحالة
    غير متصل
    تاريخ التسجيل
    Dec 2006
    الدولة
    مسلم ومصرى وأفتخر
    العمر
    50
    المشاركات
    1,181
    Thanks
    0
    Thanked 1 Time in 1 Post
    معدل تقييم المستوى
    36

    رد: دورة مميزات : الدرس الثانى First Website

    ما شاء الله بارك الله فيك وفى عم احمد واولاده

  11. #11
    الصورة الرمزية slofanty
    مصمم جديد

    الحالة
    غير متصل
    تاريخ التسجيل
    Jul 2009
    المشاركات
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    0

    رد: دورة مميزات : الدرس الثانى First Website

    بجد شرح مميز وجزاب

    يعنى مش زى الباقى الواحد بس يوصل لربع الدرس ويمل من الكلام

    وفكرة عم احمد دى برده فظيعه

    ماشاء الله ابداااااع

    لا وكمان الخلاصه الدرس ملخص بطريقه جميله ومرتب

    بجد ماشاء الله عليك

    جزاكم الله خيرا




  12. #12
    مصمم مشارك

    الحالة
    غير متصل
    تاريخ التسجيل
    Sep 2009
    المشاركات
    146
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    12

    رد: دورة مميزات : الدرس الثانى First Website

    لحظة أستاذنا الشرح صار أوضح بس اسمح بسؤال امكن يكون عبيط
    هذا الكلام كله اكتبه فين
    يعني على أي برنامج
    وتتم الحفظ بأي صيغة؟
    عذرا أنا لا أعرف أي شيء عن تصميم المواقع إطلاقا قبل اليوم

  13. #13
    الصورة الرمزية mohamedali2010
    مصمم متميز

    الحالة
    غير متصل
    تاريخ التسجيل
    Jun 2008
    الدولة
    أفتخر بمصريتي وعروبتي
    العمر
    30
    المشاركات
    3,243
    Thanks
    0
    Thanked 2 Times in 2 Posts
    الصور
    17
    معدل تقييم المستوى
    82

    رد: دورة مميزات : الدرس الثانى First Website

    شرح رائع وسهل للغاية .. وبمناسبة إستخدامك للغة البسيطة ..
    إيه المانع .. مادامت فكرتك هاتوصل لكل الناس
    جزاك الله خيراً ووفقك لما يحبه ويرضاه
    أيمن مختار
    ::: الفقير إلى الله :::
    سبحان الله وبحمده .. سبحان الله العظيم

    اللهم لك الحمد حتي ترضي ولك الحمد إذا رضيت
    ولك الحمد بعد الرضي ولك الحمد علي كل حال
    لك الحمد كالذي نقول وخيرا مما نقول

    http://img63.imageshack.us/img63/9902/palestine2nv3.jpg




  14. #14

    الصورة الرمزية Abbasaltaweel
    طالب بالمركز التعليمي

    الحالة
    غير متصل
    تاريخ التسجيل
    Nov 2008
    الدولة
    iraq
    العمر
    38
    المشاركات
    777
    Thanks
    0
    Thanked 0 Times in 0 Posts
    الصور
    7
    معدل تقييم المستوى
    0

    رد: دورة مميزات : الدرس الثانى First Website

    جزاك الله خيرا
    http://facebook.com/Abbasaltaweelfree

  15. #15
    طالب بالمركز التعليمي

    الحالة
    غير متصل
    تاريخ التسجيل
    Dec 2008
    الدولة
    Riyadh
    المشاركات
    54
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    12

    رد: دورة مميزات : الدرس الثانى First Website

    لذيذ أسلوب الشرح جدا ولا اجد اي مشكله في اللهجه هو بس كلمه ( بولد) لو كتبتها)bold)
    كان افضل لانه قعدت افكر ايش معناها لما بعدين فهمت

    فعلا شوقتي اتابع مع احباط الدرس الاول تابع على نفس الاسلوب


    بارك الله في وقتك الثمين


 

 
صفحة 1 من 2 12 الأخيرةالأخيرة

المواضيع المتشابهه

  1. الدرس الاول - دورة مميزات لتصميم المواقع
    بواسطة momizat في المنتدى الويب وتطوير المواقع | Websites Design & Development
    مشاركات: 39
    آخر مشاركة: 28 / 11 / 2012, 10 : 04 PM
  2. دورة مميزات : الدرس الثالث Meet The CSS
    بواسطة momizat في المنتدى الويب وتطوير المواقع | Websites Design & Development
    مشاركات: 16
    آخر مشاركة: 11 / 08 / 2012, 30 : 09 PM
  3. دورة مميزات - الدرس الرابع : More CSS
    بواسطة momizat في المنتدى الويب وتطوير المواقع | Websites Design & Development
    مشاركات: 8
    آخر مشاركة: 11 / 08 / 2012, 23 : 09 PM
  4. الدرس الثانى من دورة الهندسة الصوتية
    بواسطة abomazn2006 في المنتدى المونتاج وتحرير الفيديو | Video Editing
    مشاركات: 6
    آخر مشاركة: 09 / 01 / 2012, 45 : 01 PM
  5. تطبيق الدرس الثانى - دورة الفراي الأولي
    بواسطة SOHA. في المنتدى اعمال طلاب المركز
    مشاركات: 20
    آخر مشاركة: 21 / 05 / 2011, 39 : 11 PM

الكلمات الدلالية لهذا الموضوع

المفضلات

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  
الساعة الآن 16 : 08 AM
Powered by vBulletin® Version 4.2.3
Copyright © 2017 vBulletin Solutions, Inc. All rights reserved.
Search Engine Optimization by vBSEO