أحدث المواضيع :
Loading...
مساحة اعلانية

تتجاوز عملة البيتكوين 50000 دولار: نحو سباق طاقة لا نهاية له؟


في 16 فبراير 2021 ، صنعت Bitcoin علامة أخرى في تاريخ العملة المشفرة من خلال تجاوز علامة 50،000 دولار لأول مرة. بشرى سارة لمن يمتلكها ، ولكن ربما أقل لكوكبنا.




أين ستتوقف البيتكوين؟ منذ بداية العام ، شهدت العملة المشفرة نموًا متسارعًا ، بينما كان الاتجاه في ارتفاع بالفعل في نهاية عام 2020. وبالأمس ، تم اتخاذ خطوة جديدة منذ أن تجاوز سعرها 50000 دولار ، لتأتي بأكثر من دولار. 51000 (أكثر من 42400 دولار) في وقت كتابة هذا التقرير. هذا الازدهار النيزكي (كان السعر لا يزال أقل من 10000 دولار في يوليو 2020) ، والذي لم يكن إيلون موسك وتيسلا غريبين عليه بالتأكيد ، يتسبب  في إثارة بعض الخوف.


استهلاك الطاقة في الوضع الصغير

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


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


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


تستهلك Bitcoin أكثر من بلدان بأكملها كل عام

درس باحثون من جامعة كامبريدج (المملكة المتحدة) هذا الموضوع. أنشأوا نموذجًا لتقدير إجمالي استهلاك الكهرباء الناجم عن Bitcoin. وفقًا لنتائجهم ، ستتطلب العملة المشفرة أكثر من 121 تيراواط ساعة (تيراواط ساعة) كل عام. وبالمقارنة ، فإن هذا يزيد عن الاستهلاك السنوي لبلدان مثل هولندا أو الأرجنتين ، اللتين يبلغ عدد سكانهما على التوالي 17 و 45 مليون نسمة.


على نفس المنوال ، وفقًا لموقع Digiconomist (على الرغم من أنه أكثر تحفظًا في تقديراته) ، فإن معاملة Bitcoin الواحدة سيكون لها بصمة كربونية تعادل أكثر من 670.000 معاملة Visa وأكثر من 50000 ساعة من مقاطع الفيديو التي تتم مشاهدتها على YouTube.


ومع ذلك ، كلما ارتفع سعر العملة المشفرة ، زاد عدد عمال التعدين الذين يرغبون في كسب المال بهذه الطريقة ، وكلما زاد ميلهم إلى الاستثمار في الآلات القوية. وكلما زاد استهلاك الطاقة بلا هوادة. 

ميشيل راوخ ، أحد مؤلفي الدراسة ، لا يخفي تشاؤمه: "إن مفهوم البيتكوين هو الذي يعني ضمناً مثل هذا الاستهلاك للكهرباء. هذا ليس شيئًا سيتغير في المستقبل ، ما لم ينخفض ​​سعر البيتكوين بشكل كبير ". 


المصادر: Neowin، DW، BBC

إقرأ المزيد.. ليست هناك تعليقات:

سيارة ابل : قل لا يشكل طرازها الأول الضربة القاضية ل تسلا


تحمل العديد من الأوهام ، التي يُنظر إليها على أنها منافسة فاخرة لشركة Tesla ، يمكن أن تكون Apple Car في نهاية المطاف مختلفة ، وأكثر تركيزًا على الروبوتات أو خدمات التوصيل المحلية.


"لن يتم تصميم أول سيارة آبل لسائق". وفقًا لمصدر من قناة CNBC الأمريكية ، فإن شركة مدينة كوبرتينو العملاقة لن تفكر فقط في إنتاج سيارة ذاتية القيادة بالكامل ، ولكن أيضًا لحجزها لاستخدامات معينة ، على الأقل في البداية.


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


على الرغم من أننا ما زلنا على ما يبدو لا نعرف كيف يمكن أن تبدو سيارة Apple هذه ، يبدو أنها ستتنافس مع Tesla ، ولكن جزئيًا فقط. تعمل شركة Elon Musk على دفع وظيفة القيادة الذاتية أكثر فأكثر ...


هيونداي-كيا ، وغيرها

