لوحة المتصدرين
المحتوى الأكثر حصولًا على سمعة جيدة
المحتوى الأعلى تقييمًا في 07/26/19 في كل الموقع
-
الإصدار 1.0.0
45530 تنزيل
لا يخفى على أحدٍ سطوع نجم لغة HTML5 وانتشار تطبيقاتها انتشارًا كبيرًا، إذ ذاع صيتها وأصبحت حديث الكثيرين لما تحتويه من تقنياتٍ مهمةٍ لتطبيقات الويب، فهي تتضمن كل ما يتعلق بتشغيل مقاطع الفيديو على صفحات الويب، وتوليد الرسوميات ديناميكيًا، وتحديد الموقع الجغرافي للمستخدم، وإتاحة استعمل تطبيقات الويب دون اتصال، إضافةً إلى تنظيمها لبنية المستند الهيكلية تنظيمًا دقيقًا يسهِّل تفسيرها من المتصفحات والبرمجيات الأخرى، والمزيد… لذا جاء هذا الكتاب محاولًا تقديم مفاهيم HTML5 وتقنياتها وطرائق استخدامها إلى القارئ العربي، مدعمًا بأمثلة علميةٍ تسهّل توضيح الأفكار، وحاولتُ فيه توفير أحدث المعلومات عن دعم تلك التقنيات قدر المستطاع، وأعدت النظر في بعض الفصول لتناسب التغييرات التي طرأت حديثًا. هذا الكتاب مترجمٌ عن كتاب Dive Into HTML5 للمؤلف Mark Pilgrim المرخّص برخصة المشاع الإبداعي CC BY 3.0، والذي نشرته O’Reilly لاحقًا باسم HTML5: Up and Running. هذا الكتاب مرخص بموجب رخصة المشاع الإبداعي نسب المُصنَّف - الترخيص بالمثل 4.0 (CC BY-SA 4.0). شعار HTML5 والشعارات البقية مرخصة برخصة المشاع الإبداعي CC BY 3.0. وفي النهاية، أحمد الله على توفيقه لي بإتمام العمل على الكتاب، وأرجو أن يكون إضافةً مفيدةً للمكتبة العربية، والله ولي التوفيق. يمكنك قراءة فصول الكتاب في صورة مقالات مما يلي: المقال الأول: خمسة أشياء عليك معرفتها عن HTML5 المقال الثاني: نظرة على تاريخ HTML - الجزء الأول المقال الثالث: نظرة على تاريخ HTML - الجزء الثاني المقال الرابع: اكتشاف دعم المتصفحات لميزات HTML5 المقال الخامس: الرسم عبر عنصر canvas في HTML5 المقال السادس: صيغ ترميز الفيديو والصوت وحاوياتها وكيفية عملها في الويب المقال السابع: ترميز مقاطع الفيديو بعدة صيغ المقال الثامن: إضافة مقاطع الفيديو عبر العنصر <video> في HTML5 المقال التاسع: التعامل مع التأريخ في HTML5 المقال العاشر: تحديد الموقع الجغرافي (GeoLocation) في HTML5 المقال الحادي عشر: التخزين المحلي (Local Storage) في HTML5 المقال الثاني عشر: تطبيقات الويب التي تعمل دون اتصال – الجزء الأول المقال الثالث عشر: تطبيقات الويب التي تعمل دون اتصال – الجزء الثاني المقال الرابع عشر: النماذج (Forms) في HTML5 المقال الخامس عشر: مدخل إلى البيانات الوصفية (microdata) في HTML5 المقال السادس عشر: توصيف الأشخاص باستخدام metadata في HTML5 المقال السابع عشر: توصيف المنظمات/الشّركات باستخدام microdata في HTML5 المقال الثامن عشر: كيفية توصيف الأحداث والمراجعات باستخدام microdata على HTML51 نقطة -
أهلًا بك، لون الخلفية المتدرج يمكن أن تضبطه من خلال القيمة gradiant، تخطيط الصفحة 3x3 حاويات يمكن أن يتم عبر الخاصية grid، الحدود المدورة لكل حاوية يمكن أن تُضبط عبر الخاصية border-radius، بالنسبة للأيقونات داخل كل حاوية يمكن أن تجد بعضهم وتحملهم كصور (في حال لا تريد استخدام bootstrap) وتدرجهم في حاويات تصميمك من خلال هذا الرابط، أو تبحث عنهم كصور من الأصل في محركات البحث (في حال لم تُعْطَهُم)، يمكن أن يكون الكود قريب من التالي.. ينقصك فقط إضافة الصور والنص أسفلهم <!DOCTYPE html> <html> <head> <style> .linear-gradient { height: 650px; background-color: #000066; background-image: linear-gradient(#000066, #9999ff); } body{ background-repeat: no-repeat; } .grid-container { display: grid; grid-gap: 30px; grid-template-columns: auto auto auto; padding: 10px; } .grid-item { border: 1px solid rgba(0, 0, 0, 0.8); padding: 70px; font-size: 35px ; text-align: center; background-color: white; border-radius: 20px; } </style> </head> <body class="linear-gradient"> <div class="grid-container"> <div class="grid-item">1</div> <div class="grid-item">2</div> <div class="grid-item">3</div> <div class="grid-item">4</div> <div class="grid-item">5</div> <div class="grid-item">6</div> <div class="grid-item">7</div> <div class="grid-item">8</div> <div class="grid-item">9</div> </div> </body>1 نقطة
-
السلام عليكم. في البدء أنصحك دائماً بأن يكون مشروع تخرجك في مجال تحبيه و تودين تطوير نفسك مستقبلاً فيه، كذلك يستحسن بقدر الإمكان إذا كانت فكرة المشروع يمكن تطويرها مستقبلاً حتى تصبح لك فرصة عمل. بصورة عامة خلال هذه الفترة أنصحك بمجال الذكاء الاصطناعي و تحديداً مجال انترنت الاشياء " Internet Of Things " لانه مجال المستقبل و ستجدين فيه تطبيقات كثيرة ستنال إعجابك و الكثير من الافكار الحديثة غير المطبقة و التى يمكن تطبيقها بأسهل الطرق و ستفتح لك أبواب كثيرة جداً في المستقبل بالتوفيق.. علي عمر1 نقطة
-
مرحباً بكِ أنصحك بإستخدام تقنية ال Augmented reality بعض المشاريع المصنوعة بهذة التقنية لعبة Pokemon Go . ممكن استخدام التقنية في الكتب الدراسية بحيث الطالب يعمل سكان لQR code و يظهر له قلب ينبض و ممكن كثير يساعد طلاب و طالبات الطب في مواد التشريح او مشروع تنقل في الاماكن باستخدام هذه التقنية. وبالتوفيق.1 نقطة
-
لكي يتموضع العنصر وسط الوسم div والذي يعتبر العنصر الأب في هذه الحالة، عليك بإضافة الخاصية text-align:center إلى العنصر div و margin:auto إلى العنصر الإبن. هذا مثال تطبيقي يشرح كيفية فعل ذلك: صفحة html تضم div مع id بقيمةparent، مع 3 عناصر : <div id="parent"> <div id="child1" class="block center">a block to align center and with text aligned left</div> <div id="child2" class="block left">a block to align left and with text aligned left</div> <div id="child3" class="block right">a block to align right and with text aligned left</div> </div> كود css المتحكم في العناصر السابقة و الأب parent أيضا: #parent { text-align:center; background-color:blue; height:400px; width:600px; } .block { height:100px; width:200px; text-align:left; } .center { margin:auto; background-color:green; } .left { margin:auto auto auto 0; background-color:red; } .right { margin:auto 0 auto auto; background-color:yellow; } صورة للنتيجة: مثال تطبيقي
1 نقطة
