لوحة المتصدرين
المحتوى الأكثر حصولًا على سمعة جيدة
المحتوى الأعلى تقييمًا في 05/31/18 في كل الموقع
-
ليس لدي معرفه فيما تستخدمه .. ولا يمكنني ان اقوم بمساعدتك بهذه الطريقة. ولكن سأفيدك بنقطة طالما ان السكربت الذي تستخدمه على PHP .. في بعض الاحيان عندما يكون هنالك خطأ في PHP يعطي صفحة بيضاء وهذا الخطأ قد يكون خلل برمجي او ان هنالك تعارض بالمعطيات مع الدوال المستخدمة .. (شبيه بما حصل معك) ... فلمعرفة ما اذا كان الخطأ يخص الـ PHP يجب عليك تفعيل ظهور اخطاء الـ PHP بإضافة هذا الكود : <?php error_reporting(E_ALL); ini_set('display_errors', 1); ?> يمكن وضعه داخل ملف الـ PHP في أول سطر من الملف .. وحفظه ومعاودة محاولة اضافة اللغة من جديد وحفظها.. عندها إما ان تختفي الصفحة البيضاء وتظهر لك صفحة فيها اخطاء تخص PHP .. إذا ظهرت لك الصفحة البيضاء, فالخطأ خارج نطاق الـ PHP .. وهو في مكان آخر, وستحتاج الى تحديد مصدره.1 نقطة
-
يمكنك الرجوع من البدايه وسوف تجدين انك تسترجعين الذاكره بسرعه عاليه ومنها تقومين بالتأكيد على معلومتك ومراجعتها1 نقطة
-
وعليكم السلام ورحمة الله. حتى تستعيدي الشغف بالبرمجة يجب ان تحصلي على أمرين: 1. الرغبة الحقيقة في جعلها مهنتك المستقبلية (وهي من افضل المهن في الوقت الحالي) 2. العمل على مشاريع حقيقية وطلب المساعدة من اهل الاختصاص، لان عملية تعلم البرمجة بدون هدف او مشروع، امر ممل فعلاً. بالنسبة للنقطة الثانية، يجب ان تحددي مجال العمل الذي ترغبين فيه بالبداية (ويب، ديسكتوب، موبايل) وما هي التقنيات التي تفضلينها، ثم قومي بكتابة مشروع مكتوب مسبقا خطوة بخطوة، وهذا تجديه في الكتب التي توضح التقنية بالتفصيل مع خطوات كتابة المثال من الصفر. وعند نقطة معينة ستجدي الدافع لكتابة مشروع صغير نسبيا اعتماداً على الخبرة الجيدة التي اكتسبناها خلال هذه الفترة، ثم حاولي البحث عن بعض العملاء الذين هم بحاجة مشاريع صغيرة نسبياً، وابدأي بالعمل معهم. اذكر اول مشروع لي عملت عليه بشكل حر، كان بهذا الشكل، وقد واجهت العديد من التحديات اثناء كتابتي للمشروع، وكانت جميعها تحل بفضل الله، واكتسبت خبرات جيدة، بعد حوالي شهرين كان المشروع يعمل بشكل ممتاز (وما زال يعمل حتى الآن، بعد مرور ما يقارب 4 سنوات). وكل مشروع كان يعطيني دفعة كبيرة نحو الأمام. لذلك كنصيحة اخيرة: حاولي تخصيص وقت معين (وليكن شهرين) للبدء بكتاب تخصصي (مثلا في .NET يوجد العديد من الكتب الاكثر من ممتازة) والتي يمكنك تطبيقها بشكل مفصل وممتع، وبعد هذه المدة، ابدأي بالبحث عن عملاء سواء في محيطك او على الانترنت، والله ولي التوفيق.1 نقطة
-
انا شايف عادي انك ترجع تتعلم تاني وتحاول ...في مقوله كدا بتقول ان السهم عشان ينطلق بيتراجع للخلف الاول فدي ممكن تكون لدايه جديده ليك دايما بص ع الطفل الصغير وهوا بيتعلم المشي وبيقع ...عمرك شفت طفل قالك انا زهقت ومش همشي تاني لا طبعا الخلاصه :- حاول تاني وتاني1 نقطة
-
الأفكار الواردة بالكتاب طبقتها بشكل شبه حرفي واستطعت استرجاع أكثر من 2000 دولار من أحد عملائي الذين يتناسون الحقوق عمدا. شكرا للمؤلف والمترجم ولحسوب1 نقطة -
.png.0fd870e930d8189da980f138ee555b1e.png)
جميعنا – نحن مصمّمي المواقع –تعلّمنا أن نبقى بعيدًا عن الخُطاطات layouts المستندة على الجداول. لهذا غالبًا ما ننساها ونهملها إلى أن نجد أنفسنا محتاجين إليها. هذا الدرس سيأخذك خطوة بخطوة لإنشاء جدول بيانات أنيق وسلس يحتوي مقارنة بين مميّزات عدة درّاجات نارية من طرازHarley Davidson . سنقوم ببناء الجدول حصرًا بـ HTML ثمّ سنصقله بـ CSS لإنشاء جدول HTML جميل وواضح. الجدول سيقارن ميزات ثلاثة نماذج من الدراجات النارية من طراز Harley Davidson Sportster. سيتمّ بناء الجدول بـ HTML ثمّ سنُنسّقه بـ CSS لجعل البيانات واضحة. مشاهدة الجدول النّهائي سنحتاج إلى عدّة ملفات لأجل تصميم هذا المشروع التّعليمي. وهي: صورة PNG سنستخدمها كخلفية، وصورة كبيرة بالأبيض والأسود لملء الخلفيّة، وشعار Harley Davidson إضافة إلى صور نماذج الدرّاجات النارية الثلاث التي سنقارنها. الملفّ عبارة عن HTML عاديّ. حيث يبدأ بـ DOCTYPE، عنوان الصفحة ورابط لـ CSS. يبدأ محتوى الصفحة بـ <H1>، والذي سيتم لاحقا تحويله إلى شعار HD، بعد ذلك سنضيف وعاء div لمساعدتنا على توسيط المحتوى. بعد ذلك سندرج <table> متبوعًا بـ <THEAD> لتحديد العناوين والتّرويسات headings في جدولنا. يحتوي <THEAD> على صفّين، أحدهما يتضمّن صور الدرّاجات والآخر يتضمّن عناوين كل نموذج في وسم <H2>. الجدول يحتوي ثلاثة أعمدة، ولكن الخلايا الأولى في الترويسة فارغة لذلك سنضيف الحرف الرّابط . لمساعدتنا على تنسيق الجدول وتحسين مقروئية البيانات وفي نفس الوقت سنضيف في الكود أصنافًا classes إلى الخلايا. بعد إغلاق <THEAD> يبدأ <TBODY>. وبينما تُستخدم <th> داخل <THEAD>، فإنّ <td> تستخدم داخل <TBODY>. كل سلسة من الخلايا مُتضمَّنة داخل صفّ واحد، وصفوفنا تساعدنا في تحديد الأعمدة. كما ستتم إضافة كافّة صفوف البيانات لإنهاء HTML. HTML النّهائي <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Harley Davidson Sportster Motorcycle Model Comparison</title> <link href="style.css" rel="stylesheet" /> </head> <body> <h1>Harley Davidson Motorcycles</h1> <div id="container"> <table> <thead> <tr> <th> </th> <th class="iron"><img src="images/iron.jpg" alt="Harley Davidson Iron 883" /></th> <th class="nightster"><img src="images/nightster.jpg" alt="Harley Davidson Nightster" /></th> <th class="fortyeight"><img src="images/forty-eight.jpg" alt="Harley Davidson Forty-Eight" /></th> </tr> <tr> <th> </th> <th class="iron"><h2>Iron 883</h2></th> <th class="nightster"><h2>Nightster</h2></th> <th class="fortyeight"><h2>Forty-Eight</h2></th> </tr> </thead> <tbody> <tr> <td class="feature">Engine</td> <td class="iron">883cc</td> <td class="nightster">1202cc</td> <td class="fortyeight">1202cc</td> </tr> <tr> <td class="feature">Torque</td> <td class="iron">70Nm</td> <td class="nightster">98Nm</td> <td class="fortyeight">98Nm</td> </tr> <tr> <td class="feature">Exhaust</td> <td class="iron">Chrome, staggered shorty exhaust with dual mufflers</td> <td class="nightster">Chrome, slash-cut ex-haust with dual mufflers</td> <td class="fortyeight">Chrome, staggered shorty exhaust with dual slash-cut mufflers</td> </tr> <tr> <td class="feature">Wheels</td> <td class="iron">Black, 13-Spoke Cast Alumi-num</td> <td class="nightster">Black, Laced Steel</td> <td class="fortyeight">Black, Laced Steel</td> </tr> <tr> <td class="feature">Ground Clearance</td> <td class="iron">120mm</td> <td class="nightster">130mm</td> <td class="fortyeight">100mm</td> </tr> <tr> <td class="feature">Price</td> <td class="iron">£6,699</td> <td class="nightster">£8,099</td> <td class="fortyeight">£8,849</td> </tr> </tbody> </table> </div> </body> </html> يبدأ CSS بإزالة وتعويض تنسيق المتصفّح الافتراضي، ثم يقوم بتعيين التنسيق الكلّي للصّفحة. بعد ذلك نضيف صورة الخلفية إلى جسم الصّفحة. أمّا خصائص الخط العّام فستكون16px Georgia رمادي. بعد ذلك سيتمّ تحويل <H1> إلى شعار Harley Davidson باستخدام تقنية استبدال الصورة، ثم سنضع الوعاء div في وسط الصفحة. تُستخدم صورة الخلفية النّمطية للملء. وبعدها سنحدّد قيم الخاصّية box-shadow لـ CSS3 لمحاكاة تأثير الظّل المُنسدل في فوتوشوب. افتراضيًا سيعرض الجدول فجوات صغيرة بين خلايا الجدول. التصميم الذي نبتغي يتطلّب هامشًا بين الأعمدة ولكن دون ثغرات بين الصّفوف. تسمح لنا الخاصيّة border-spacing بضبط التباعد على المحورين Y و X. ستتمّ إضافة الهامش الداخلي Padding, كما سيتمّ توسيط النص في جميع العناصر <th> و <td>، ثم سنستثني الخلايا ذات الصّنف “feature”، حيث سنحاذي النصّوص فيها إلى اليسار. كما ستُمنح هذه الخلايا عرضًاwidth محدّدًا لتغيير تناسب الجدول لجعل ذلك العمود الأكبر من بين بقيّة الأعمدة. أعطينا لكلّ الأصناف “iron”، “nightster” و “fortyeight” خلفيّة بيضاء شفّافة باستخدام RGBa. كان بإمكاننا أن نستخدم صنفًا واحدًا لجميع هذه الخلايا، ولكنّ الأصناف المعيّنة ستساعدنا على التنقل في بيانات الجدول في الكود البرمجي. لأجل إضافة لمسة أخيرة على الجدول، سنضيف نفس الملء الشفّاف إلى صفوف الجدول، ولكن فقط عندما يطوف عليها مؤشّر الفأرة. هذا التأثير البسيط يعزّز سهولة استخدام الجدول، ممّا يساعد المستخدم على مطالعة ومقارنة البيانات. CSS الكامل body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote, table, tr, td, th { margin: 0; padding: 0; border: 0; } body { background: #000 url(images/bg.jpg) center top fixed no-repeat; font: 16px Georgia, Serif; color: #ccc; } h1 { width: 168px; height: 130px; margin: 30px auto; position: relative; background: url(images/harley-davidson.png); text-indent: -9999px; } #container { width: 940px; margin: -115px auto; padding: 110px 10px 50px 10px; background: url(images/bg-pattern.png); box-shadow: 0px 0px 15px #000; } table { border-spacing: 10px 0px; } th, td { text-align: center; padding: 10px; } .feature { width: 183px; text-align: right; font-size: 24px; font-weight: normal; color: #fff; } .iron, .nightster, .fortyeight { background: rgba(255,255,255,0.05); } h2 { font-size: 24px; font-weight: normal; color: #fff; } tr:hover { background: rgba(255,255,255,0.05); } thead tr:hover { background: none; } جدول HTML / CSS النهائي تحقّق بنفسك من المثال لرؤية الشكل النهائي للجدول بكلّ التّأثيرات التي ترافقه. استخدام الشفافية من ملفّات PNG24 وصيغة التّلوينRGBa ساعد على إنشاء تصميم أنيق عندما دُمج مع صورة الخلفية الكبيرة. عمومًا تقنيات الجدول البسيطة هذه يمكن استخدامها في أيّ مشروع لعرض بياناتك الجدولية بطريقة واضحة وسهلة الفهم. ترجمة -وبتصرّف- للمقال How To Create a Slick Features Table in HTML & CSS لصاحبه iggy1 نقطة -
تتميز لغة الكتاب بنبرة لطيفة تشعر القارئ أن المؤلف يخاطبه، كما تتسم بالبساطة على الرغم من ثراء فحواه. وفي عدة مواضع من الكتاب، ذكر المؤلف قصصا من حياته ومواقف حصلت له في الماضي مما أكسب الكتاب الطبيعة الودية غير المتكلفة. يُميّز الكتاب أيضا تشكيل الكلمات فيسهل فهم المعنى المقصود. وسيلحظ القارئ أيضًا سلامة العبارات ومراعاة قواعد لغة الضاد مما يطمئن القارئ أن المؤلف مترجم محترف. كُنت أتمنى وجوّد مراجع للروابط المذكورة، على سبيل المثِال عندما ذكر الكاتب رابط عقد مفتوح المصدر أو طريقة عمل علامة مائية عبر الفوتوشوب .. وغيرها في ثنايا الكتاب. شكرا للرائع أحمد. مجّهود مبهر. بِلا شك وعلينا الإفتخار بتواجدك بيننا.1 نقطة
-
أعتقد أنني محظوظ بمستقل حيث أنني لم أجد ما يقلقني مثل سوابق الكاتب بالعمل الحر .. عامةً سأعمل بنصائحه قريباً شكراً للكاتب و المترچم1 نقطة
-
شكرا جزيلا .. حقا كتاب رائع وتصميم بسيط وأنيق . وفقك الله للمزيد أخي أحمد1 نقطة
-
استفدت من أنظمة العد والتحويل بينها كثيرًا في حياتي العمليّة. وخاصّة فيما يتعلّق بالتحويل بين أنظمة العد العشري Decimal والست عشري Hexadecimal والثنائي Binary. تحتاج تطبيقات التحكّم الصناعي، وخاصةً عند العمل مع المتحكّمات الصغريّة Microcontrollers إلى التعامل مع أنظمة العد المختلفة بشكل كبير، وخاصّة نظام العد الست عشري. توجد بالتأكيد تطبيقات أخرى لها، ولكن لم أجرّبها. قد يخطر ببالك أنّ استخدام الآلة الحسابة يغني عن تعلّم هذه الأمور، ولكن صدّقني في كثير من الأحيان يكون التحويل الذهني المباشر (وخصوصًا عندما تألف أنظمة العد) عمليًّا أكثر من استخدام الآلة الحاسبة، التي قد تنحصر الحاجة إليها في بعض عمليّات التحويل الصعبة.1 نقطة