وفقًا لمصادر CNBC الأخرى ، فإن شركة آبل على وشك إبرام صفقة مع Hyundai-Kia لإنتاج سيارتها ، والتي يبدو أنها تؤكد التسريبات والكشوفات التي اصبحت  في ازدياد في الأسابيع الأخيرة ، خاصةً بشأن الاستثمار الضخم لشركة Apple في الشركة. الكورية. سيتم إنتاج السيارة في مصنع في ويست بوينت ، جورجيا ، اعتبارًا من عام 2024. سيكون هذا هو التاريخ على أي حال ، على الرغم من أنه يمكن تأجيله من قبل أي من الشريكين.

نظرًا لأن Apple قد تسعى أيضًا إلى التحالف مع شركاء آخرين ، فقد تم ااقتراح كل من  GM و PSA في الأيام الأخيرة. لكن عليهم أن يكونوا ، مثل Hyundai ، على استعداد للسماح لشركة Apple بالتحكم في الأجهزة والبرامج ، لأن هذه هي الطريقة التي يقوم بها عملاق كوبرتينو.


سيأتي دخولها إلى سوق سيارات بقيمة 10 تريليون دولار بطريقتها الخاصة. ستكون Apple Car حقًا سيارة Apple وليست سيارة Kia ، مع طبقة برامج Apple.


ومع ذلك ، تعتقد Hyundai أنه من خلال العمل مع Apple ، يمكنها أيضًا التحرك بشكل أسرع في تطوير سياراتها ذاتية القيادة.


المصدر: سي إن بي سي

إقرأ المزيد.. ليست هناك تعليقات:

حل مشكلة : ملف VCRUNUIME140.DLL مفقود

 


تعد رسالة "لايمكن بدأالبرنامج لأن ملف VCRUNUIME140.DLL مفقود " او بالإنكليزية "The program can't start because VCRUNTIME140.dll is missing from your computer" تعد خطأ يمكن أن يحدث على أجهزة الكمبيوتر التي تعمل بنظام التشغيل ويندوز من مكروسوفت . 

عادة ، تظهر المشكلة بعد تثبيت تحديث لويندوزأو بعد التثبيت الفاشل لبرنامج معين.

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


في هذه المقالة ، سنقدم احد الحلول للخطأ "VCRUNTIME140.dll مفقود" حتى تتمكن من حل المشكلة دون مساعدة فني كمبيوتر. تذكر أنه من المهم قراءة الإرشادات واتباع الخطوات المحددة بعناية لإضافة الإصدار الصحيح من ملف dll. إلى نظام التشغيل Windows الخاص بك من أجل حل المشكلة.

الأسباب العامة للخطأ

- يواجه العديد من الأشخاص خطأ VCRUNTIME140.dll المفقود في Adobe Creative Cloud. 

وفقًا لفنيي Adobe ، قد تنشأ المشكلة بسبب ترحيل Adobe Creative Cloud من تشغيل Microsoft إلى Visual C ++. بدأ هذا التغيير للتأكد من أن برنامج Creative Cloud يستخدم بيئات التشغيل التي تدعمها Microsoft.

- علاوة على ذلك ، تتعلق الغالبية العظمى من الشكاوى بالأشخاص الذين يواجهون مشكلات مع Kodi . تظهر رسالة الخطأ المذكورة أعلاه أثناء بدء تشغيل Kodi ويبدو أن إعادة تثبيت برنامج مشغل الوسائط المجاني لا يحل المشكلة.

- أخيرًا ، اشتكى بعض المستخدمين من ملفات MVCR110.DLL و VCRUNTIME140.DLL المفقودة والتي لن تسمح لبرنامج WAMP بالعمل. Vcruntime140.dll مفقود. يمكن تصحيح Wamp باستخدام الإرشادات الواردة أدناه.


إصلاح الخطأ  VCRuntime140.dll مفقود وتشغيل أي برنامج تريده

أول شيء يجب عليك فعله لمحاولة حل هذه المشكلة هو إعادة تثبيت Visual C ++ من موقع Microsoft الرسمي. ومع ذلك ، إذا استمرت المشكلة ، يجب أن تحاول استخدام رابط للتنزيل المجاني vcruntime140.dll (64 بت أو 32 بت) ووضع الملف في مكان مناسب.


