صفا لتقنية والمعلومات: لغات برمجة

طريقة عمل صفحة تسجيل الدخول بإستحدام أكواد HTML مكتوبة لحفظ التعريفات والمرادفات المفضلة لديك

<div class="css-pevcrh ewpez6w4"><div class="css-t4s92k ewpez6w3"><div class="css-1kbp4yo e1ub77tj10"><h3 class="css-1w6lxmo em35t3917"><br /></h3><div><div><span style="font-size: medium;">لها أهمية كبيرة صفحة تسجيل الدخول لأصحاب الواقع والمدونات، عندما يكون الزائر مشترك من خلال التسجيل بلموقع، يتم حفط البيانات التي قدمتها عند التسجيل في قاعدة البيانات.</span></div><div><br /></div><h3 style="text-align: right;"><span style="font-size: large;">قاعدة البيانات</span></h3><div> </div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6R0gnlT8_9dVJzZtOTADaSmpRqIDAty8sp6li7USI8kUYCpmBw5Ng4pIAGLyrNhu63PJgRIL5y9oG_zTVEXqadqzQ7VP-oGana3TneC-5k3QYa9eZC7bfxLMM4u681z3exmZsckqT26Q/s716/%25D9%2584%25D9%2582%25D8%25B7%25D8%25A9+%25D8%25A7%25D9%2584%25D8%25B4%25D8%25A7%25D8%25B4%25D8%25A9+2021-06-01+030252.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="375" data-original-width="716" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6R0gnlT8_9dVJzZtOTADaSmpRqIDAty8sp6li7USI8kUYCpmBw5Ng4pIAGLyrNhu63PJgRIL5y9oG_zTVEXqadqzQ7VP-oGana3TneC-5k3QYa9eZC7bfxLMM4u681z3exmZsckqT26Q/s16000/%25D9%2584%25D9%2582%25D8%25B7%25D8%25A9+%25D8%25A7%25D9%2584%25D8%25B4%25D8%25A7%25D8%25B4%25D8%25A9+2021-06-01+030252.png" /></a></div><span style="font-size: medium;">قاعدة البيانات هي مجموعة من عناصرِ البيانات  المرتبطة مع بعضها البعض بعلاقة رياضية، وتتكون قاعدة البيانات من جدول واحد أو أكثر.</span></div><div><span style="font-size: medium;"><br /></span></div><div><span style="font-size: medium;"> ويتكون الجدول من سجل قواعد البيانات ويتكون السجل من حقل علم الحاسوب،ومثال عليه السجل الخاص بموظف معين يتكون من عدة حقول مثل رقم الموظف و</span></div><div><span style="font-size: medium;"><br /></span></div><div><span style="font-size: medium;">و اسم الموظف - درجة الموظف - تاريخ التعيين - الراتب - والقسم التابع له.</span></div><div><span style="font-size: medium;"> تسهل على مدير قاعدة البيانات الوصل الى جميع المعلومات.</span></div></div><div class="css-1kbp4yo e1ub77tj10"><br /></div><div class="css-1kbp4yo e1ub77tj10"><br /></div><span style="color: red;">جرب الموذج التالي:</span><br /><div style="text-align: center;"><br /></div><h3 class="css-1w6lxmo em35t3917"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">تسجيل الدخول باستخدام البريد الخاص بك!</font></font></h3>
  
 <div class="css-r4iha8 em35t3911"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">قم بالتسجيل مجانًا لحفظ التعريفات والمرادفات المفضلة لديك. </font><font style="vertical-align: inherit;">سيكون لديك حق الوصول إلى البطاقات التعليمية وأدوات التعلم الأخرى أيضًا!</font></font></div></div><form action="#" novalidate=""><div class="css-to5k7z e1ub77tj10"><label class="css-fbhjsh e1ub77tj14"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">بريدك الالكتروني</font></font></label><div class="css-1oid5e0 e1ub77tj18"><div class="css-110dpis e1ub77tj17"><input class="css-1cjpdgk e1ub77tj15" name="email" placeholder="yourname@email.com" type="email" value="" /></div></div><div class="css-1qw0r69 e1frqr6j1"></div></div><div class="css-1udw6cs e1r1uezt1"><div class="css-63y0pk e1ub77tj17"><label class="css-1p1wjrc e1ub77tj14"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">كلمه السر</font></font></label></div><div class="css-1oid5e0 e1ub77tj18"><div class="css-110dpis e1ub77tj17"><input class="css-1cjpdgk e1ub77tj15" data-testid="" name="password" placeholder="كلمه السر" type="password" value="" /><button class="css-18uzivi e1r1uezt0" type="button"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">تبين</font></font></button></div></div><div class="css-1qw0r69 e1frqr6j1"><div class="css-oayxf7 em35t399"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">استخدام 8 أحرف على الأقل. </font><font style="vertical-align: inherit;">قم بتضمين حرف كبير وحرف صغير ورقم وحرف خاص.</font></font></div></div></div><div class="css-1kbp4yo e1ub77tj10"><div class="css-7o60qr e1ub77tj17"><input name="subscribe" type="checkbox" value="false" /><div class="css-1tcz3gp e1ub77tj12"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">نعم! </font><font style="vertical-align: inherit;">أريد تلقي رسائل بريد إلكتروني ممتعة من safa83.com.</font></font></div></div><div class="css-1qw0r69 e1frqr6j1"></div></div><div class="css-1kbp4yo e1ub77tj10"><div class="css-oayxf7 em35t399"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">بالضغط على زر التسجيل أدناه ، فإنك توافق على </font><a class="css-1vtye1o em35t398" href="https//"><font style="vertical-align: inherit;">شروط خدمة</font></a><font style="vertical-align: inherit;"> safa83.com </font><font style="vertical-align: inherit;">، بما في ذلك شرط التحكيم. </font><font style="vertical-align: inherit;">راجع أيضًا </font><a class="css-1vtye1o em35t398" href="https://"><font style="vertical-align: inherit;">سياسة الخصوصية الخاصة</font></a><font style="vertical-align: inherit;"> بنا </font><font style="vertical-align: inherit;">.</font></font> <a class="css-1vtye1o em35t398" href="https:"><font style="vertical-align: inherit;"></font></a><font style="vertical-align: inherit;"></font> <a class="css-1vtye1o em35t398" href="https://"><font style="vertical-align: inherit;"></font></a><font style="vertical-align: inherit;"></font></div></div><div class="css-jxqdoq ev9m2j80" id="recaptcha-v2-container"></div><button class="css-s1oe1o e1bz1yeo1" type="submit">
  
  
  
  <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">اشتراك</font></font> </button></form><div class="css-15qku9t e1s9glz63"><div class="css-ia3kql e1abcewg2"><div class="css-cf8fl3 e1abcewg1"></div><div class="css-1db3q1 e1abcewg0"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">أو</font></font></div><div class="css-cf8fl3 e1abcewg1"></div></div></div>
  
  
  
  
  <button class="css-155v78l enqhrxu1" href="/sign-in?redirect=https%3A%2F%2Fwww.dictionary.com%2Fgames%2Fquizzes%2Fquiz-yourself-on-site-cite-and-sight" type="submit"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">تسجيل الدخول</font></font> </button></div></div>

