تعلم تطوير الويب خطوة بخطوة

ASP, PHP, JavaScript, JSP, ... etc
قوانين المنتدى
صورة العضو الشخصية
Ghalebi
Founder
Founder
مشاركات: 2929
اشترك في: الأربعاء إبريل 20, 2005 4:57 pm
التخصص: Control Systems
مكان: اليمن - عدن
اتصال:

تعلم تطوير الويب خطوة بخطوة

مشاركةبواسطة Ghalebi » الأربعاء يناير 23, 2013 11:41 pm

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

صورة العضو الشخصية
ليث
manager
manager
مشاركات: 620
اشترك في: الخميس نوفمبر 20, 2008 9:34 am

تعلم تطوير الويب خطوة بخطوة

مشاركةبواسطة ليث » الخميس يناير 24, 2013 10:35 am

اللهم صل وسلم على سيدنا محمد وعلى آله وصحبه الكرام .

درس ممتع وقد رأيته من حين انزلته وطبقته ولكني على ما يبدو نسيت ان ارد :mrgreen: :crazy: ذكرني رد المهندس علي بتفحص ردي :oops: ..

الدرس رائع جداً وتفهمت منه تعليمه

كود: تحديد الكل

onchange="alert(this.value)


التي هي عملها أظهار المحتوى المرسل من الاكشن بوسم الجافا سكربت .

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

صورة العضو الشخصية
Ghalebi
Founder
Founder
مشاركات: 2929
اشترك في: الأربعاء إبريل 20, 2005 4:57 pm
التخصص: Control Systems
مكان: اليمن - عدن
اتصال:

تعلم تطوير الويب خطوة بخطوة

مشاركةبواسطة Ghalebi » الخميس يناير 31, 2013 10:35 pm

السلام عليكم

مستمتع جداً بالدورة و طريقة الالقاء .. و جالس اطبق الدروس و وصلت للفورمس :mrgreen:

بالمناسبة :
انا استخدم محرر notepad ++

http://notepad-plus-plus.org/download/v6.2.html

وهناك محررات اخرى تساعد على اكمال الوسوم تلقائيا .. ولكن كما قال الاخ ملقي الدوره انها لا تساعد المتعلم على التعلم بشكل صحيح وتجعله معتمدا على المحرر .

بالإمكان إضافة خاصية الاغلاق التلقائي للوسوم لمحرر Notepad++ ;)
الطريقة:
1- ادخل على قائمة TextFX
2- ادخل على TextFX Settings
3- قم بتفعيل خاصية Autoclose XHTML/XMA <tags
إذا لم تجد هذا الخيار في القائمة .. قم بالتالي:
4- ادخل على قائمة Plugins
5- ادخل على Plugin Manager -> Show Plugin Manager
6- انتظر قليلاً حتى تتحدث قائمة الـ Available Plugins أو الإضافات المتاحة
7- ابحث عن الاضافة TextFX Characters و قم بتنصيبها.
8- قم بتطبيق الخطوات 1-3 أعلاه

طبعاً هناك عشرات الإضافات الأخرى التي تضيف خصائص أخرى رائعة و غنية بالفائدة للمطورين على محرر Notepad++

تحياتي للجميع :wave:

صورة العضو الشخصية
Ghalebi
Founder
Founder
مشاركات: 2929
اشترك في: الأربعاء إبريل 20, 2005 4:57 pm
التخصص: Control Systems
مكان: اليمن - عدن
اتصال:

تعلم تطوير الويب خطوة بخطوة

مشاركةبواسطة Ghalebi » الخميس يناير 31, 2013 10:38 pm

عندي اقتراح لأخينا الصلوي ملقي الدورة .. أظن سيكون من الأفضل و الأكثر فائدة لو نركز في الدورة على منهج HTML5 و CSS3 بحكم أن المواقع الحديثة يتك بنائها على هذه المعايير الحديثة.

صورة العضو الشخصية
ليث
manager
manager
مشاركات: 620
اشترك في: الخميس نوفمبر 20, 2008 9:34 am

تعلم تطوير الويب خطوة بخطوة

مشاركةبواسطة ليث » الاثنين فبراير 04, 2013 5:56 pm

Ghalebi كتب:السلام عليكم

مستمتع جداً بالدورة و طريقة الالقاء .. و جالس اطبق الدروس و وصلت للفورمس :mrgreen:

بالمناسبة :
انا استخدم محرر notepad ++

http://notepad-plus-plus.org/download/v6.2.html

وهناك محررات اخرى تساعد على اكمال الوسوم تلقائيا .. ولكن كما قال الاخ ملقي الدوره انها لا تساعد المتعلم على التعلم بشكل صحيح وتجعله معتمدا على المحرر .

بالإمكان إضافة خاصية الاغلاق التلقائي للوسوم لمحرر Notepad++ ;)
الطريقة:
1- ادخل على قائمة TextFX
2- ادخل على TextFX Settings
3- قم بتفعيل خاصية Autoclose XHTML/XMA <tags
إذا لم تجد هذا الخيار في القائمة .. قم بالتالي:
4- ادخل على قائمة Plugins
5- ادخل على Plugin Manager -> Show Plugin Manager
6- انتظر قليلاً حتى تتحدث قائمة الـ Available Plugins أو الإضافات المتاحة
7- ابحث عن الاضافة TextFX Characters و قم بتنصيبها.
8- قم بتطبيق الخطوات 1-3 أعلاه