إذا لم يساعدك هذا الحل في حل المشكلة ، فنحن نقترح عليك فحص النظام بحثًا عن البرامج الضارة وتثبيت آخر تحديثات Windows والتحقق من نظام التشغيل الخاص بك بحثًا عن الملفات التالفة. يمكنك العثور على ملفات النظام التالفة وإصلاحها باستخدام Reimage.

 أعد تثبيت Visual C ++ Redistributable لـ Visual Studio 2015


يوصي متخصصو المعلوماتية بإعادة تثبيت Visual C ++ Redistributable لـ Visual Studio 2015 لإصلاح الخطأ المفقود VCRUNTIME140.dll. من المهم اتباع إرشادات Microsoft الرسمية وتثبيت الملفات المفقودة بشكل صحيح. خلاف ذلك ، سيكون عليك تثبيت - بشكل منفصل -  كل برنامج تالف .


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

1-احصل على Microsoft Visual C ++ Redistributable من موقع Microsoft الرسمي. انقر هنا للانتقال الى صفحة التنزيل .


بعد اختيار اللغة إضغط على Download حيث يشير السهم.

2- سيتم نقلك إلى صفحة تطلب منك اختيار التنزيل الذي تريده. سيكون هناك ملفان: vc_redist.x64.exe و vc_redist.x86.exe. بكل بساطة ، إذا كان جهاز الكمبيوتر الخاص بك يعمل بنظام تشغيل 32 بت ، فقم بتنزيل الإصدار x86 من الملف. إذا كنت تستخدم نظام تشغيل 64 بت ، فاختر الإصدار x64 من الملف. فقط تحقق من الملف الذي تريده وانقر فوق التالي حيث يشير السهم.



3- افتح الملف (يجب أن يظهر اسمه أسفل نافذة المتصفح). سيُطلب منك قراءة شروط اتفاقية ترخيص برامج Microsoft والموافقة عليها لتثبيت البرنامج المفقود. حدد "أوافق على شروط وأحكام الترخيص" ثم اضغط على تثبيت (install).



4- قد يؤدي هذا إلى حل المشكلة التي تواجهها وعلى الأغلب يجب ألا تعرض لك البرامج المختلفة الخطأ مرة أخرى.


إقرأ المزيد.. ليست هناك تعليقات:

الدرس العاشر : اقتباس HTML وعناصر الاقتباس


HTML Quotation and Citation Elements

 في هذا الدرس سنتطرق إلى عناصر اتش تي ام ال : <blockquote> و <q> و <abbr> و <address> و <cite> و <bdo>.

العنصر <blockquote> للاقتباسات

يحدد العنصر <blockquote> قسمًا مقتبسًا من مصدر آخر.

عادة ما تقوم المتصفحات بوضع مسافة بادئة لعناصر <blockquote>.

مثال : 

------------------------

<p> هنا اقتباس من موقع ص ع ط: </p>

<blockquote cite = "http://www.worldwildlife.org/who/index.html">

لمدة 50 عامًا ، ظل الصندوق العالمي للطبيعة يحمي مستقبل الطبيعة.

منظمة الحفاظ على الطبيعة الرائدة في العالم ،

تعمل WWF في 100 دولة ويدعمها

1.2 مليون عضو في الولايات المتحدة و

ما يقرب من 5 ملايين على مستوى العالم.

</blockquote>


---------------------------------------------

يظهر هذا المثال في المتصفح بالشطل 

هنا اقتباس من موقع ص ع ط:

لمدة 50 عامًا ، ظل الصندوق العالمي للطبيعة يحمي مستقبل الطبيعة. منظمة الحفاظ على الطبيعة الرائدة في العالم ، تعمل WWF في 100 دولة ويدعمها 1.2 مليون عضو في الولايات المتحدة و ما يقرب من 5 ملايين على مستوى العالم.

 <q>  للإقتباسات القصيرة

تحدد علامة <q> اقتباسًا قصيرًا.
تقوم المستعرضات عادةً بإدراج علامات الاقتباس حول الاقتباس.

مثال :
-------------------

<p> هدف الصندوق العالمي للطبيعة هو: <q> بناء مستقبل يعيش فيه الناس في وئام مع الطبيعة. </ q> </p>

-----------------------------------

يظهر هذا المثال في المتصفح بالشكل :