<script type="application/ld+json">
{
  "@context" : "http://schema.org",
  "@type" : "Article",
  "name" : "safa",
  "datePublished" : "2021-06-01",
  "image" : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6R0gnlT8_9dVJzZtOTADaSmpRqIDAty8sp6li7USI8kUYCpmBw5Ng4pIAGLyrNhu63PJgRIL5y9oG_zTVEXqadqzQ7VP-oGana3TneC-5k3QYa9eZC7bfxLMM4u681z3exmZsckqT26Q/s16000/%25D9%2584%25D9%2582%25D8%25B7%25D8%25A9+%25D8%25A7%25D9%2584%25D8%25B4%25D8%25A7%25D8%25B4%25D8%25A9+2021-06-01+030252.png",
  "articleSection" : "طريقة عمل صفحة تسجيل الدخول بإستحدام أكواد HTML مكتوبة لحفظ التعريفات والمرادفات المفضلة لديك",
  "articleBody" : "تسجيل الدخول باستخدام البريد الخاص بك!</FONT></FONT></H3>\n  \n <DIV class=\"css-r4iha8 em35t3911\"><FONT style=\"vertical-align: inherit;\"><FONT style=\"vertical-align: inherit;\">قم بالتسجيل مجانًا لحفظ التعريفات والمرادفات المفضلة لديك. </FONT><FONT style=\"vertical-align: inherit;\">سيكون لديك حق الوصول إلى البطاقات التعليمية وأدوات التعلم الأخرى أيضًا!"
}
</script>

