Follow us on Facebook Follow us on Twitter Linked In Flickr Watch us on YouTube My Space Blogger
التسجيل

مشاهدة نتائج الإستطلاع: هل تود تسجيل الدورة فيديو علما بأنه لن يكون تجاريا

المصوتون
1. أنت لم تصوت في هذا الإستطلاع
  • نعم

    1 100.00%
  • لست محتاجا فالدورة قامت بالواجب

    0 0%
  • لا

    0 0%
النتائج 1 إلى 12 من 12

دورة تعلم بناء صفحات الانترنت - بعض الاضافات الجمالية ومقر أسئلتكم

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

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

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

    دورة تعلم بناء صفحات الانترنت - بعض الاضافات الجمالية ومقر أسئلتكم

    الحمد لله الذى هدانا لهذا وما كنا لنهتدى لولا أن هدانا الله



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

    .................
    بعض الاضافات على الدورة والمقدمه كهدية منى نظرا لوجود كثير من المشتركين الذين قاموا بتطبيقات على الدورة
    أحببت أن أضيف بعض الاضافات النموذجية أو النمذجية للصفحة التى كانت محور دورتنا
    سكربت الصور المتقلبة
    فى صفحتنا default.htm كان لدينا ديف تركناه لنرجع اليه اليوم ، راجع هذا الكود

    [high]
    <div id="javascript">
    <img src="images_folder/java.jpg" alt="" />
    </div><!-- end java script div-->
    [/high]
    سنقوم بافراغه من الصورة الآن بحذف تاج الصورة img ليصبح فارغا ليس بداخله شيء

    [high]
    <div id="javascript">
    </div><!-- end java script div-->
    [/high]
    سنقوم الآن بصنع عدد من الصور بنفس مقاس الصورة السابقة 610 بكسل عرض فى 213 ارتفاع
    وسنسميهم rotator_1.jpg و 2 و 3 و 4 أى عدد تريده من الصور المتقلبة
    ضعهم فى مجلد الصور images_folder الآن
    الآن سنقوم بجلب ملفين جافا سكربت فى هيدر الصفحة وسنقوم بتحميل 4 صور عبارة عن السابق والتالى وستوب وسنقوم بكتابة سطرين اضافيين فى ملف الاستايل
    تابع بتركيز بداية من الآن
    انشأ مجلد جديد بجوار مجلد images_folder و style_folder وسميه js

    قم بتحميل الملفات الآتية فى البداية


    ضع الصور الاربعة فى مجلد الصور وضع ملفين الجافا سكربت فى مجلد js الذى أنشأناه منذ قليل
    الآن أنت مستعد بكافة الملفات وسنقوم بتكويد الجافا سكربت فى صفحتنا default.htm
    فى الهيدر وقبل نهاية تاج head سنقوم بادراج ملفات الجافا سكربت كالتالى

    كود:
    <script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script>
    <script type="text/javascript" src="js/simplegallery.js"></script>
    وسنقوم أيضا بوضع أكواد الجافا التى ستتحكم فى تقليب الصور كالتالى

    كود:
    <script type="text/javascript">
    
    var mygallery=new simpleGallery({
        wrapperid: "javascript", //ID of main gallery container,
        dimensions: [610, 213], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
        imagearray: [
            ["images_folder/rotator_1.jpg", "http://cgway.net", "_new", "طريق الجرافيك"],
            ["images_folder/rotator_2.jpg", "http://cgway.net", "_new", "طريق الجرافيك"],
            ["images_folder/rotator_3.jpg", "http://cgway.net", "_new", "طريق الجرافيك"],
            ["images_folder/rotator_4.jpg", "", "", ""]
        ],
        autoplay: [true, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
        persist: false, //remember last viewed slide and recall within same session?
        fadeduration: 500, //transition duration (milliseconds)
        oninit:function(){ //event that fires when gallery has initialized/ ready to run
            //Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
        },
        onslide:function(curslide, i){ //event that fires after each slide is shown
            //Keyword "this": references current gallery instance
            //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
            //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
        }
    })
    
    </script>
    كما ترى أن طريقة جلب الصور ووصفها
    ["path_to_image", "optional_link", "optional_linktarget", "optional_textdescription"].

    مسار الصور – رابط – طريقة فتح الصفحة – وصف أو محتوى
    الآن أصبح هيدر الصفحة لدينا كالتالى

    كود:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html dir="rtl" xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>دورة بناء صفحات الانترنت</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="author" content="Original design: ayman essaied - http://www.real-idea.net" />
    <!--CSS-->
    <link rel="stylesheet" href="style_folder/layout.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="style_folder/reset.css" type="text/css" />
    <link rel="stylesheet" type="text/css" href="style_folder/menu.css" />
    <!--JS-->
    <script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script>
    <script type="text/javascript" src="js/simplegallery.js"></script>
    <script type="text/javascript">
    
    var mygallery=new simpleGallery({
        wrapperid: "javascript", //ID of main gallery container,
        dimensions: [610, 213], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
        imagearray: [
            ["images_folder/rotator_1.jpg", "http://cgway.net", "_new", "طريق الجرافيك"],
            ["images_folder/rotator_2.jpg", "http://cgway.net", "_new", "طريق الجرافيك"],
            ["images_folder/rotator_3.jpg", "http://cgway.net", "_new", "طريق الجرافيك"],
            ["images_folder/rotator_4.jpg", "", "", ""]
        ],
        autoplay: [true, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
        persist: false, //remember last viewed slide and recall within same session?
        fadeduration: 500, //transition duration (milliseconds)
        oninit:function(){ //event that fires when gallery has initialized/ ready to run
            //Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
        },
        onslide:function(curslide, i){ //event that fires after each slide is shown
            //Keyword "this": references current gallery instance
            //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
            //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
        }
    })
    
    </script>
    </head>

    سنقوم باضافة أكواد الاستايل للديف javascript ليناسب العناصر الجديدة
    فى ملف layout.css سنقوم بادراج الاكواد التالية فى نهاية الملف

    [high]
    #javascript{
    position: relative;
    visibility: hidden;
    }

    #javascript .gallerydesctext{
    padding: 2px 5px;
    }
    [/high]
    قمنا هنا بعمل موضع relative للـ div المسمى javascript ومعنى كود الاستايل هذا أنه تابع لما قبله فى الموضع أو موصول بما قبله
    وقمنا باخفاؤه visibility: hidden وذلك ليتم عرض العناصر التى قام بصنعها ملف الجافا سكربت بدون تداخل فى الاستايل لذا كان يجب علينا أن نقوم باخفاء هذا الـ div
    فى الكلاس gallerydesctext قمنا فقط بعمل ازاحة من الاعلى والاسفل 2 بكسل ومن اليمين واليسار 5 بكسل
    وهذا الكلاس موجود فى ملفات الجافا سكربت يقوم بصنعه
    وبما أنى لست من مكودي الجافا فلن أستطيع أن أشرح محتوى ملفات الجافا سكربت
    انتهينا من الجافا سكربت والصور المتقلبة
    ............
    سنقوم الآن بعمل شادو لصور المنتجات أو الـ 6 صور كالتالى
    فى ملف layout.css وبالتحديد فى كلاس الصور imagemain سنقوم باضافة هذه الأكواد

    [high]
    .mainimages {
    margin: 10px;
    -moz-box-shadow : 0 0 10px #252525;
    -webkit-box-shadow : 0 0 10px #252525;
    -box-shadow : 0 0 10px #252525;
    }
    [/high]
    ومباشرة سترى شادو حول الصور
    وبالمختصر فأن moz لمتصفح موزيلا و webkit لجوجل كروم وسفارى واوبرا والاخير لبقية المتصفحات وهذه التقنية خاصة باصدارة css3
    لا تحاول أن تلومنى اذا لم يرى متصفح انترنت اكسبلورر هذا الشادو فهو أبدا لن يستطيع تفسير هذه التقنية الحديثة فى الـ css على الاطلاق فهو متصفح رديء بكافة اصداراته ولا يتطور اطلاقا بما يناسب الويب الحديث فلا تلومنى



    فى هذا الموضوع يوجد استطلاع للرأى لتسجيل كامل الدورة فيديو ونسخها على ديفيدى وهناك موضوع مثبت بهذا الكلام
    فمن قام بالتصويت ايجابا فليقم بالتوجه للموضوع المثبت فى القسم وأكون شاكرا له
    بارك الله فيكم وفى وقتكم


    يحفظ العلم بالعمل به وتعليمه والتأليف فيه، ومن حفظه وكرره وذاكره ودرسه ثبت في صدره

    موقعى الشخصى
    www.Real-Idea.Net



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

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

    رد: دورة تعلم بناء صفحات الانترنت - بعض الاضافات الجمالية ومقر أسئلتكم

    اولا الحمد لله على سلامه رجوعك و اكتمال شفائك

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

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

    لان الدوره دى فرقت معايا فرق السماء من الارض
    قبل الدوره كنت فى ظلام كنت بذاكر باسلوب خاطىء
    كنت اذاكر php + dream weaver ظنا بالحطا منى ان الدريم ويفر كافى و انه سيكتب اى كود بالنيابه عنى
    و كنت لا اعلم مدى اهميه المحرر الرائع الذى اعشقه الان نوت باد ++
    و كنت اعتقد بالخطا ان الجافا سكريبت لغه منقرضه لا تستخدم فى برمجه المواقع بعد سطوع نجم ال php
    و صراحه كنت لا اعلم اى شىء عن div , id , class و مدى اهميتهم لانشاء موقع متزن


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

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

    تقبل امتنانى و احترامى لك

    حــــــاتم


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

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

    رد: دورة تعلم بناء صفحات الانترنت - بعض الاضافات الجمالية ومقر أسئلتكم

    على فكره اخى ايمن عند فتح الموقع على انترنت اكسبلورر 7 الغبى يظهر الموقع به تشوه بسيط او خطا سواء بسليد شو او بدون سبيد شو

    و لقد اصلحت المشكله بتعديل الكود و ساضع الحل حتى تعم الاستفاده للاعضاء

    [high]

    #leftcol {
    float: left;
    width: 65%;
    margin-top: 5px;

    [/high]الى

    [high]

    #leftcol {
    float: left;
    width: 64%; /* update ............................here*/
    margin-top: 5px;
    }

    [/high]




    سكرين شوت قبل تعديل الكود













    سكرين شوت بعد تعديل الكود








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

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

    رد: دورة تعلم بناء صفحات الانترنت - بعض الاضافات الجمالية ومقر أسئلتكم

    اه
    أشكرك يا حاتم على ما تفضلت به بارك الله فيك
    والله لقد رددت على الاخت Last Soul عندما قالت ان هذا يحدث معها لكن لم أكن أتخيل انه اكسبلورر 7
    الغبى
    وبالمناسبة
    كلماتك أثرت في جدا
    جزاك الله خير الجزاء ونفع بك وتقبل دعاك

  5. #5
    مصمم جديد

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

    رد: دورة تعلم بناء صفحات الانترنت - بعض الاضافات الجمالية ومقر أسئلتكم

    مشكور على الاضافات الرائعة والحمد الله لى سلامتك

    تم عمل الدورة الرابعة بنجاح هل يجب ان اضع تطبيقي

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

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

    رد: دورة تعلم بناء صفحات الانترنت - بعض الاضافات الجمالية ومقر أسئلتكم

    ياريت تضعى تطبيقك
    وجزاك الله خيرا

  7. #7
    مصمم جديد

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

    رد: دورة تعلم بناء صفحات الانترنت - بعض الاضافات الجمالية ومقر أسئلتكم

    السلام عليكم ورحمة الله تعالى وبركاته
    وبعد فأريد أن أحيي كل الساهرين على نجاح
    هذه الدورة .استفساري أخي أني أجيد التصميم
    والحمد لله وتصميم المواقع لكن مشكلتي أني لا أجيد
    تكويد الصفحة ب HTML + CSS
    هل ممكن أتسجل في الدورة إن لم تنتهي

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

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

    رد: دورة تعلم بناء صفحات الانترنت - بعض الاضافات الجمالية ومقر أسئلتكم

    يمكنك متابعة الدورة
    الدورة قد انتهت لكن يتبقى أسئلة المشتركين
    قم فقط بمتابعة المواضيع المثبتة الخاصة بالدورة
    وكل عام انتم بخير

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

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

    رد: دورة تعلم بناء صفحات الانترنت - بعض الاضافات الجمالية ومقر أسئلتكم

    اتفضل تطبيقي للدورة واتمنى يكون صحيح تعبت وانا احاول ارفعة
    رفعتة ربيدشير
    RapidShare: 1-CLICK Web hosting - Easy Filehosting

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

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

    رد: دورة تعلم بناء صفحات الانترنت - بعض الاضافات الجمالية ومقر أسئلتكم

    اقتباس المشاركة الأصلية كتبت بواسطة روح مجروحة مشاهدة المشاركة
    اتفضل تطبيقي للدورة واتمنى يكون صحيح تعبت وانا احاول ارفعة
    رفعتة ربيدشير
    RapidShare: 1-CLICK Web hosting - Easy Filehosting
    ماشاء الله جميل ممتاز
    لكن لماذا align="center"
    لا احتياج لهذا الكود فهو يضل ويكسر ويشتت المتصفحات وقد قام بتدمير كل الصفحة
    ولماذا أيضا
    table border="0" width="70%" cellspacing="0" cellpadding="0" bgcolor="#BFBFBF">
    <tr>
    <td>
    انتى قمتى بدمج طريقتين لا يندمجان بتاتا عن طريق الدريم ويفر وهو من قال لكى بتوسيط الديف
    align="center"
    خطأ كبير
    قومى بمراجعة الدورة
    وقبل ذلك لا يصح ولا ينفع اطلاقا ادراج الجداول هنا

  11. #11
    مصمم جديد

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

    رد: دورة تعلم بناء صفحات الانترنت - بعض الاضافات الجمالية ومقر أسئلتكم

    انا انتهيت من التصميم الخاص بى ولم اعرف ماذا افعل بعد ذللك
    فى البداية انا عاوز اقطع العهيدر زالفوتر وباقية الموقع
    وكمان عاوز اعمل حاجة مهمة بتقنية الاجاكس والجاكويرى
    جزء الاخبار الى المتقلبة
    وعاوز اعمل css للعناوين وكمان عاوز استخرج اخبار مخزنة فى قاعدة بيانات فى الاماكن الصحيحة وكمان شريط الاخبار العاجلة اخبار فى القاعده
    باستخدام php &&& mysql
    هل ممكن حد يساعدنى واحدة واحدة لغاية ما اوصل
    ؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟
    ودا صورة الموقع

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

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

    رد: دورة تعلم بناء صفحات الانترنت - بعض الاضافات الجمالية ومقر أسئلتكم





    السلام عليكم
    أخى أنا آسف جدا لسببين
    الأول أنى فعلا فعلا لا أقوم بعمل مواقع للممثلين أو المطربين أو النجوم عامة فى أى مجال من المجالات
    الثانى انك لم تراجع الدورة فلو كنت راجعتها لما سألت عن كيفية التقطيع لأنى ذكرتها مرتين وسهلت الأمور لدرجة كبيرة
    وآسف لا أقدر على مساعدتك لأنى أخشى أن تأتى مساعدتى لك فى مجال النجوم هذا بعكس مبدئى فى الحياة الدنيا
    وأنا لا أساعد على الفساد بأى حال من الأحوال
    أنا بالفعل متأسف بدرجة كبيرة جدا لعدم قدرتى على مساعدتك
    هدانا الله واياكم


 

 

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

  1. دورة تعلم بناء صفحات الانترنت - بعض مصطلحات لغة html و css ومعانيها
    بواسطة RealIdea في المنتدى الويب وتطوير المواقع | Websites Design & Development
    مشاركات: 11
    آخر مشاركة: 24 / 07 / 2012, 44 : 04 AM
  2. دورة تعلم بناء صفحات الانترنت - المرحلة الرابعة ملف الانماط الانسيابية CSS
    بواسطة RealIdea في المنتدى الويب وتطوير المواقع | Websites Design & Development
    مشاركات: 34
    آخر مشاركة: 27 / 01 / 2012, 13 : 07 PM
  3. دورة تعلم بناء صفحات الانترنت من الفوتوشوب إلى Html + CSS
    بواسطة RealIdea في المنتدى الويب وتطوير المواقع | Websites Design & Development
    مشاركات: 81
    آخر مشاركة: 22 / 01 / 2012, 53 : 04 AM
  4. التصويت على تسجيل دورة تعلم بناء صفحات الانترنت بالفيديو
    بواسطة RealIdea في المنتدى الويب وتطوير المواقع | Websites Design & Development
    مشاركات: 15
    آخر مشاركة: 04 / 12 / 2010, 54 : 04 AM
  5. دورة تعلم بناء صفحات الانترنت
    بواسطة RealIdea في المنتدى الويب وتطوير المواقع | Websites Design & Development
    مشاركات: 38
    آخر مشاركة: 07 / 09 / 2010, 30 : 05 AM

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

المفضلات

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

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