هدف الصندوق العالمي للطبيعة هو: بناء مستقبل يعيش فيه الناس في وئام مع الطبيعة.  


<abbr> للاختصارات

تحدد علامة <abbr> اختصارًا  ، مثل "HTML" و "CSS" و "Mr." و "Dr." و "ASAP" و "ATM".

يمكن أن توفر علامات الاختصارات معلومات مفيدة للمتصفحات وأنظمة الترجمة ومحركات البحث.

نصيحة: استخدم سمة العنوان العام لإظهار وصف الاختصار عند تحريك الماوس فوق العنصر.

مثال : 
----------------------

<! DOCTYPE html>
<html>
<الجسم>

<p> تأسست <abbr title = "منظمة الصحة العالمية"> WHO </abbr> في عام 1948. </p>

<p> يمكن أن يوفر ترميز الاختصارات معلومات مفيدة للمتصفحات وأنظمة الترجمة ومحركات البحث. </ p>

</body>
</html>

-------------------------------------

يظهر المثال في المتصفح بالشكل :

تأسست WHO في عام 1948.

يمكن أن يوفر ترميز الاختصارات معلومات مفيدة للمتصفحات وأنظمة الترجمة ومحركات البحث. 


<address> لعرض معلومات الاتصال

تحدد العلامة <address> معلومات الاتصال لمؤلف / مالك مستند أو مقالة.
يمكن أن تكون معلومات الاتصال عبارة عن عنوان بريد إلكتروني ، وعنوان URL ، وعنوان مكان، ورقم هاتف ، وما إلى ذلك.
عادةً ما يتم عرض النص الموجود في عنصر <address> بخط مائل ، وستضيف المتصفحات دائمًا فاصل أسطر قبل وبعد عنصر <address>.

مثال : 
------------------------

<!DOCTYPE html>
<html>
<body>

<p> يحدد عنصر عنوان HTML معلومات الاتصال (المؤلف / المالك) لمستند أو مقالة. </ p>
</address>
بقلم فهد الدخيل. <br>
قم بزيارتنا على: <br>
example.com <br>
423 ، جدة <br>
المملكة العربية السعودية 
</address>
</body>
</html>


----------------------------------------

يظهر هذا المثال في المتصفح بالشكل :

يحدد عنصر عنوان HTML معلومات الاتصال (المؤلف / المالك) لمستند أو مقالة.  
بقلم فهد الدخيل.
قم بزيارتنا على:
example.com
423 ، جدة
المملكة العربية السعودية


<cite> لعنوان العمل :

تحدد العلامة <cite> عنوان العمل الإبداعي (على سبيل المثال ، كتاب ، قصيدة ، أغنية ، فيلم ، لوحة ، تمثال ، إلخ).
ملاحظة: اسم الشخص ليس عنوان عمل.
عادةً ما يتم عرض النص الموجود في العنصر <cite> بخط مائل.

مثال : 
--------------------

<!DOCTYPE html>
<html>
<body>
<p> يحدد عنصر الاقتباس في HTML عنوان العمل. </ p>
<p> تعرض المتصفحات عادةً العناصر المقتطفة بخط مائل </ p>
<img src = "img_the_scream.jpg" width = "220" height = "277" alt = "الصرخة">
<p> <cite> The Scream </cite> بواسطة Edvard Munch. رسمت عام 1893. </p>
</body>
</html>

------------------------------------------------

يظهر المثال في المتصفح بالشكل :

يحدد عنصر الاقتباس في HTML عنوان العمل. 

تعرض المتصفحات عادةً العناصر المقتطفة بخط مائل </ p> الصرخة

The Scream بواسطة Edvard Munch. رسمت عام 1893.


<bdo> لتجاوز ثنائي الاتجاه

BDO أختصار ل  Bi-Directional Override.
تُستخدم علامة <bdo> لتجاوز اتجاه النص الحالي:

مثال : 
--------------------

<!DOCTYPE html>
<html>
<body>

<p> إذا كان متصفحك يدعم التجاوز ثنائي الاتجاه (bdo) ، فسيتم كتابة السطر التالي من اليسارإلى اليمين (ltr): </p>

<bdo dir = "ltr"> سيُكتب هذا السطر من اليسار إلى اليمين </ bdo>

</body>
</html>