طبعاً هناك عشرات الإضافات الأخرى التي تضيف خصائص أخرى رائعة و غنية بالفائدة للمطورين على محرر Notepad++

تحياتي للجميع :wave:


:mrgreen: مهندس Ghalebi اسعفنا بوصف مصور لكي يتسهل الطريق لتطبيق الطريقه :mrgreen: :oops:
أنفع العمل أن تغيب فيه عن الناس بالإخلاص, وعن نفسك بشهود المنّة, فلا ترى فيه نفسك ولا ترى الخلق.
ادعولي بما تجوده به انفسكم .

صورة العضو الشخصية
ab_alselwy
.
.
مشاركات: 14
اشترك في: السبت مارس 24, 2012 8:53 pm
التخصص: مطور ويب

تعلم تطوير الويب خطوة بخطوة

مشاركةبواسطة ab_alselwy » الثلاثاء فبراير 19, 2013 4:48 pm

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

home.jpg


بالنسبة للكود هو كالتالي

كود: تحديد الكل

<html dir="rtl">
<head>
<title >موقع تعلم برمجة وتطوير الويب خطوة بخطوة</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  <table width="1024" align="center" border="1">
       <tr >
           <td height="150" align="center">تطوير الويب خطوة خطوة</td>
        </tr>
       
        <tr>
           <td height="400" valign="top"  align="right">
               <table align="right" width="100%"  height="100%">
                   <tr >
                       <td width="15%"  valign="top" align="right">
                           <ul type="none" margin="0">
                                 <li><a href="index.html" >الرئيسية</a></li>
                                <li><a href="" ></a></li>
                                <li><a href="" ></a></li>
                           </ul>
                        </td>
                       
                          <td width="65%"  valign="top" bgcolor="#E1E1E1">
                            <div align="right" >
                               <p>موقع تطوير الويب خطوة بخطوة </p>
                               <p>هنا نسلط الضوء ونشرح تقنيات تطوير المواقع من الصفر نرحب بكم معنا حيث سنتطرق الى اهم مواقع التطوير التي يستخدمها مطورو المواقع ونشرحها بطريقة سهله ومبسطة وسنسرد الامثلة التطبيقية التي تساعدنا على فهم هذه الاليات نرحب بكم وبمشاركاتكم وتفاعلكم معنا يمكننا الاستمرار . </p>
                               <p>وهذه الصفحات هي عبارة عن تطبيق لما تم التطرق له سابقاً وسنحاول ان نكثف من الامثلة العملية التي تساعدنا على الفهم .</p>
                               <p>التقنيات التي سنتطرق لها هي : </p>
                               <p>&nbsp;</p>
                            </div>
                        </td>
                   
                       <td width="20%" align="right">
                           <ul ><b>قائمة الدروس الأخيرة</b>
                              <ol>مقدمة اتش تي ام ال</ol>
                                <ol></ol>
                                <ol></ol>
                            </ul>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
       
        <tr>
           <td  align="center" height="50" valign="middle">جميع الحقوق محفوظة تصميم وتطوير الويب خطوة بخطوة 2013 &copy;</td>
        </tr>
    </table>
</body>
</html>


لاحظو شباب كلما كان هنالك اخطاء كلما كانت فرص الفهم أكثر ارجو أن لا تنسخو الكود بل تأخذوا الفكرة .


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

صورة العضو الشخصية
ab_alselwy
.
.
مشاركات: 14
اشترك في: السبت مارس 24, 2012 8:53 pm
التخصص: مطور ويب

تعلم تطوير الويب خطوة بخطوة

مشاركةبواسطة ab_alselwy » الثلاثاء فبراير 19, 2013 4:57 pm

اهلاً بك معنا Ghalebi
بالنسبة للمحرارات لم يئن بعد استخدامها حبذا كتابة الوسوم بصورة يدوية وذلك لحفظها ، بعض الاوقات لا يجدي استخدام المحررات وعلينا ان نكتبها بطريقة يدوية ، استخدام المحرر مرحلة سنأتي إليها لاحقاً .

بالنسبة للـ HTML5 تعتبر مرحلة متقدمة بإذن الله سنتطرق اليها فيما بعد وستفهم لاحقاً اذا ما فهمنا الاساسيات .
بالنسبة لل CSS ستكون وجهتنا التالية .

عموماً اهلا بكم وسعيد بتفاعلكم ، ووجودكم يحفزني .


تحياتي عبدالفتاح الصلوي

صورة العضو الشخصية
ليث
manager
manager
مشاركات: 620
اشترك في: الخميس نوفمبر 20, 2008 9:34 am

تعلم تطوير الويب خطوة بخطوة

مشاركةبواسطة ليث » الأحد مارس 03, 2013 9:20 am

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

تم التطبيق

صورة


صورة


صورة



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

صورة


جزاك الله خير الجزاء ووفقك لكل خير مستمرون معك ولكن ننشغل بعض الاحيان فنسهو عن المتابعه .
أنفع العمل أن تغيب فيه عن الناس بالإخلاص, وعن نفسك بشهود المنّة, فلا ترى فيه نفسك ولا ترى الخلق.
ادعولي بما تجوده به انفسكم .


العودة إلى “Web Programming”



الموجودون الآن

المستخدمون الذين يتصفحون المنتدى الآن: لا يوجد أعضاء مسجلين متصلين وزائر واحد