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

الدرس الاول - دورة مميزات لتصميم المواقع

هذا الموضوع : الدرس الاول - دورة مميزات لتصميم المواقع داخل الويب وتطوير المواقع | Websites Design & Developmentالتابع الي قسم المنتديات التقنية : بسم الله الرحمن الرحيم بداية أى دورة تعليمية دايما بتبقا صعبة .. وبالخصوص فى موضوع دورتنا .. موضوع دورتنا مهم ...

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

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

    الدرس الاول - دورة مميزات لتصميم المواقع



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

    بداية أى دورة تعليمية دايما بتبقا صعبة .. وبالخصوص فى موضوع دورتنا .. موضوع دورتنا مهم جدا بس الناس فاكره انه عادي جدا .. وان اهميته مش كبيرة زى لغات البرمجة (…PHP - ASP - etc) .. لكن قبل أى حاجة إعرف ياللى نفـسك تبقا مصمم مواقع .. انك لازم تتعلم XHTML, CSS قبل أى حاجة .. وإن كل المواقع .. كل المواقع بلا استثناء .. أيا كانت لغة برمجتها لازم تعدى فى الأول على المرحلة دى .. مش مصدقنى وعايز تتأكد جرب افتح مايكروسوفت أو جوجل أو ياهو .. ودوس CTRL + U أو اختار من view >> page Source .. هتلاقى ان مع اختلاف المواقع دى كليا من حيث المحتوى ولغة البرمجة وطريقة العرض إلا إن كلهم اتفقوا فى حاجة واحدة بس أول كلمة فى أول سطر doctype html ..

    قول ورايا …

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

    كفاية مقدمات .. نخش على الشغل .. كعادة كل مواقع الدنيا اللى اتكلمت عن الاتش تى ام ال أول حاجة قالتها ان الحروف دى اختصار لكلمة Hyper Text Markup Language وافضل ترجمة ليها لغة الترميز النصـية .. كما أشـرنا مسبقا مش ممكن أى موقع يتعمل من غير ميتكتب بدايتاً بالـ HTML .. هنكتب دلوقتى أول صفحة ونشـرح هي عبارة عن ايه ..


    كود PHP:
    <!DOCTYPE html>
    <
    html>
    <
    head>
    <
    meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <
    title>أول صفحة</title> >>>>> (1)
    </
    head>
    <
    body>
        <
    h1>دورة مميزات لتصميم المواقع</h1>  >>>>> (2)
        <
    p> >>>>> (3)
            
    دورة مميزات لتصميم المواقع من البداية عبارة عن أول خطوة فى احتراف تصميم المواقع
             ، الدورة متخصصة للمبتدئـين لمن لا يعلم شيئا إطلاقا عن تصـميم المواقع 
    .. 
             
    أرجو من الله أن يستفيد بها أكبر قدر من المتابعين وأن تكون فى ميزان 
             حسناتنا يوم أن نلقى الله 
    .. 
        </
    p>
        <
    img src="Web-Designe-momizat.jpg"> >>>>> (4)
        <
    h2>لكى تتعلم لابد أن تصـبر</h2> >>>>> (5)
        <
    p> >>>>> (6)
            
    لابد من الصـبر لتحصيل العلم .. 
            
    نتابع الدروس ونطبق ونعود ايدينا على كتابة الأكواد 
            ونصـبر للأخر بإذن الله نوصل لمبتغانا 
    ..
             
    وتذكر ان جوجل كان شركة ناشئة من عشر سنين .. 
             
    يعنى هما كمان بدأو صغيرين 
        
    </p>
    </
    body>
    </
    html
    عارف ان فى ناس مش عارفة ايه المكتوب ده .. اهدو كل حاجة هتبان دلوقتى .. طبعا الأرقام اللى فى الكود للتوضـيح


    اسئلة مبتدئ (احسن طريقة للتعلم إنك تسأل)

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

    - كيف يحدد المتصفح شكل الموقع ؟
    المتصفح بيتعرف على النصوص اللى انته كاتبها من حيث نص للعنوان h1, h2, etc … أو براجراف p وبيعرض النصوص على هذا الأساس .. أما بخصوص تخصيص شكل الموقع فدى وظيفة الـ CSS ومتقلقش لازم نعدى عليها دايما وسيتم شرحها بالتفصيل مع أمثلة لإيصال المعلومة .

    - هل تجاهل المتصفح للمسافات والسطور الجديدة اللى فى الكود دا طبيعى ؟
    ملاحظة جيدة .. المتصفح بيفسر كل المسافات والتابات والسطور الجديدة على انها مسافة واحدة بس .. لكن لكل حاجة Tags يعنى مثلا لو عايز سطر جديد هاكتب br / .. طبعا جوا الأقواس المثلثة .. أما ليه بخلى الكود تحت بعضه كدا مادام المتصفح بيتجاهل الكلام دا كله .. فدا عشـان تبقا سهلة عليا فى القراءة .. وان الملف يكون منظم

    - هل يوجد اكتر من مستوى للعناوين ولا هما مستويين بس h1, h2 ؟
    لا هما 6 مستويات h1 أكبر حاجة و h6 أصغر حاجة .. بس متقلقش من النقطة دى فى الغالب أقصى حاجة هتحتاجها h3 .

    - كيف أصبح الملف HTML ؟
    بعد كتابة الكود بأى محرر نصوص بتحفظ الملف .html أو .htm لكن الأفضل انه يبقا .html .


    - كتابة الأكواد باليد مملة مفيش برامج تسهل المسألة ؟
    طبعا فى منها مثلا دريم ويفر لكن أفضل استخدام محرر نصوص لحد متتعود على الأكواد وتفهمها كويس بعد كدا استخدم أى برنامج انته عايزه .. انا بستخدم محرر نصوص الدريم ويفر و Notepad++

    - هل يوجد طريقة لوضع ملاحظاتى فى الكود بدون التأثير على الصفحة ؟
    طبعا اسمها التعليقات .. وتوضيحها فى الصورة اللى جاية

    شرح الكود السابق بالتفصيل

    اعتقد كدا الفكرة وضحت نسـبيا .. لما نشرح الكود هتوضح أكتر بإذن الله



    الخلاصة

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






  2. #2
    الصورة الرمزية asd09
    مصمم مشارك

    الحالة
    غير متصل
    تاريخ التسجيل
    Aug 2009
    الدولة
    المنصورة
    العمر
    31
    المشاركات
    205
    Thanks
    0
    Thanked 1 Time in 1 Post
    معدل تقييم المستوى
    15

    رد: الدرس الاول - دورة مميزات لتصميم المواقع

    ما شاء الله ربنا يبارك فيك معاك ان شاء الله

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

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

    رد: الدرس الاول - دورة مميزات لتصميم المواقع

    بارك الله فيك اخى على المقدمة
    لكن هل الشرح هيكون على الدريم ويفر؟
    Tomorrow is another day
    My Gallery
    www.nora-art.deviantart.com

  4. #4
    مصمم جديد

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

    رد: الدرس الاول - دورة مميزات لتصميم المواقع

    ماشاء الله
    بس نسيت تخبرهم مكان حفظ الصورة لاستدعائها فى الكود

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

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

    رد: الدرس الاول - دورة مميزات لتصميم المواقع

    جميل ما شاء الله درس جميل ورائع
    وبسيط جدا وشرح ثلث كمان
    ربنا يبارك فيك

  6. #6
    الصورة الرمزية nabil3d
    احباب طريق الجرافيك

    الحالة
    غير متصل
    تاريخ التسجيل
    Oct 2006
    الدولة
    مروانة
    العمر
    37
    المشاركات
    519
    Thanks
    0
    Thanked 0 Times in 0 Posts
    الصور
    3
    معدل تقييم المستوى
    30

    Smile رد: الدرس الاول - دورة مميزات لتصميم المواقع

    بارك الله فيك اخي الحبيب

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

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

    رد: الدرس الاول - دورة مميزات لتصميم المواقع

    ماشاء الله من اولها كده الشرح تمام اوى ممتاز

    جزاكم الله خيرا ومشكووورررررين على المهود الجامد جدا

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

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

    Smile رد: الدرس الاول - دورة مميزات لتصميم المواقع

    فى البدايه جزاك الله كل خير
    بس انا مش فاهمه ايه هو البرنامج المستخدم للبرمجة
    لا تشغل فكرك فلربما ساءتك اوائل الامور وسرتك اخرها: كالسحاب أوله برق ورعد ، وآخره غيث هنيئ .

  9. #9
    مصمم جديد

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

    Question رد: الدرس الاول - دورة مميزات لتصميم المواقع

    اناايضا مش فاهمه ايه هو البرنامج المستخدم للبرمجة

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

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

    رد: الدرس الاول - دورة مميزات لتصميم المواقع

    ربنا يسعدك

    حسب علمي بتنكتب الكودات على النوت باد Notepad

    ,بتنحفظ بصيغة HTML


    أن شا الله جاري دراسة الدرس زين زين زين

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

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

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

    رد: الدرس الاول - دورة مميزات لتصميم المواقع

    بسم الله مشاء الله
    درس سهل وجميل وتسلم ايدك

    وبالنسبة للاخوة اللي بيسألو عن البرامج المستخدمة

    اعتقد ان افضل برنامج للتكويد هو : ++Notepad

    وتحفظ الملف : html .

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

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

    رد: الدرس الاول - دورة مميزات لتصميم المواقع

    ماشاء الله .. بداية موفقة بإذن الله .. ولكن لي استفسار بسيط ؟
    هل ستكون الدورة عبارة عن مواضيع نصية كالموضوع الذي نحن بصدده
    .. أم أنه سيتم تسجيل الدروس صوت وصورة ..
    جزاك الله خيراً ووفقك لما يحبه ويرضاه

    أيمن مختار
    ::: الفقير إلى الله :::
    سبحان الله وبحمده .. سبحان الله العظيم

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

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




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

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

    رد: الدرس الاول - دورة مميزات لتصميم المواقع

    ما شاء الله ربنا يبارك فيك معاك ان شاء الله
    جزاك الله خيـرا


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


    ماشاء الله
    بس نسيت تخبرهم مكان حفظ الصورة لاستدعائها فى الكود
    مفيش مشاكل لما نسيت الناس تفكر

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


    ربنا يسعدك

    حسب علمي بتنكتب الكودات على النوت باد Notepad

    ,بتنحفظ بصيغة HTML


    أن شا الله جاري دراسة الدرس زين زين زين

    دمت بحفظ الرب

    مشاركة طيبة جزاك الله خيـرا

    ماشاء الله .. بداية موفقة بإذن الله .. ولكن لي استفسار بسيط ؟
    هل ستكون الدورة عبارة عن مواضيع نصية كالموضوع الذي نحن بصدده
    .. أم أنه سيتم تسجيل الدروس صوت وصورة ..
    جزاك الله خيراً ووفقك لما يحبه ويرضاه
    ليس لدى أى مشكلة إطـلاقا فى تسجيل الدروس صوت وصورة .. لكن يا أخى الفاضـل المشكلة الوحيدة أن هناك دروس لا تصـلح إلا نصـية لأن الكتابة فى بعض الأحيان أفضـل من الفيديو .. لكن كل التطبيقات العملية ستكون صوت وصورة وفى كل تطبيق سنعلو بمعرفتنا أكثـر فأكثـر .. حتى يصـل فى النهاية كل واحد منا لتحويل أى تصميم مهما كان لـ HTML , CSS وفى نهاية الدروس سأفتح البوابة للجى كويرى .. لكن بقدر بسـيط جدا .. على أن يكون لها دروس متقدمة فى المستقبل بإذن الله .. تابعنا يا أخى ولن تندم ان شـاء الله ..

    استعدو للدرس الثانى فموعدنا اليوم بإذن الله

  14. #14
    الصورة الرمزية ADHAMELGAREH
    مصمم مشارك

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

    رد: الدرس الاول - دورة مميزات لتصميم المواقع

    جزاك الله كل خير .. هذا أول تعامل لى مع الويب ديزاين . سوف أذهب للدرس الأن .

  15. #15
    الصورة الرمزية ADHAMELGAREH
    مصمم مشارك

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

    رد: الدرس الاول - دورة مميزات لتصميم المواقع

    لدى سؤال .. أسأل عن طريقة وضع الصورة .. هل تم وضع الصورة عن طريق عنوانها على الجهاز .. أم ماذا ؟؟؟ وسؤال اخر كيف تمت كتابةالعناوين bold أقصد بخط مختلف
    هذا ما قمت به





    ما هو سبب عدم ظهور الصورة التى حاولت وضعها وما هو سبب عدم ظهور العناوين بخط مختلف


 

 
صفحة 1 من 3 123 الأخيرةالأخيرة

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

  1. دورة مميزات : الدرس الثانى First Website
    بواسطة momizat في المنتدى الويب وتطوير المواقع | Websites Design & Development
    مشاركات: 21
    آخر مشاركة: 28 / 11 / 2012, 01 : 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. دورة مميزات لتعلم تصميم المواقع من البداية
    بواسطة momizat في المنتدى الويب وتطوير المواقع | Websites Design & Development
    مشاركات: 134
    آخر مشاركة: 11 / 08 / 2012, 22 : 09 PM
  5. فيديو : دورة Max - الدرس الاول
    بواسطة sobhi62 في المنتدى الدورات والدروس التعليمية | 3dsMax Tutorials & Tips
    مشاركات: 53
    آخر مشاركة: 11 / 08 / 2011, 25 : 11 PM

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

المفضلات

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

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