Follow us on Facebook Follow us on Twitter Linked In Flickr Watch us on YouTube My Space Blogger
التسجيل
صفحة 2 من 5 الأولىالأولى 12345 الأخيرةالأخيرة
النتائج 16 إلى 30 من 63

دورة تعلم بناء صفحات الانترنت المرحلة الثانية و الثالثة - التكويد -

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

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

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

    رد: دورة انشاء موقع متكامل المرحلة الثانية - التكويد -

    حسنا , لا بأس معذرة


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

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

    رد: دورة انشاء موقع متكامل المرحلة الثانية - التكويد -

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

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



  3. #18
    الصورة الرمزية مازن المصري
    مصمم مشارك

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

    رد: دورة انشاء موقع متكامل المرحلة الثانية - التكويد -

    يسمع من فمك ربنا

    اللهم آمين .. و إياكم

  4. #19
    مصمم مشارك

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

    رد: دورة انشاء موقع متكامل المرحلة الثانية - التكويد -

    بارك الله فيك فعلا لم ارى المشاركه رقم 9
    طريق الجرافيك - عرض مشاركة واحدة - دورة انشاء موقع متكامل المرحلة الثانية - التكويد -

    الا الان تقريبا زمن كتابه مشاركتى رقم 10 و مشاركتك رقم 9 نفس الوقت على سبيل الصدفه

    ساجرب الطريقه الان باذن الله

  5. #20
    الصورة الرمزية محمد الحضرمي
    مصمم مشارك

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

    رد: دورة انشاء موقع متكامل المرحلة الثانية - التكويد -

    السلام عليكم ورحمة الله وبركاته

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



    2- أنا عدلت في برنامج Notepad++ ولله الحمد والمنة
    3- بالنسبة لقولك نصنع مجلد لنضع فيه جميع محتويات الموقع هل المقصود بجميع محتويات ملف الفوتشوب اي التصميم والصور والايقونات والله المقصود الصور والايقونات ؟؟؟
    أستاذي الفاضل قلت في كلامك في الاعلى (
    الـ DOCTYPE من المفترض أن تكون فى أعلى أى صفحة .... كذلك الحال بالنسبة لتجهيز اللغة ) لكن لما بدأت في كتاب الأكواد لم ارك كتبت هذه الأمور

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

    كذلك بالنسبة ( لـ id مستقل بذاته لا يندرج تحت معرّف آخر ولا يندرج تحته فى الاستايل أى عنصر غيره
    الـ class يعطى كل عنصر تحته نفس الاستايل
    أى أنه لو لدينا عنصر أو div له id لا يستطيع عنصر آخر فى الصفحة أن يأخذ نفس الاستايل
    أما الكلاس فكل العناصر المسماه به تأخذ نفس الاستايل
    وقد قصدت أن أكتب هنا هذه الملحوظة كى لا نتفرق أو نتشتت عندما نستخدم الكلاسات أو الايديهات عند تكويد محتوى الصفحة )

    ياريت لو توضح اكثر ولو باستخدام الصور ثم ما المقصود بالاستايل لأنك كنت تتكلم عن id ثم ذكرت الاستايل ( أى أنه لو لدينا عنصر أو div له id لا يستطيع عنصر آخر فى الصفحة أن يأخذ نفس الاستايل ) فهل الاستايل هو id وهل الاستايل نفس الذي نستعمله في التصميم عندما اضع ستايل على صورة او على كلمة في التصميم بالفوتوشوب واعذرني والله على أسألتي لكني والله اريد ان اتعلم أما أن أعمل نفسي فاهم وأنا لست بفاهم إلى متى ؟؟؟ سامحني سامحني يا أستاذي



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

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

    رد: دورة انشاء موقع متكامل المرحلة الثانية - التكويد -

    بالنسبة للتكويد الكامل حتى هذه اللحظة من الشرح كالتالى

    [high]
    <!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" />
    </head>
    <body>
    <div id="containerdiv">

    <div id="header">

    <div id="banner">

    </div><!-- end banner-->

    <div id="topmenu">
    <ul>
    <li class="topmenu_li"><a href="#">الصفحة الرئيسية</a></li>
    <li class="topmenu_li"><a href="#">خدمات الشركة</a></li>
    <li class="topmenu_li"><a href="#">نبذة عنا</a></li>
    <li class="topmenu_li"><a href="#">من نحن</a></li>
    <li class="topmenu_li"><a href="#">اتصل بنا</a></li>
    </ul>
    </div><!-- end top menu-->
    </div><!-- end header-->

    <div id="rightcol">
    <img src="images_folder/slogan.jpg" class="siteslogan" alt="" title="" />
    <h3 class="rightcol_h3">العنوان هنا</h3>
    <p class="rightcol_p">لا يوجد شيء يمكن للمؤمن أن يندم عليه يوم القيامة،
    إلا لحظة مرت عليه في الدنيا ولم يذكر الله فيها!
    ولا توجد لحظة تمرّ على المؤمن أسعد من أن يحقق فيها عملاً يرضي الله تعالى،
    ويشعر معه برضا هذا الإله العظيم.
    </p>
    <h3 class="rightcol_h3">العنوان هنا</h3>
    <p class="rightcol_p">لا يوجد شيء يمكن للمؤمن أن يندم عليه يوم القيامة،
    إلا لحظة مرت عليه في الدنيا ولم يذكر الله فيها!
    ولا توجد لحظة تمرّ على المؤمن أسعد من أن يحقق فيها عملاً يرضي الله تعالى،
    ويشعر معه برضا هذا الإله العظيم.
    </p>
    <h3 class="rightcol_h3">العنوان هنا</h3>
    <p class="rightcol_p">لا يوجد شيء يمكن للمؤمن أن يندم عليه يوم القيامة،
    إلا لحظة مرت عليه في الدنيا ولم يذكر الله فيها!
    ولا توجد لحظة تمرّ على المؤمن أسعد من أن يحقق فيها عملاً يرضي الله تعالى،
    ويشعر معه برضا هذا الإله العظيم.
    </p>
    <h3 class="rightcol_h3">العنوان هنا</h3>
    <p class="rightcol_p">لا يوجد شيء يمكن للمؤمن أن يندم عليه يوم القيامة،
    إلا لحظة مرت عليه في الدنيا ولم يذكر الله فيها!
    ولا توجد لحظة تمرّ على المؤمن أسعد من أن يحقق فيها عملاً يرضي الله تعالى،
    ويشعر معه برضا هذا الإله العظيم.
    </p>
    <h3 class="rightcol_h3">العنوان هنا</h3>
    <p class="rightcol_p">لا يوجد شيء يمكن للمؤمن أن يندم عليه يوم القيامة،
    إلا لحظة مرت عليه في الدنيا ولم يذكر الله فيها!
    ولا توجد لحظة تمرّ على المؤمن أسعد من أن يحقق فيها عملاً يرضي الله تعالى،
    ويشعر معه برضا هذا الإله العظيم.
    </p>
    </div><!-- end right col-->
    [/high]
    صورك مظبوطة ان شاء الله
    وانا قلت انك تفتح مجلد جديد على الديسكتوب مثلا لتضع فيه ملفات العمل وليكن اسمه مثلا my new website
    وقلت افتح مجلد جديد بداخله وتسميه وليكن images_folder لتضع فيه الصور اللتى اخرجتها من الفوتشوب
    بالنسبة للسطور اللتى تبدأ دائما بالرقم واحد هذا لانى أكتبها هنا فى صفحة المنتدى وليس فى صفحتى لذا كلما أكتب كلما بدأ من البداية سطور جديدة
    أظن أن الفكرة قد وضحت لك الآن
    سهلة وواضحة منذ البداية لكن تتطلب تركيزك
    ودع الايديهات الان والكلاسات وانظر فى موضوع بعض مصطلحات ومعانيها هنا على هذا الرابط
    http://forums.cgway.net/cg31290/


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

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

    رد: دورة انشاء موقع متكامل المرحلة الثانية و الثالثة - التكويد -

    تم ضم المرحلة الثالثة مع المرحلة الثانية فى موضوع واحد
    وفقنا الله واياكم لفعل الخير دائما

  8. #23
    مصمم مشارك

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

    رد: دورة انشاء موقع متكامل المرحلة الثانية و الثالثة - التكويد -

    السلام عليكم و رحمه الله و بركاته

    اخى الفاضل ظهر عندى خطا فى ترتيب ال div فى الصفحه


    فهل الكود له اى تكمله ؟؟؟؟


    فالعمود الايسر لا يظهر بجوار العمود الايمن و div المسمى topmenu عناصره تظهر بصوره راسيه و ليست افقيه كما هو متوقع حاولت مرارا و تكرارا لا استطيع حل المشكله نسخت الكود الكامل الذى وضعته انت فى نهايه مشاركتك الاولى (اخر كود) و ايضا ظهرت المشكله

    عموما هذه سكرين شوت







    و هذا هو الكود الذى نسخته من مشاركتك الاولى الذى استخدمته و هو تماما مثل الكود الذى صنعته


    [high]



    <!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" />
    </head>
    <body>
    <div id="containerdiv">

    <div id="header">

    <div id="banner">

    </div><!-- end banner-->

    <div id="topmenu">
    <ul>
    <li class="topmenu_li"><a href="#">الصفحة الرئيسية</a></li>
    <li class="topmenu_li"><a href="#">خدمات الشركة</a></li>
    <li class="topmenu_li"><a href="#">نبذة عنا</a></li>
    <li class="topmenu_li"><a href="#">من نحن</a></li>
    <li class="topmenu_li"><a href="#">اتصل بنا</a></li>
    </ul>
    </div><!-- end top menu-->
    </div><!-- end header-->

    <div id="rightcol">
    <img src="images_folder/slogan.jpg" class="siteslogan" alt="" title="" />
    <h3 class="rightcol_h3">العنوان هنا</h3>
    <p class="rightcol_p">لا يوجد شيء يمكن للمؤمن أن يندم عليه يوم القيامة،
    إلا لحظة مرت عليه في الدنيا ولم يذكر الله فيها!
    ولا توجد لحظة تمرّ على المؤمن أسعد من أن يحقق فيها عملاً يرضي الله تعالى،
    ويشعر معه برضا هذا الإله العظيم.
    </p>
    <h3 class="rightcol_h3">العنوان هنا</h3>
    <p class="rightcol_p">لا يوجد شيء يمكن للمؤمن أن يندم عليه يوم القيامة،
    إلا لحظة مرت عليه في الدنيا ولم يذكر الله فيها!
    ولا توجد لحظة تمرّ على المؤمن أسعد من أن يحقق فيها عملاً يرضي الله تعالى،
    ويشعر معه برضا هذا الإله العظيم.
    </p>
    <h3 class="rightcol_h3">العنوان هنا</h3>
    <p class="rightcol_p">لا يوجد شيء يمكن للمؤمن أن يندم عليه يوم القيامة،
    إلا لحظة مرت عليه في الدنيا ولم يذكر الله فيها!
    ولا توجد لحظة تمرّ على المؤمن أسعد من أن يحقق فيها عملاً يرضي الله تعالى،
    ويشعر معه برضا هذا الإله العظيم.
    </p>
    <h3 class="rightcol_h3">العنوان هنا</h3>
    <p class="rightcol_p">لا يوجد شيء يمكن للمؤمن أن يندم عليه يوم القيامة،
    إلا لحظة مرت عليه في الدنيا ولم يذكر الله فيها!
    ولا توجد لحظة تمرّ على المؤمن أسعد من أن يحقق فيها عملاً يرضي الله تعالى،
    ويشعر معه برضا هذا الإله العظيم.
    </p>
    <h3 class="rightcol_h3">العنوان هنا</h3>
    <p class="rightcol_p">لا يوجد شيء يمكن للمؤمن أن يندم عليه يوم القيامة،
    إلا لحظة مرت عليه في الدنيا ولم يذكر الله فيها!
    ولا توجد لحظة تمرّ على المؤمن أسعد من أن يحقق فيها عملاً يرضي الله تعالى،
    ويشعر معه برضا هذا الإله العظيم.
    </p>
    </div><!-- end right col-->

    <div id="leftcol">

    <div id="javascript">
    <img src="images_folder/java.jpg" alt="" />
    </div><!-- end java script div-->



    <div class="menu">
    <ul>
    <li><a href="#">خدمات</a>
    <ul>
    <li><a href="#">رابط آخر</a></li>
    <li><a href="#">رابط قائمة</a></li>
    <li><a href="#">من نحن</a></li>
    <li><a href="#">عن الشركة</a></li>
    </ul>
    </li>
    <li><a href="#">اتصل بنا</a>
    <ul>
    <li><a href="#">اتصل بنا</a></li>
    <li><a href="#">من نحن</a></li>
    <li><a href="#">عن الشركة</a></li>
    <li><a href="#">رابط</a></li>
    </ul>
    </li>
    <li><a href="#">خدمات</a>
    <ul>
    <li><a href="#">رابط آخر</a></li>
    <li><a href="#">رابط قائمة</a></li>
    <li><a href="#">من نحن</a></li>
    <li><a href="#">عن الشركة</a></li>
    </ul>
    </li>
    <li><a href="#">اتصل بنا</a>
    <ul>
    <li><a href="#">اتصل بنا</a></li>
    <li><a href="#">من نحن</a></li>
    <li><a href="#">عن الشركة</a></li>
    <li><a href="#">رابط</a></li>
    </ul>
    </li>
    <li><a href="#">اتصل</a></li>
    </ul>
    </div>


    <div class="floatright">
    <p class="aboutcompany">
    لا يوجد شيء يمكن للمؤمن أن يندم عليه يوم القيامة،
    إلا لحظة مرت عليه في الدنيا ولم يذكر الله فيها!
    ولا توجد لحظة تمرّ على المؤمن أسعد من أن
    يحقق فيها عملاً يرضي الله تعالى،
    ويشعر معه برضا هذا الإله العظيم..
    فالوقت نعمة كبرى منَّ الله بها علينا،
    ولكن معظم الناس غافلون عن نعمة الوقت.
    وقد دأب بعض علماء الغرب على إصدار كتب حول إدارة الوقت،
    حققت هذه الكتب نسبة مبيعات عالية في العالم،
    بما يؤكد اهتمام الناس بهذا الجانب المهم وحرصهم
    على تعلم الجديد في فنّ استغلال الوقت
    واستثماره بأفضل صورة ممكنة،
    وبما يحقق مصالحهم وأهدافهم وبالنتيجة
    ليصلوا إلى السعادة التي يبحث عنها كل إنسان.
    ولكن لو تأملنا هذه الكتب نجد أنها تركز
    على هدف واحد هو الدنيا وزينتها،
    فمقياس النجاح لديهم هو ما يحققه
    المرء من مكاسب مادية أو شهرة أو سلطة،
    ولكنهم يتجاهلون فكرة بسيطة وهي المصير
    الذي ينتظر كل واحد منا بعد الموت،
    وهذه الفكرة كانت الخطوة الأولى التي
    جعلتني أتّجه نحو البحث والتأليف والتفكر والتدبر.
    </p>
    </div><!-- end div floated right-->

    <div class="floatleft">
    <img src="images_folder/imagemain.jpg" class="mainimages" alt="" />
    <img src="images_folder/imagemain.jpg" class="mainimages" alt="" />
    <img src="images_folder/imagemain.jpg" class="mainimages" alt="" />
    <img src="images_folder/imagemain.jpg" class="mainimages" alt="" />
    <img src="images_folder/imagemain.jpg" class="mainimages" alt="" />
    <img src="images_folder/imagemain.jpg" class="mainimages" alt="" />
    </div><!-- end floated left div-->

    <div id="footer">
    <ul>
    <li><a href="#">Contact Us</a></li>
    <li><a href="#">Home Page</a></li>
    </ul>
    </div><!-- end footer div-->

    </div><!-- end left col-->

    </div><!-- end container div-->

    </body>
    </html>



    [/high]


    اعتقد ان الكود يحتاج او ينقصه شىء لوصف اماكن ال div و ان ال div rightcol يجب ان يجاور افقيا menu div و floatright div

    و ايضا العناصر داخل ال div topmenu و div footer يجب ان تكون مرتبه و متجاوره افقيا ايضا و ليس راسيا

    و لكن ما هو هذ الكود الذى يستخدم لترتيب ال div بالنسبه لبعضها و العناصر داخلها


    انتظر اجابتك



    دمت بود و جزاك الله خيرا على دورتك الرائعه

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

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

    رد: دورة انشاء موقع متكامل المرحلة الثانية و الثالثة - التكويد -

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

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

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

    رد: دورة انشاء موقع متكامل المرحلة الثانية و الثالثة - التكويد -

    سلام الله عليكم

    كيف حالك يا أستاذنا العزيز .. هنا لي سؤال .. كما رأيت في الصفحة التي صممتها أنا الصور فيها صغيرة و على صفٍ واحد أما هنا كيف لي أن أجعلها على صفٍ واحد متراصة و بحجمها الصغير



    شكراُ لكم ؛

    و إن كان في سؤالى إزعاج اتركه لوقته .

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

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

    رد: دورة انشاء موقع متكامل المرحلة الثانية و الثالثة - التكويد -

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

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

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

    رد: دورة انشاء موقع متكامل المرحلة الثانية و الثالثة - التكويد -

    [high]
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html dir="rtl" xmlns="XHTML namespace">

    <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" />
    </head>

    <div id="containerdiv">
    <div id="header">

    <div id="banner">

    </div><!-- end banner-->

    <div id="topmenu">
    <ul>
    <li class="topmenu_li"><a href="#">الصفحة الرئيسية</a></li>
    <li class="topmenu_li"><a href="#">قسم اللغة الانجليزية</a></li>
    <li class="topmenu_li"><a href="#">قسم اللغة الفرنسية</a></li>
    <li class="topmenu_li"><a href="#">كتب مجانية</a></li>
    <li class="topmenu_li"><a href="#">اتصل بنا</a></li>
    </ul>
    </div><!-- end top menu-->
    </div><!-- end header-->


    <div id="rightcol">
    <img src="images_folder/07.jpg" class="siteslogan" alt="" title="" />
    <h3 class="rightcol_h3">للمساعدة</h3>
    <img src="images_folder/08.png" class="siteslogan" alt="" title="" />
    <h3 class="rightcol_h3">كتب مجانية</h3>
    <img src="images_folder/06.jpg" class="siteslogan" alt="" title="" />
    <h3 class="rightcol_h3">ملاحظات</h3>
    <img src="images_folder/01.jpg" class="siteslogan" alt="" title="" />
    <h3 class="rightcol_h3">احسبها صح</h3>
    <<img src="images_folder/03.jpg" class="siteslogan" alt="" title="" />
    <h3 class="rightcol_h3">اتصل بنا</h3>

    </div><!-- end right col-->
    [/high]

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

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

    رد: دورة انشاء موقع متكامل المرحلة الثانية و الثالثة - التكويد -

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

  14. #29
    مصمم جديد

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

    رد: دورة انشاء موقع متكامل المرحلة الثانية و الثالثة - التكويد -

    لقد تم بحمد الله الانتهاء من الامرحلة الاولى والثاني مع تغير التصميم
    وهذ هو التطبيق للمرحلة الثانية والثالثة

    [high]<!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>Massarah</title>
    <meta name="description" content="موقع تعليمي لاغلب برامج الجرافيك" />
    <meta name="keywords" content="موقع مسرة ,موقع ميسو ,تعلم الجرافيك" />
    <meta name="author" content="Original design: ayman essaied - http://www.real-idea.net" />
    </head>
    <body>
    <div id="containerdiv">

    <div id="header">

    <div id="banner">

    </div><!-- end banner-->

    <div id="topmenu">
    <ul>
    <li class="topmenu_li"><a href="#">الرئيسية</a></li>
    <li class="topmenu_li"><a href="#">التصاميم</a></li>
    <li class="topmenu_li"><a href="#">خدمات</a></li>
    <li class="topmenu_li"><a href="#">نبذه عنا</a></li>
    </ul>
    </div><!-- end top menu-->
    </div><!-- end header-->

    <div id="rightcol">
    <img src="images_folder/slogan.jpg" class="siteslogan" alt="" title="" />
    <h3 class="rightcol_h3">خدمات</h3>
    <p class="rightcol_p">حمل اجمل واشهر الاسطوانات التعليمية وحمل الدروس واطلب منا عمل تصميم خاص بك
    وحمل اجمل الدروس التعليمية العربية للمبتدئين والمتقدمين هذه الخدمه مجانا لمدة سنه من فتح الموقع
    </p>
    <h3 class="rightcol_h3">الاقسام التعليميه</h3>
    <p class="rightcol_p">تعلم معنا بعض برامج الجرافيك مجانا وبكل يسر وسهولة تامة على ايدي اخصائين
    في هذا المجال فشارك معنا وتمتع واصبح من المحترفين وقم بمساعدتنا في اعطاء الدروس
    </p>
    <h3 class="rightcol_h3">برامج الجرافيك</h3>
    <p class="rightcol_p">لحمل برامج الجرافيك المستخدمه في الدروس والاسطوانات التعليمية على رابط مباشر او الميديافير ..........ألخ
    </p>
    </div><!-- end right col-->

    <div id="leftcol">

    <div id="javascript">
    <img src="images_folder/java.jpg" alt="" />
    </div><!-- end java script div-->



    <div class="menu">
    <ul>
    <li><a href="#">خدمات</a>
    <ul>
    <li><a href="#">طلب تصميم</a></li>
    <li><a href="#"> اسطوانات</a></li>
    <li><a href="#"> تعلم معنا </a></li>
    <li><a href="#">عن الشركة</a></li>
    </ul>
    </li>
    <li><a href="#">الاقسام التعليمية</a>
    <ul>
    <li><a href="#">الفوتوشوب</a></li>
    <li><a href="#">المايا</a></li>
    <li><a href="#">Adobe Premiere</a></li>
    <li><a href="#">الافتر افكيت</a></li>
    </ul>
    </li>
    <li><a href="#">البرامج</a>
    <ul>
    <li><a href="#">رابط تورنت</a></li>
    <li><a href="#">رابط الميديا فير</a></li>
    <li><a href="#">رابط مباشر</a></li>
    </ul>
    </li>
    </ul>
    </div>


    <div class="floatright">
    <p class="aboutcompany">
    سوف يتم فتح الموقع قريبا,سوف يتم فتح الموقع قريبا,سوف يتم فتح الموقع قريبا,سوف يتم فتح الموقع قريبا,
    سوف يتم فتح الموقع قريبا,سوف يتم فتح الموقع قريبا,سوف يتم فتح الموقع قريبا,سوف يتم فتح الموقع قريبا,
    سوف يتم فتح الموقع قريبا,سوف يتم فتح الموقع قريبا,سوف يتم فتح الموقع قريبا,سوف يتم فتح الموقع قريبا,
    سوف يتم فتح الموقع قريبا,سوف يتم فتح الموقع قريبا,سوف يتم فتح الموقع قريبا,سوف يتم فتح الموقع قريبا,
    سوف يتم فتح الموقع قريبا,سوف يتم فتح الموقع قريبا,سوف يتم فتح الموقع قريبا,سوف يتم فتح الموقع قريبا,
    سوف يتم فتح الموقع قريبا,سوف يتم فتح الموقع قريبا,سوف يتم فتح الموقع قريبا,سوف يتم فتح الموقع قريبا,
    سوف يتم فتح الموقع قريبا,سوف يتم فتح الموقع قريبا,سوف يتم فتح الموقع قريبا,سوف يتم فتح الموقع قريبا,
    </p>
    </div><!-- end div floated right-->

    <div class="floatleft">
    <img src="images_folder/imagemain.jpg" class="mainimages" alt="" />
    </div><!-- end floated left div-->

    <div id="footer">
    <ul>
    <li><a href="#">مراسلتي </a></li>
    <li><a href="#">Home Page</a></li>
    </ul>
    </div><!-- end footer div-->

    </div><!-- end left col-->

    </div><!-- end container div-->

    </body>
    </html>[/high]





  15. #30
    مصمم مشارك

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

    رد: دورة انشاء موقع متكامل المرحلة الثانية و الثالثة - التكويد -

    السلام عليكم و رحمة الله و بركاته

    اخى الفاضل

    عندى استفسار

    ما الفرق بين الامتداد .htm و .html ؟؟؟


    و متى استخدم الامتداد htm و متى استخدم الامتداد html ؟؟


    و ما هو الامتداد الافضل عند تصميم و برمجه المواقع من وجهه نظرك و على اى اسس اخترت الافضل ؟؟؟

    و ما مميزات الامتداد الذى تفضله و ما هى عيوب الامتداد الذى لا تفضله ؟؟

    دمت بود


 

 
صفحة 2 من 5 الأولىالأولى 12345 الأخيرةالأخيرة

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

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

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

المفضلات

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

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