طريقة عمل صفحة تسجيل الدخول بإستحدام أكواد HTML مكتوبة لحفظ التعريفات والمرادفات المفضلة لديك

لها أهمية كبيرة صفحة تسجيل الدخول لأصحاب الواقع والمدونات، عندما يكون الزائر مشترك من خلال التسجيل بلموقع، يتم حفط البيانات التي قدمتها عند ...

أقرأ المزيد

👈إنشاء أزرار التواصل الأجتماعي بصيغة html👉

<p><span style="color: #666666; font-size: medium;">كيفية إضافة سكريبت  أيقونات التواصل الإجتماعية للمواقع و صفحات الويب  و أزرار تابعنا وشارك الموضوع كود ايقونات التواصل الاجتماعي HTML أهميّة وسائل التواصل الاجتماعي في بناء العلامة التجارية يساعد التسويق عبر وسائل التواصل الاجتماعي, على مصادقة علامتك التجارية.  يستخدم 63٪ من المستهلكين الذين يبحثون عن أنشطة تجارية عبر الإنترنت عملاء يتمتعون بحضور إعلامي غني بالمعلومات على مواقع التواصل الاجتماعي.</span></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7Qnoii8zUKDoJznk_7YdgCLb1WbNQkVak0f-Qedn-5dexQf8gT8FLBVjF2i0EaarhiTsdo6aZKLzu8B7CxApdtb-t4y6495YZKq96Uqr0vP9wmsZ7n4c0JJwXZeECW5dD6FBdpfrsTpM/s699/%25D9%2584%25D9%2582%25D8%25B7%25D8%25A9+%25D8%25A7%25D9%2584%25D8%25B4%25D8%25A7%25D8%25B4%25D8%25A9+2021-03-26+182407.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="393" data-original-width="699" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7Qnoii8zUKDoJznk_7YdgCLb1WbNQkVak0f-Qedn-5dexQf8gT8FLBVjF2i0EaarhiTsdo6aZKLzu8B7CxApdtb-t4y6495YZKq96Uqr0vP9wmsZ7n4c0JJwXZeECW5dD6FBdpfrsTpM/w640-h360/%25D9%2584%25D9%2582%25D8%25B7%25D8%25A9+%25D8%25A7%25D9%2584%25D8%25B4%25D8%25A7%25D8%25B4%25D8%25A9+2021-03-26+182407.png" width="640" /></a></div><p><span style="color: #666666; font-size: medium;">التسويق عبر وسائل التواصل الاجتماعي لديه القدرة على زيادة ولاء العملاء, بنسبة71٪ من المستهلكين الذين تلقوا استجابة سريعة على وسائل التواصل الاجتماعي, يوصون آخرين بتلك العلامة التجارية.</span></p><p><span style="color: #666666; font-size: medium;">لماذا تعتبر وسائل التواصل الاجتماعي مهمة للعلامات التجارية؟يقدم التسويق عبر وسائل التواصل الاجتماعي مساواة بين جميع الأشخاص. فيكون لكل شخص منصة للتعبير ويمكن للجميع مشاركة آرائهم.</span></p><p><span style="color: #666666; font-size: medium;">تتوفر أنواع مختلفة من منصات وأدوات التواصل الاجتماعي, عليك فقط استخدام هذه المنصات والأدوات لبناء علامتك التجارية.</span></p><p><span style="color: #666666; font-size: medium;">وفقًا لتقرير صناعة التسويق عبر وسائل التواصل الاجتماعي ، يجب أن يكون التسويق عبر وسائل التواصل الاجتماعي استراتيجية للعلامة التجارية.</span></p><p><span style="color: #666666; font-size: medium;">فيما يلي بعض الأسباب المهمة لاختيار وسائل التواصل الاجتماعي في بناء العلامة التجارية.</span></p><p><span style="color: #666666; font-size: medium;">وسائل التواصل الاجتماعي جوجل التسويق, عبر وسائل التواصل الاجتماعي أمر رائع بالنسبة لمحركات البحث.</span></p><p><span style="color: #666666; font-size: medium;">نظرًا لطبيعة الشبكات على الانترنت، فإن المنصات الأساسية تقع في مقدمة الكلمات الرئيسية التي يتم البحث عنها عبر محرك البحث جوجل. عليك فقط أن تدرك ما يبحث عنه جمهورك, واستخدام هذه الكلمات الرئيسية من خلال مواقع التواصل الاجتماعي ومجلة الويب.</span></p><p><br /></p><h3 style="text-align: right;">شرح طريقة عمل أزرار التواصل الإجتماعي </h3><p><br /></p><p><span style="color: #666666; font-size: medium;">لنتمكن من أنشاء أزرار التواصل الاجتماعي, سنستخدم لغتين THML و CSS في ادرس الماضي ,تحدثنا عن كتابة الفقرات, وأضافة الروابط  وتنسيق الصور اليوم سنتعلم طريقة دمج الغتين مع بعض. </span></p><p><span style="color: #666666; font-size: medium;">أكتبCSS الكود التالي: أوأسخ على ملفTXT وبعد التأكد من كتابته قم بنسخه والصقه أعلى صفحة ( HTML )</span></p>

.fa {

padding: 20px;

font-size: 30px;

width: 50px;

text-align: center;

text-decoration: none;

margin: 5px 2px;

}

.fa:hover {

opacity: 0.7;

}

.fa-facebook {

background: #3B5998;

color: white;

}

.fa-twitter {

background: #55ACEE;

color: white;

}

.fa-google {

background: #dd4b39;

color: white;

}

.fa-linkedin {

background: #007bb5;

color: white;

}

.fa-youtube {

background: #bb0000;

color: white;

}

.fa-instagram {

background: #125688;

color: white;

}

.fa-pinterest {

background: #cb2027;

color: white;

}

.fa-snapchat-ghost {

background: #fffc00;

color: white;

text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

}

.fa-skype {

background: #00aff0;

color: white;

}

.fa-android {

background: #a4c639;

color: white;

}

.fa-dribbble {

background: #ea4c89;

color: white;

}

.fa-vimeo {

background: #45bbff;

color: white;

}

.fa-tumblr {

background: #2c4762;

color: white;

}

.fa-vine {

background: #00b489;

color: white;

}

.fa-foursquare {

background: #45bbff;

color: white;

}

.fa-stumbleupon {

background: #eb4924;

color: white;

}

.fa-flickr {

background: #f40083;

color: white;

}

.fa-yahoo {

background: #430297;

color: white;

}

.fa-soundcloud {

background: #ff5500;

color: white;

}

.fa-reddit {

background: #ff5700;

color: white;

}

.fa-rss {

background: #ff6600;

color: white;

}

</style>

أكتبHTML الكود التالي: أوأسخ على ملفTXT وبعد التأكد من كتابته قم بنسخه والصقه بعد كود CSS

أهمية أنشاء أزارار التواصل الإجتماعي لمواقع الإلكتروني

بعد الأنتهاء من نسخ الأكواد قم بإستبدال # برابط الوسائل التواصل الأجتماعي

👈إنشاء أزرار التواصل الأجتماعي بصيغة html👉

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

أقرأ المزيد

👈عمل شريط اخباري متحرك html👉

<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
طريقة عمل شريط أخباري متحرك بصيغة html لمدونتك، أضافة متحركة على العنوان من أهمية الشريط المتحرك، أنه عبارة عن روابط نصيه متحركة سنطرق اليوم بشرح طريق عمل نص متحرك فقط بدون روابط ، قد تستخدمه لوضع رسالة ترحيب للزوار او خبر عن موضوع معين، أو أي شيء تريد كتابته ليراه الزوار بشكل سهل وجميل ومتحرك .<br />
<br />
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7imIPeMSSVia3pMRTueJJ7UouE4VHQ53-JxgajJVS2SWZikFZaG6gUJdUIYlsHXDz0pOg5mI1Hz8T1daLU5rtGoSoqdFpZszuoLfxSincwIDDgtd9ioSMZlC68wif4ilSWpKoWcdXVtMt/s1600/44.png" style="margin-left: 1em; margin-right: 1em;"><img alt="هذه الإضافة انه يمكنك التحكم في كل خصائصها من ناحية الحركة من اليمين الي اليسار او العكس او حتى من اعلى لأسفل وأيضا والعكس وكذلك تستطيع ان تختار لون خلفية النص وبالمثل لون النص وسرعة تحرك النص وطول وعرض الصندوق الذي يحتوي على النص المتحرك وأشياء أخرى جميلة سوف تتعرف عيها اثناء الشرح ." border="0" data-original-height="512" data-original-width="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7imIPeMSSVia3pMRTueJJ7UouE4VHQ53-JxgajJVS2SWZikFZaG6gUJdUIYlsHXDz0pOg5mI1Hz8T1daLU5rtGoSoqdFpZszuoLfxSincwIDDgtd9ioSMZlC68wif4ilSWpKoWcdXVtMt/s16000/44.png" title="👈عمل شريط اخباري متحرك html👉" /></a></div>
</div><h3 style="text-align: right;"><br /> مميزات شريط المتحرك:</h3>
 هذه الإضافة انه يمكنك التحكم في كل خصائصها من ناحية الحركة من اليمين الي اليسار او العكس او حتى من اعلى لأسفل وأيضا والعكس وكذلك تستطيع ان تختار لون خلفية النص وبالمثل لون النص وسرعة تحرك النص وطول وعرض الصندوق الذي يحتوي على النص المتحرك وأشياء أخرى جميلة سوف تتعرف عيها اثناء الشرح .<br />
<br />
<h4 style="text-align: right;">
اولا : أنسخ الكود للنص المتحرك وهو ما يسمى بكود marquee</h4>
  
<script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle" data-ad-client="ca-pub-8460480334512036" data-ad-format="fluid" data-ad-layout="in-article" data-ad-slot="7936677064" style="display: block; text-align: center;"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
  
<textarea style="height: 47px; margin: 0px; width: 666px;"><marquee scrolldelay="200" width="300px" height="25px" direction="right" bgcolor="#3BB9FF"><font color="#000000" >ضع النص الذي تريده هنا</font></marquee>

1. كلمة scrolldelay تعني سرعة تحرك النص هنا تجد السرعة 200 وبإمكانك التحكم فيها كما تشاء
ملحوظه : كلما قلة قمية السرعة كلما كانت حركة النص اسرع (50 اسرع من 100)
2. كلمة width تعني عرض الصندوق الذي سيحتوي على النص ويمكن التحكم فيه عبر تغيير قيمته الموجودة هنا في الكود بـ 300
3. كلمة height تعني طول الصندوق الذي سيحتوي على النص ويمكن التحكم فيه عبر تغيير قيمته الموجودة هنا في الكود بـ 25
4. كلمة direction تعني ان حركة النص ستتجه من اليسار إلى اليمين ويمكنك التحكم في الاتجاه كما ذكرنا في اول الموضوع في اي اتجاه عن طريق تغيير القيمة الموجود وهي right إلى مثلا :
👈 من اليمين الي اليسار ضع كلمة left
👇 من أعلى إلى اسفل ضع كلمة down
👆 من اسفل إلى أعلى ضع كلمة up
5. كلمة bgcolor تعني لون خلفية النص او الصندوق الذي يحتوي علية النص ويمكنك اختيار ما يناسبك من الالوان بتغيير كود اللون الموجود في الكود وهو #3BB9FF
6. كلمة font color تعني لون الخط اي لون النص الذي سوف تكتبه وأيضا تستطيع اختيار ما يناسبك بتغيير كود اللون هذا (#000000) ويمكنك اختيار الألوان التي تناسبك.