----------------------------------------------
يظهر المثال في المتصفح بالشكل :

إذا كان متصفحك يدعم التجاوز ثنائي الاتجاه (bdo) ، فسيتم كتابة السطر التالي من اليسار إلى اليمين (ltr):

سيُكتب هذا السطر من اليسار إلى اليمين

نهاية درس اليوم .
إقرأ المزيد.. ليست هناك تعليقات:

الدرس الثالث : محددات CSS

 


CSS Selectors

تُستخدم محددات CSS "لإيجاد " (أو تحديد) عناصر HTML التي تريد تصميمها.

يمكننا تقسيم محددات CSS إلى خمس فئات:

  • محددات بسيطة (تحدد العناصر بناءً على الاسم name والمعرف id والفئة class)
  • محددات  موحدة Combinator (تحدد العناصر بناءً على علاقة محددة بينهم)
  • محددات Pseudo-class (تحدد العناصر بناءً على حالة معينة)
  • محددات Pseudo-elements (تحدد نمط جزءًا من عنصر)
  • محددات السمات (تحدد العناصر بناءً على سمة أو قيمة سمة)
تشرح هذه الصفحة محددات CSS الأساسية.

محدد عنصر CSS 
The CSS element Selector

يحدد محدد العنصر عناصر HTML بناءً على اسم العنصر.

مثال : 
هنا ، ستتم محاذاة جميع عناصر <p> في الصفحة إلى المنتصف ، بلون أحمر للنص:
------------------------


<!DOCTYPE html>
<html>
<head>
<style>
p {
  text-align: center;
  color: red;
</style>
</head>
<body>
<p> ستتأثر كل فقرة بالنمط </ p>
<p id = "para1"> وهذه أيضًا! </ p>
<p> وهذه كذلك! </ p>

</body>
</html>

------------------------------------------
يظهر هذا المثال في المتصفح بالشكل :

ستتأثر كل فقرة بالنمط 

وهذه أيضًا! 

وهذه كذلك! 

محدد id
The CSS id Selector

يستخدم محدد id سمة id لعنصر HTML لتحديد عنصر معين.
id معرف عنصر فريد داخل الصفحة ، لذلك يتم استخدام هذا المحدد لتحديد عنصر فريد واحد!
لتحديد عنصر بمعرف محدد ، اكتب الرمز (#) ، متبوعًا بمعرف العنصر.

مثال:
سيتم تطبيق قاعدة CSS أدناه على عنصر HTML بالمعرف = "para1":
-----------------------

<!DOCTYPE html>
<html>
<head>
<style>
#para1 {
  text-align: center;
  color: red;
}
</style>
</head>
<body>

<p id = "para1"> أهلاً بالعالم! </ p>
<p> لا تتأثر هذه الفقرة بالنمط </ p>

</body>
</html>

-------------------------------------------
يظهر المثال في المتصفح بالشكل :

أهلاً بالعالم! 

لا تتأثر هذه الفقرة بالنمط 

ملاحظة: لا يمكن أن يبدأ اسم المعرف id برقم!

محدد كلاس CSS
The CSS class Selector

يحدد محدد كلاس عناصر HTML مع سمة كلاس معين.
لتحديد عناصر كلاس معين ، اكتب نقطة (.) متبوعًة باسم لكلاس.

مثال :
في هذا المثال ، ستكون جميع عناصر HTML التي تحتوي على class = "center" باللون الأحمر ومحاذاة للوسط:
-----------------------

<!DOCTYPE html>
<html>
<head>
<style>
.center {
  text-align: center;
  color: red;
}
</style>
</head>
<body>

<h1 class = "center"> عنوان أحمر ومحاذاة للوسط </ h1>
<p class = "center"> فقرة حمراء ومحاذاة للوسط </ p>

</body>
</html>

------------------------------------------
يظهر المثال في المتصفح بالشكل :


عنوان أحمر ومحاذاة للوسط 

فقرة حمراء ومحاذاة للوسط 

AAAAAAAAAAAA
يمكنك أيضًا تحديد أن من عناصر HTML  هي التي يجب أن تتأثر ب لكلاس.

مثال :
في هذا المثال فقط الفقرة <p> التي تحتوي على class = "center" ستكون حمراء ومحاذاة للوسط:
------------------------

<!DOCTYPE html>
<html>
<head>
<style>
p.center {
  text-align: center;
  color: red;
}
</style>
</head>
<body>

<h1 class = "center"> لن يتأثر هذا العنوان </ h1>
<p class = "center"> ستظهر هذه الفقرة باللون الأحمر وتحاذي الوسط. </ p>

</body>
</html>


-------------------------------------------
يظهر هذا المثال في المتصفح بالشكل :


لن يتأثر هذا العنوان 

ستظهر هذه الفقرة باللون الأحمر وتحاذي الوسط. 

يمكن أن تشير عناصر HTML أيضًا إلى أكثر من فئة واحدة.

مثال : 
في هذا المثال سيتم تطبيق النمط class="center" و class="large"
-----------------------

<!DOCTYPE html>
<html>
<head>
<style>
p.center {
  text-align: center;
  color: red;
}

p.large {
  font-size: 300%;
}
</style>
</head>
<body>
<h1 class = "center"> لن يتأثر هذا العنوان </ h1>
<p class = "center"> ستظهر هذه الفقرة باللون الأحمر وتحاذي الوسط. </ p>
<p class = "center large"> ستكون هذه الفقرة باللون الأحمر ومحاذاة للوسط وبخط كبير. </ p>

</body>
</html>


--------------------------------------------
يظهر هذا المثال في المتصفح بالشكل :


لن يتأثر هذا العنوان 

ستظهر هذه الفقرة باللون الأحمر وتحاذي الوسط. 

ستكون هذه الفقرة باللون الأحمر ومحاذاة للوسط وبخط كبير.

ملاحظة: لا يمكن أن يبدأ اسم لكلاس برقم!

المحدد العام في CSS
The CSS Universal Selector

المحدد العام (*) يختار كل عناصر HTML على الصفحة.

مثال :
ستؤثر قاعدة CSS أدناه على كل عنصر HTML بالصفحة:
-----------------------

<!DOCTYPE html>
<html>
<head>
<style>
* {
  text-align: center;
  color: blue;
}
</style>
</head>
<body>
<h1> أهلا بالعالم !</h1>
<p> ستتأثر كل فقرة بالنمط </ p>
<p id = "para1"> وهذه أيضًا! </ p>
<p> وهذه كذلك! </ p>


</body>
</html>

------------------------------------------------
يظهر هذا المثال في المتصفح بالشكل :


أهلا بالعالم

ستتأثر كل فقرة بالنمط

وهذه أيضا

وهذه كذلك

محدد تجميع CSS
The CSS Grouping Selector

يحدد محدد التجميع جميع عناصر HTML بنفس تعريفات الأنماط.
انظر إلى كود CSS التالي (العناصر h1 و h2 و p لها نفس تعريفات النمط):

كود :
------------------------

h1 {
  text-align: center;
  color: red;
}

h2 {
  text-align: center;
  color: red;
}

p {
  text-align: center;
  color: red;
}

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

مثال : 
---------------------------

<!DOCTYPE html>
<html>
<head>
<style>
h1, h2, p {
  text-align: center;
  color: red;
}
</style>
</head>
<body>
<h1> أهلاً بالعالم! </ h1>
<h2> عنوان أصغر! </ h2>
<p> هذه فقرة </ p>

</body>
</html>


--------------------------------------------
يظهر هذا المثال في المتصفح بالشكل :

أهلاً بالعالم! 

عنوان أصغر! 

هذه فقرة 


 نهاية الدرس.
إقرأ المزيد.. ليست هناك تعليقات:

أخبار سارة لمشتركي نتفليكس


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

الآن ستقدم نتفليكس للأشخاص الذين يستخدمون نظام اندرويد صوتًا ثابتًا. 

تطبيق نتفليكس  متوافق الآن مع برنامج ترميز الصوت xHE-AAC. وهذا  في الواقع  يغير كل شيء. لأن الصوت يصبح منتظمًا ولن تحتاج بعد الآن إلى تكييفه مع المشاهد المختلفة للبرنامج. 

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


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

 بالطبع ، إذا كان الاتصال ممتازًا ، فسيكون تغيير الصوت  حسب الرغبة.



 

إقرأ المزيد.. ليست هناك تعليقات:

الدرس التاسع : تنسيق نص HTML


HTML Text Formatting

يحتوي HTML على عدة عناصر لتعريف النص بمعنى خاص.

تم تصميم عناصر التنسيق لعرض أنواع خاصة من النص:

  • <b> - نص عريض
  • <strong> -نص مهم
  • <i> نص مائل
  • <em> كتابة بارزة
  •   <mark> نص مميز
  •   <small> نص أصغر
  • <del> نص محذوف
  • <ins> نص مدرج
  • <sub>  نص منخفض
  • <sup> نص مرتفع

عناصر اتش تي ام ال <b> و <strong>

مثال :
-----------------------

<b> هذا النص عريض </ b>

---------------------------------------

يظهر هذا المثال في المتصفح بالشكل :


 

هذا النص عريض

يحدد عنصر اتش تي ام ال <strong>  نصًا ذا أهمية كبيرة. عادة ما يتم عرض المحتوى الداخلي بخط عريض.

مثال :
-----------------

<strong> هذا النص مهم! </ strong>

---------------------------------------------

يظهر المثال في المتصفح بالشكل :


هذا النص مهم !
عناصر اتش تي ام ال <i> و <em>

بإستخدام العنصر <i> يتم عرض المحتوى الدخلي بخط مائل 
نصيحة: غالبًا ما تُستخدم العلامة <i> للإشارة إلى مصطلح تقني ، أو عبارة من لغة أخرى ، أو فكرة ، أو اسم ، إلخ.

مثال : 
--------------------

<i> هذا النص مائل </ i>

----------------------------------------

يظهر المثال في المتصفح بالشكل :

هذا النص مائل

يحدد العنصر  <em> النص المميز. عادةً ما يتم عرض المحتوى الداخلي بخط مائل.

مثال : 
---------------------

<em> تم التأكيد على هذا النص </ em>

--------------------------------------------

يظهر هذا المثال في المتصفح بالشكل :


تم التأكيد على هذا النص </ em>
العنصر <small>

يحدد العنصر  <small> نصًا أصغر:

مثال :

هذا نص أصغر. </ small>
العنصر <mark> 

يحدد عنصر <mark> النص الذي يجب تمييزه أوالمراد تمييزه:

مثال:

--------------------

<p> لا تنس شراء <mark>حليب  </mark> اليوم </ p>

-----------------------------------

يظهر المثال في المتصفح بالشكل التالي :


لاتنسى شراء حليب اليوم.


العنصر <del>

يحدد عنصر <del> النص الذي تم حذفه من المستند. عادة ما تضع المتصفحات خطًا بين النص المحذوف :

مثال :
--------------------

<p> لوني المفضل هو <del> الأحمر</ del> الأزرق</ p>

--------------------------------------

يظهر المثال في المتصفح بالشكل :


لوني المفضل هو الأحمر الأخضر


العنصر <ins>

يحدد العنصر <ins> النص الذي تم إدراجه في المستند. عادة ما تقوم المستعرضات بتسطير النص المدرج:

مثال :

--------------------

<P>لوني المفضل هو <del>الأحمر <ins> الأخضر</ins></del></p>


-----------------------------------

يظهر المثال في المتصفح بالشكل :


لوني المفضل هو الأحمر الأخضر

العنصر <sub>

يحدد العنصر <sub> النص المنخفض. يظهر النص المنخفض بنصف حرف أسفل السطر العادي ، ويتم تقديمه أحيانًا بخط أصغر. يمكن استخدام النص المنخفض للصيغ الكيميائية ، مثل H2O:

مثال : 
---------------------

<p>هذا نص <sub>منخفض</sub></p>

---------------------------------------

يظهر المثال السابق في المتصفح بالشكل :

هذا نص منخفض


العنصر <sup>

يحدد العنصر <sup> النص المرتفع. يظهر النص المرتفع بنصف حرف فوق السطر العادي ، ويتم تقديمه أحيانًا بخط أصغر. يمكن استخدام النص المرتفع للحواشي السفلية ، مثل WWW1:

مثال :
---------------------

<p> هذا نص <sup> مرتفع </ sup>. </p>

-------------------------------------------
يظهر هذا المثال في المتصفح بالشكل :



هذا نص مرتفع </ sup>.

أنتهى الدرس.
إقرأ المزيد.. ليست هناك تعليقات: