انشاء صفحة شخصية. مثال على إنشاء صفحة html في المفكرة
قبل عشر سنوات ، لم يكن الجميع يعرف شيئًا عن الإنترنت ، ولم يكن هناك سوى الشركات الجادة التي تمتلك مواقعها.
اليوم ، لا يمكنك إقناع أي شخص بمكانتك الخاصة على شبكة الويب العالمية. تسمح التقنيات الحديثة للجميع بإنشاء موقع شخصي مجانًا.
المورد الخاص: لماذا هو
يكتسب المستخدمون صفحات لأغراض مختلفة. بالنسبة للبعض ، هذه فرصة لإثبات احترافهم. على سبيل المثال ، يمكن للأطباء تقديم استشارات مجانية عبر الإنترنت وجذب عملاء حقيقيين.
المكافآت المالية هي إضافة مرحب بها لمشروع شخصي. الخيارات الممكنة للكسب:
- بيع مساحة إعلانية
- بعد أن اخترت شريكًا لنفسك ، احصل على عمولات للمساعدة في بيع منتج معين ؛
- ضع الوحدات الإعلانية لمحرك البحث. المال يأتي من النقرات على الروابط.
- ضع روابط إلى موقع آخر مقابل رسوم ؛
- نشر مقالات مخصصة.
هناك مستخدمون يقومون بإنشاء موقع شخصي "للروح". إنهم لا يبحثون عن مكاسب مالية أو يبحثون عن عملاء جدد. بالنسبة لمثل هؤلاء الأشخاص ، الصفحة عبارة عن مذكرات ، أو وسيلة للتواصل مع الأشخاص ذوي التفكير المماثل.
كيف تحصل على مكانتك على الإنترنت بسرعة
أداة الإنشاء عبر الإنترنت هي طريقة لإنشاء موقع ويب شخصي مجانًا في أقصر وقت ممكن. للقيام بذلك ، تحتاج إلى التسجيل واختيار النموذج الذي تريده. من خلال نشر المعلومات (نصوص ، صور) ، يتلقى المستخدم مورده.
الآن بضع كلمات حول العلامات التي استخدمناها لإنشاء هذه الصفحة.
وصف علامات html من المثال
1. - يجب أن تكون هذه العلامات موجودة في كل صفحة ويب. يخبرون المتصفحات ومحركات البحث أن هذه صفحة html.
أي صفحة html لها الهيكل التالي:
...
علامات الرأس
...
... نص الصفحة ...
2.
- يتم وضع كل المحتوى المرئي للصفحة بين هذه العلامات.
4.
- بين هذه العلامات ، يتم كتابة عنوان الصفحة ، والذي يتم عرضه في أعلى المتصفح. بالمناسبة ، عندما تبحث عن شيء ما في محركات البحث ، فإن أول ما يتم عرضه هو اسم الصفحة. بطاقة شعار
غالبًا ما يتم اختصاره على أنه "عنوان". أنصحك بقراءة المقال: كيفية إنشاء علامة
</p>
<p>الآن دعنا ننتقل إلى العلامات الموجودة في نص صفحة html (في الداخل <body>و</body>
).</p>
<p>5. <center></center>- تعمل هذه العلامات على محاذاة كل شيء بداخلها مع المركز. في هذه الحالة ، سيكون المركز هو مركز الشاشة. يوصى بعدم استخدام هذه العلامات في المستقبل.</p>
<p>6. <h1></h1>هي إحدى فئات علامات العناوين <h1>..<h6>، وعادة ما يتم تضمين عنوان الصفحة فيه. على سبيل المثال ، تحتوي هذه الصفحة على علامة عنوان "مثال على إنشاء صفحة html".</p>ملحوظة <p>هذه العلامات لها وزن كبير في ترتيب الموقع ، لذا يجب استخدامها بعناية وحكمة.</p>
<p>عند إنشاء كود html ، تحتاج إلى الالتزام بقاعدة بسيطة: يجب أن يتم وضع علامة العنوان أولاً <h1>، وبعد ذلك يمكنهم الذهاب بالفعل <h2>
, <h3>إلخ. الشيء الرئيسي هو أنه لا يوجد أول <h2>، بعد، بعدما <h1>، بعد، بعدما <h3>إلخ. يجب أن يكون هناك تسلسل هرمي صارم. الرؤوس <h2>
, <h3>إلخ. ربما كثيرا.</p>
<p>7. <br/>هي علامة واحدة ولا تتطلب علامة نهاية. ينتقل إلى السطر التالي. في المثال الخاص بي ، كتبت علامتين فرديتين على التوالي للانتقال إلى السطر التالي مرتين.</p>
<p>8. <span><img src='https://i2.wp.com/URL_ИЗОБРАЖЕНИЯ' loading=lazy loading=lazy>
</span>هي علامة واحدة تعرض صورة.</p>
<ul><li>src هي معلمة مطلوبة تحدد عنوان الصورة (بدلاً من IMAGE_URL ، يجب كتابة العنوان حيث يتم تخزين صورتك). <br><u>ملحوظة</u>:
<ul><li>إذا كانت الصورة في نفس المجلد بصفحة html الخاصة بك ، فهذا يكفي لكتابة اسم الصورة ، وإلا فإنك تحتاج إلى كتابة عنوان URL مطلق أو نسبي ؛</li>
<li>لا تنس تضمين امتداد الصورة. على سبيل المثال ، .jpg ، .gif ، .jpeg.</li>
</ul></li>
<li>بديل أو عنوان - في هذه المعلمات يمكنك كتابة وصف لصورتك. عندما تحوم فوق الصورة ، سيظهر هذا الوصف. هذه المعلمات مهمة للترويج لموقع الويب ، خاصة في البحث عن الصور. إذا تعذر تحميل الصورة ، فسيتم عرض هذا النص ، وهو أيضًا علامة زائد.</li>
</ul><p>9. <font></font>- يتم إنشاء هذه العلامات لتغيير الخط والخلفية والحجم وما إلى ذلك. باختصار ، كل ما يتعلق بتنسيق النص يمكن تكوينه في علامة واحدة. تحتوي هذه العلامة على عدد غير قليل من السمات ، والتي سأناقشها في برنامج تعليمي منفصل.</p>
<p>ملاحظة: - علامة مماثلة.</p>
<p>هناك أيضًا خاصية خط CSS حيث يمكنك تعيين كل هذه المعلمات.</p>
<p>10. - تسليط الضوء بخط عريض. كل شيء بعتدال <b>و</b>سوف يتم تمييزها بالخط العريض. على سبيل المثال ، إذا قمت بكتابته في بداية المحتوى ، وقمت بإغلاقه في النهاية ، فسيتم تمييز كل النص الموجود على الصفحة بالخط العريض. هذه علامة شائعة إلى حد ما ، والتماثلية لها <strong></strong>
.</p>
<p>تهتم محركات البحث بهذه العلامة من حيث تضخيم تأثير الكلمات الرئيسية. لكن عليك أن تكون حذرًا ، لأنه في كل مرة تقوم فيها بتمييز الكلمات الرئيسية بالخط العريض ، سيتم اعتبارها بريدًا عشوائيًا.</p>
<p>في نص الدرس الأول ، كتبت بالفعل أنه يتم تقديم الكثير من المعلومات المختلفة للاستهلاك للمستخدم على الإنترنت ، وهناك أيضًا العديد من <i>خدمات الإنترنت</i>، بمساعدتك يمكنك أنت نفسك المشاركة في مختلف العمليات الإبداعية وحتى <i>إنشاء صفحة شخصية على الإنترنت.</i>
<br><span>انتباه! خدمة Yandex في أغسطس 2014. أغلقت خدمة Ya.ru الموضحة في هذا الدرس ، راجع المعلومات الخاصة بنقل البيانات التي أنشأتها هنا: <br>http://blog.yandex.ru/post/81530/ <br>تمت إزالة النص المتعلق بإنشاء صفحة شخصية على Yandex من هذا الدرس.</p><p>دعنا نلقي نظرة فاحصة على بعض الميزات المقدمة لنا ، على سبيل المثال ، من قبل Yandex.</p><p>للقيام بذلك ، اكتب في شريط العناوين بجهاز الكمبيوتر الخاص بك (افتح علامة تبويب جديدة أولاً) عنوان موقع Yandex المعروف بالفعل: yandex.ru سيتم فتح صفحة Yandex الرئيسية.</p><p>في أعلى الصفحة توجد آخر أخبار العالم. يتم وضع خط تحت عناوين الأخبار ، مما يعني أنها كذلك <b>روابط نشطة</b>... أي ، بالنقر فوق أي عنوان ، سيتم نقلك إلى صفحة تحتوي على وصف أكثر تفصيلاً للحدث أو الحادث المعلن. كقاعدة عامة ، يوجد في الصفحة المفتوحة العديد من الروابط النشطة لقصص أخرى ، بالإضافة إلى صور صغيرة الحجم. من خلال النقر على الصور ، يمكنك عرضها في شكل مكبر. جرب ، انقر على الصور والروابط النشطة. لمعرفة ما إذا كان من الممكن تكبير الصورة مرة أخرى ، حرك المؤشر فوقها ، إذا قبلت صورة اليد ، فهذا ممكن.</p>
<p>بعد سلسلة من النقرات وفتح صفحات مختلفة ضيقة مستطيلة الشكل <b>نوافذ التبويب</b>بعنوان الصفحات. يمكنك إغلاق علامات التبويب بعلامة عرض في الزاوية اليمنى.</p><p>يمكن إنشاء الروابط النشطة بطرق مختلفة: عند النقر فوق الارتباط ، يتم فتح صفحة جديدة <b>علامة تبويب جديدة</b>(ثم يظهر مستطيل ضيق من علامة التبويب هذه في الأعلى) أو تفتح صفحة جديدة بدلاً من الصفحة التي كنت تشاهدها. إذا لم تفتح الصفحة في علامة تبويب جديدة ، فحينئذٍ <span>العودة إلى الصفحة السابقة</span>يمكنك استخدام السهم الأيسر في الدائرة الخضراء في الزاوية اليسرى العليا من الشاشة.</p>
<p><img src='https://i2.wp.com/pensionerka.spb.ru/kompyuternye_uroki/kompyuternye_uroki_07/images/001_400x114_web.jpg' width="100%" loading=lazy loading=lazy></p>
<p>بعد قراءة الأخبار ، ارجع إلى صفحة Yandex الرئيسية. بالمناسبة ، يمكنك العودة إلى صفحة Yandex الرئيسية بالنقر فوق شعار موقع Yandex. تنطبق هذه القاعدة على جميع المواقع التي ستزورها في المستقبل تقريبًا.</p>
<p>على سبيل المثال ، على الموقع " <span>متقاعد بطرسبورغ</span>"يمكنك دائمًا العودة إلى الصفحة الرئيسية بالنقر فوق الشعار ، والذي يقع في هذه الحالة بمحاذاة الحافة العلوية ويتكون من ثلاثة أسطر ، بما في ذلك <span>اسم الموقع وخلاصة الصور وفئة المجلة الإلكترونية</span>.
</p><p>تتم كتابة الموضوعات وأقسام موقع Yandex. أعلى شريط البحث الأصفر. انقر فوق كلمة "المزيد" ، تعرض القائمة المنسدلة قائمة أكثر تفصيلاً بالموضوعات. كل اسم قسم هو أيضًا ارتباط نشط يمكنك النقر فوقه ومشاهدة الصفحات التي تفتح.</p>
<p>الصفحة الشخصية - صفحتك الشخصية ، صفحة الشركة / المنظمة / البحث ، والتي تحتوي على جميع استبياناتك. ملائم للتجميع المركزي للمعلومات.</p>
<p>يمكنك إنشاء صفحة شخصية من خلال تذييل الموقع http://anketolog.ru/ قسم الصفحات الشخصية: http://anketolog.ru/personalpage.html بالنقر فوق الزر.</p>
<p>أو من خلال حسابك الشخصي - كتلة الصفحات الشخصية - <b>أنشئ صفحة شخصية</b>.</p>
<p>هناك 3 صفحات شخصية متاحة على التعرفة المجانية ، و 5 صفحات على التعرفة الأساسية ، وعدد لا نهائي من الصفحات الشخصية على تعرفة Profi.</p>
<h3>تخصيص محتوى الصفحة</h3>
<p>انتباه! الحقول الإلزامية مشار إليها بعلامة النجمة.</p>
<p>في الميدان <i>اسم</i>أدخل اسم شركتك / مؤسستك / بحثك ، إذا كانت هذه هي صفحتك ، ثم البيانات الشخصية أو أي معلومات تراها ضرورية.</p>
<p>اضغط على الرابط <i>إرفاق الاستبيانات</i>، من القائمة الموجودة في النافذة التي تظهر ، حدد ملفات التعريف الخاصة بك التي تريد إرفاقها بصفحتك الشخصية. عدد الملفات الشخصية المرفقة غير محدود. يمكنك حذف أو نقل الملفات الشخصية من خلال النقر على الرموز المقابلة "Cross" (للحذف) و "Arrow" (للتحرك).</p>
<p>في الميدان <i>وصف</i>أدخل المعلومات الضرورية التي تريد نقلها إلى المستجيبين.</p>
<p><img src='https://i1.wp.com/help.anketolog.ru/img/help/attachments/2359331/2687078.png' width="100%" loading=lazy loading=lazy></p>
<h3><span>تخصيص المظهر</span></h3>
<p>يمكنك تغيير المظهر القياسي لصفحتك الشخصية عن طريق إضافة شعار وصورة خلفية لرأس الصفحة ولون للخلفية.</p>
<ul><li>شعار <br></li>
</ul><p>يرجى ملاحظة الشروط التالية عند إضافة شعار. يمكنك استخدام الصور بتنسيقات .jpg و .jpeg و .png. سيتم ضبط حجم الصور تلقائيًا. الحجم الموصى به هو 205 * 165 بكسل.</p>
<p>لإرفاق / إزالة شعار ، انقر فوق الزر <b>إرفاق / إزالة</b>تحته.</p>
<ul><li><span>صورة الخلفية في العنوان</span></li>
</ul><p>انتبه للشروط التالية عند إضافة صورة خلفية. يمكنك استخدام الصور بالتنسيق <span>.jpg ، .jpeg ، .png. الحجم الموصى به هو 1140 * 360 بكسل.</p>
<ul><li><span>لون الخلفية</span></li>
</ul><p>يمكن اختيار لون الخلفية من لوحة الألوان المعروضة (انقر فوق المربع الموجود في خط لون الخلفية). يمكنك أيضًا إدخال كود html للون في الحقل المتوفر.</p>
<ul><li><span>شعار الاستبيان</span></li>
</ul><p>لإزالة شعارنا ، حدد المربع المقابل.</p>
<p><br><img src='https://i0.wp.com/help.anketolog.ru/img/help/attachments/2359331/2687079.png' width="100%" loading=lazy loading=lazy><br></p>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy loading=lazy>");</script>
</div>
</div>
</div>
</div>
<aside class="col-lg-4 col-md-12 col-md-offset-4 col-lg-offset-0" id="right">
<div>
</div>
<br/>
<div>
</div>
<br/>
<div>
</div>
<br/>
<div>
</div>
<br/>
</aside>
</div>
</div>
</div>
<div class="popup" id="share">
<div class="perfect-scroll" style="text-align: center">
<div style="margin-bottom: 20px">
<strong>سيبدأ التنزيل الآن ...</strong>
<br>لا تنسى مشاركة المواد <br>على الشبكات الاجتماعية مع الخاص بك <br>زملاء</div>
<div>
<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus" data-counter=""></div>
</div>
</div>
<div class="close-pop pull-right">
<svg width="10px" height="10px" viewBox="0 0 10 10">
<path fillrule="evenodd"
d="M 6.41 5C 6.41 5 9.24 7.83 9.24 7.83 9.63 8.22 9.63 8.85 9.24 9.24 8.85 9.63 8.22 9.63 7.83 9.24 7.83 9.24 5 6.41 5 6.41 5 6.41 2.17 9.24 2.17 9.24 1.78 9.63 1.15 9.63 0.76 9.24 0.37 8.85 0.37 8.22 0.76 7.83 0.76 7.83 3.59 5 3.59 5 3.59 5 0.76 2.17 0.76 2.17 0.37 1.78 0.37 1.15 0.76 0.76 1.15 0.37 1.78 0.37 2.17 0.76 2.17 0.76 5 3.58 5 3.58 5 3.58 7.83 0.76 7.83 0.76 8.22 0.37 8.85 0.37 9.24 0.76 9.63 1.15 9.63 1.78 9.24 2.17 9.24 2.17 6.41 5 6.41 5Z"></path>
</svg>
</div>
</div>
<section id="views">
<div class="container">
</div>
</section>
<script type="text/javascript">
$(document).ready(
function () {
$('.kursiv').readmore({
speed: 75,
maxHeight: 84,
heightMargin: 16,
moreLink: '<a href="#"><span>Показать полностью</span>',
lessLink: '<a href="#"><span>Скрыть</span></a>',
} );
} );
</script>
<style>
div.kursiv {
margin-bottom: 0;
}
#razrabotka {
margin-top: 30px;
}
.readmore-js-toggle {
font-style: italic;
color: #999;
display: inline;
margin-right: 10px;
font-size: 14px;
cursor: pointer;
border-bottom: 1px dotted #e6e6e6;
}
</style></section>
<footer>
<div class="container">
<div class="row">
<div class="col-xs-16 col-sm-4 col-md-3">
<p>© 2021، mkr-novo2.ru، الإنترنت. تعليم. البرامج. البرامج الثابتة. التثبيت والتكوين. الملاحون</p>
<div class="social">
<a target="_blank" href="">
<svg width="32px" height="19px" viewBox="0 0 32 19">
<path fillRule="evenodd"
d="M 15.36 18.01C 15.36 18.01 17.24 18.01 17.24 18.01 17.24 18.01 17.81 17.94 18.1 17.64 18.36 17.37 18.35 16.85 18.35 16.85 18.35 16.85 18.32 14.41 19.49 14.05 20.64 13.7 22.12 16.4 23.69 17.45 24.87 18.23 25.77 18.06 25.77 18.06 25.77 18.06 29.97 18.01 29.97 18.01 29.97 18.01 32.16 17.87 31.12 16.21 31.03 16.07 30.51 14.97 28 12.72 25.37 10.35 25.72 10.74 28.89 6.65 30.82 4.16 31.59 2.65 31.35 2 31.12 1.38 29.7 1.54 29.7 1.54 29.7 1.54 24.98 1.57 24.98 1.57 24.98 1.57 24.63 1.52 24.37 1.67 24.12 1.82 23.95 2.16 23.95 2.16 23.95 2.16 23.21 4.09 22.21 5.72 20.11 9.18 19.27 9.36 18.92 9.15 18.12 8.65 18.32 7.14 18.32 6.07 18.32 2.72 18.85 1.32 17.3 0.96 16.79 0.84 16.41 0.76 15.1 0.75 13.41 0.73 11.99 0.76 11.18 1.14 10.64 1.39 10.23 1.96 10.48 1.99 10.79 2.03 11.5 2.18 11.88 2.67 12.36 3.31 12.34 4.74 12.34 4.74 12.34 4.74 12.62 8.68 11.69 9.17 11.06 9.5 10.18 8.82 8.31 5.68 7.35 4.08 6.62 2.3 6.62 2.3 6.62 2.3 6.48 1.97 6.23 1.8 5.93 1.58 5.51 1.51 5.51 1.51 5.51 1.51 1.02 1.54 1.02 1.54 1.02 1.54 0.35 1.56 0.1 1.84-0.12 2.09 0.08 2.62 0.08 2.62 0.08 2.62 3.6 10.57 7.57 14.57 11.22 18.25 15.36 18.01 15.36 18.01 15.36 18.01 15.36 18.01 15.36 18.01Z"/>
</svg>
</a>
<a target="_blank" href="">
<svg viewBox="0 0 25 25" width="25px" height="25px">
<path class="st0" d="M12.5,12.7c3.2,0,5.8-2.6,5.8-5.8c0-3.2-2.6-5.8-5.8-5.8C9.3,1,6.7,3.6,6.7,6.8C6.7,10,9.3,12.7,12.5,12.7z
M12.5,3.9c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9C9.6,5.2,10.9,3.9,12.5,3.9z M19.2,13.4
c-0.3-0.7-1.2-1.2-2.5-0.3c-1.6,1.3-4.3,1.3-4.3,1.3s-2.6,0-4.3-1.3c-1.2-1-2.1-0.4-2.5,0.3c-0.6,1.2,0.1,1.7,1.5,2.7
c1.3,0.8,3,1.1,4.1,1.2l-0.9,0.9c-1.3,1.3-2.6,2.6-3.4,3.4c-0.5,0.5-0.5,1.4,0,1.9l0.2,0.2c0.5,0.5,1.4,0.5,1.9,0l3.4-3.4
c1.3,1.3,2.6,2.6,3.4,3.4c0.5,0.5,1.4,0.5,1.9,0l0.2-0.2c0.5-0.5,0.5-1.4,0-1.9l-3.4-3.4l-0.9-0.9c1.1-0.1,2.8-0.4,4.1-1.2
C19.2,15.1,19.8,14.5,19.2,13.4z"/>
</svg>
</a>
<a target="_blank" href="https://facebook.com/">
<svg width="26px" height="25px" viewBox="0 0 26 25">
<path fillRule="evenodd"
d="M 24.33-0C 24.33-0 1.96-0 1.96-0 1.19-0 0.57 0.62 0.57 1.38 0.57 1.38 0.57 23.62 0.57 23.62 0.57 24.38 1.19 25 1.96 25 1.96 25 14 25 14 25 14 25 14 15.32 14 15.32 14 15.32 10.72 15.32 10.72 15.32 10.72 15.32 10.72 11.54 10.72 11.54 10.72 11.54 14 11.54 14 11.54 14 11.54 14 8.76 14 8.76 14 5.53 15.98 3.77 18.88 3.77 20.27 3.77 21.46 3.88 21.81 3.92 21.81 3.92 21.81 7.3 21.81 7.3 21.81 7.3 19.8 7.3 19.8 7.3 18.22 7.3 17.92 8.04 17.92 9.13 17.92 9.13 17.92 11.54 17.92 11.54 17.92 11.54 21.68 11.54 21.68 11.54 21.68 11.54 21.19 15.32 21.19 15.32 21.19 15.32 17.92 15.32 17.92 15.32 17.92 15.32 17.92 25 17.92 25 17.92 25 24.33 25 24.33 25 25.09 25 25.71 24.38 25.71 23.62 25.71 23.62 25.71 1.38 25.71 1.38 25.71 0.62 25.09-0 24.33-0Z"/>
</svg>
</a>
<a target="_blank" href="https://youtube.com/">
<svg width="26px" height="19px" viewBox="0 0 26 19">
<path fillRule="evenodd"
d="M 25.75 14.46C 25.75 14.46 25.5 16.18 24.75 16.93 23.79 17.92 22.72 17.93 22.23 17.99 18.71 18.24 13.43 18.25 13.43 18.25 13.43 18.25 6.89 18.19 4.88 18 4.32 17.89 3.06 17.92 2.11 16.93 1.35 16.18 1.11 14.46 1.11 14.46 1.11 14.46 0.86 12.45 0.86 10.44 0.86 10.44 0.86 8.55 0.86 8.55 0.86 6.54 1.11 4.52 1.11 4.52 1.11 4.52 1.35 2.81 2.11 2.05 3.06 1.06 4.14 1.06 4.63 1 8.15 0.75 13.42 0.75 13.42 0.75 13.42 0.75 13.43 0.75 13.43 0.75 13.43 0.75 18.71 0.75 22.23 1 22.72 1.06 23.79 1.06 24.75 2.05 25.5 2.81 25.75 4.52 25.75 4.52 25.75 4.52 26 6.54 26 8.55 26 8.55 26 10.44 26 10.44 26 12.45 25.75 14.46 25.75 14.46ZM 10.83 5.73C 10.83 5.73 10.83 12.72 10.83 12.72 10.83 12.72 17.62 9.24 17.62 9.24 17.62 9.24 10.83 5.73 10.83 5.73Z"/>
</svg>
</a>
</div>
</div>
<div class="col-lg-2 col-sm-4 col-xs-16 links">
<h4>mkr-novo2.ru</h4>
<a href="https://mkr-novo2.ru/ar/category/internet/">إنترنت</a>
<a href="https://mkr-novo2.ru/ar/category/multimedia/">الوسائط المتعددة</a>
<a href="https://mkr-novo2.ru/ar/category/navigation/">الملاحون</a>
<a href="https://mkr-novo2.ru/ar/category/education/">تعليم</a>
<a href="https://mkr-novo2.ru/ar/category/at/">تشغيل</a>
<a href="https://mkr-novo2.ru/ar/category/problems/">مشاكل</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-16 links">
<h4>حول المشروع</h4>
<a href="">استجابة</a>
<a href="">عن الموقع</a>
</div>
<div class="col-lg-5 col-sm-1 col-xs-16 links"></div>
<div class="col-lg-4 col-sm-5 col-xs-16 links">
</div>
</div>
<div class="row v-center">
<div class="col-md-8 col-xs-16">
<a data-fancybox data-type="iframe" data-src="">جهات الاتصال</a>
</div>
<div class="col-md-8 col-xs-16">
<div class="share pull-right">
<script type="text/javascript" src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js" charset="utf-8"></script>
<script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8"></script>
<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus" data-counter=""></div>
</div>
</div>
</div>
</div>
</footer>
<a href="#bot" id="to-top">
<svg width="50px" height="50px" viewBox="0 0 50 50">
<circle cx="25.00" cy="25.00" r="25.00" fill="rgb(0,0,0)" opacity="0.37"/>
<path fillRule="evenodd"
d="M 33.94 24.46C 33.94 24.46 25.89 16.3 25.89 16.3 25.32 15.73 24.41 15.73 23.84 16.3 23.84 16.3 15.79 24.46 15.79 24.46 14.88 25.38 15.52 26.97 16.81 26.97 16.81 26.97 20.43 26.97 20.43 26.97 21.23 26.97 21.88 27.62 21.88 28.43 21.88 28.43 21.88 32.51 21.88 32.51 21.88 33.71 22.83 34.68 24.01 34.68 24.01 34.68 25.72 34.68 25.72 34.68 26.9 34.68 27.86 33.71 27.86 32.51 27.86 32.51 27.86 28.43 27.86 28.43 27.86 27.62 28.5 26.97 29.31 26.97 29.31 26.97 32.92 26.97 32.92 26.97 34.21 26.97 34.85 25.38 33.94 24.46Z"
fill="rgb(241,241,241)"/>
</svg>
</a>
<div class="overlay"></div>
<div class="popup" id="password">
<div class="perfect-scroll">
<h2>استعادة كلمة السر <div class="close-pop pull-right">
<svg width="10px" height="10px" viewBox="0 0 10 10">
<path fillRule="evenodd"
d="M 6.41 5C 6.41 5 9.24 7.83 9.24 7.83 9.63 8.22 9.63 8.85 9.24 9.24 8.85 9.63 8.22 9.63 7.83 9.24 7.83 9.24 5 6.41 5 6.41 5 6.41 2.17 9.24 2.17 9.24 1.78 9.63 1.15 9.63 0.76 9.24 0.37 8.85 0.37 8.22 0.76 7.83 0.76 7.83 3.59 5 3.59 5 3.59 5 0.76 2.17 0.76 2.17 0.37 1.78 0.37 1.15 0.76 0.76 1.15 0.37 1.78 0.37 2.17 0.76 2.17 0.76 5 3.58 5 3.58 5 3.58 7.83 0.76 7.83 0.76 8.22 0.37 8.85 0.37 9.24 0.76 9.63 1.15 9.63 1.78 9.24 2.17 9.24 2.17 6.41 5 6.41 5Z"/>
</svg>
</div>
</h2>
<div class="recover-success">
<form action="/recovery/request" data-method="post" method="post" class="recover_form">
<p>أدخل بريدك الإلكتروني لاستعادة كلمة المرور الخاصة بك!</p>
<div class="input-wrp">
<input name="email" type="text" placeholder="أدخل بريدك الإلكتروني">
</div>
<input type="submit" data-disable-with="Отправить..." class="btn green" value="يرسل">
</form>
</div>
<div class="auth-form_error" style="padding-top: 10px"></div>
</div>
</div>
<script>
$('.user.one').click(function (e, ob) {
$('.user').removeClass('active-user');
$('.user.one').addClass('active-user');
$('#user_type').val('1');
e.stopPropagation();
} );
$('.user.two').click(function (e, ob) {
$('.user').removeClass('active-user');
$('.user.two').addClass('active-user');
$('#user_type').val('2');
e.stopPropagation();
} );
$('.user.three').click(function (e, ob) {
$('.user').removeClass('active-user');
$('.user.three').addClass('active-user');
$('#user_type').val('3');
e.stopPropagation();
} );
function clearErrors() {
$('.auth-form_error').each(function () {
$(this).html('');
} );
}
$('body').on('click', '.open-login-form', function (e) {
$('#register, .overlay').removeClass('visible-pop');
$('#login, .overlay').addClass('visible-pop');
e.preventDefault();
} );
$('body').on('click', '.open-pass-form', function (e) {
$('#register, .overlay').removeClass('visible-pop');
$('#password, .overlay').addClass('visible-pop');
e.preventDefault();
} );
$('.login_form')
.on('ajax:beforeSend', function (event, xhr, settings) {
clearErrors();
} )
.on('ajax:complete', function (event, xhr, status) {
} )
.on('ajax:success', function (event, data, status, xhr) {
if (data.status == 0) {
$('.auth-form_error').html(data.text + '<br>');
} else {
$('.open-register').html(data.text);
var delay = 1000;
window.location.href = url = window.location.href + "?login=ok";
location.replace(url);
setTimeout('window.location.reload(true);', delay);
}
} ).on('ajax:error', function (event, xhr, status, error) {
} );
$('.recover_form')
.on('ajax:beforeSend', function (event, xhr, settings) {
clearErrors();
} )
.on('ajax:complete', function (event, xhr, status) {
} )
.on('ajax:success', function (event, data, status, xhr) {
console.log(data);
if (data.status == 0) {
$('.auth-form_error').html(data.text + '<br>');
} else {
$('.recover-success').html('<div class="success" >' + data.text + '</div>');
}
} ).on('ajax:error', function (event, xhr, status, error) {
} );
$('.registration_form')
.on('ajax:beforeSend', function (event, xhr, settings) {
var emailError = $('#emailError');
var passwordError = $('#passwordError');
var passwordVerify = $('#passwordVerifyError');
var userTypeError = $('#userTypeError');
var emailExist = $('#emailExist');
emailError.html('');
passwordError.html('');
passwordVerify.html('');
userTypeError.html('');
emailExist.hide();
} )
.on('ajax:complete', function (event, xhr, status) {
} ).on('ajax:success', function (event, data, status, xhr) {
// insert the failure message inside the "#account_settings" element
//console.log(data);
if (data.status == 0) {
//$('.reg-info').html('<div class="error">' + data.text + '</div>');
if (data.text.email) {
var emailError = $('#emailError');
var emailExist = $('#emailExist');
console.log(data.text.email);
if (data.text.email == 'Найдена совпадающая со значением запись') {
console.log('alert');
emailExist.show();
} else {
emailError.html('<i class="icon-error"></i><div class="error_note_wrapper">' +
'<div class="error_note">' +
'<span class="error_note_text">' + data.text.email + '</span></div></div>');
}
}
if (data.text.password) {
var passwordError = $('#passwordError');
console.log(data.text.password);
passwordError.html('<i class="icon-error"></i><div class="error_note_wrapper">' +
'<div class="error_note">' +
'<span class="error_note_text">' + data.text.password + '</span></div></div>');
}
if (data.text.passwordVerify) {
var passwordVerify = $('#passwordVerifyError');
console.log(data.text.passwordVerify);
passwordVerify.html('<i class="icon-error"></i><div class="error_note_wrapper">' +
'<div class="error_note">' +
'<span class="error_note_text">' + data.text.passwordVerify + '</span></div></div>');
}
if (data.text.captcha) {
var captcha = $('#captchaError');
console.log(data.text.captcha);
captcha.html('<i class="icon-error"></i><div class="error_note_wrapper">' +
'<div class="error_note">' +
'<span class="error_note_text">' + data.text.captcha + '</span></div></div>');
}
if (data.text.userType) {
var user_type = $('#userTypeError');
console.log(data.text.userType);
user_type.html('<i class="icon-error"></i><div class="error_note_wrapper">' +
'<div class="error_note">' +
'<span class="error_note_text">' + data.text.userType + '</span></div></div>');
}
} else {
$('.reg-success').html(data.text);
var delay = 2000;
window.location.href = url = window.location.href + "?reg=ok";
location.replace(url);
setTimeout('window.location.reload(true);', delay);
}
} ).on('ajax:error', function (event, xhr, status, error) {
} );
</script>
<div class="popup" id="premium-pop">
</div>
<link rel="stylesheet" href="/videouroki/res/lightslider/lightslider.min.css">
<link rel="stylesheet" href="/videouroki/res/perfectScrollbar/perfect-scrollbar.css">
<link rel="stylesheet" href="/videouroki/assets/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="/assets/vendor/fancybox/jquery.fancybox.min.css">
<script src="/videouroki/res/perfectScrollbar/perfect-scrollbar.jquery.min.js"></script>
<script src="/js/rails.js"></script>
<script src="/videouroki/res/lightslider/lightslider.min.js"></script>
<script src="/videouroki/res/jquery.validate.min.js"></script>
<script src="/videouroki/res/autosize-master/autosize.min.js"></script>
<script src="/videouroki/js/tabs.js"></script>
<script src="/videouroki/js/select.js"></script>
<script src="/videouroki/js/global.js?2109"></script>
<script src="/videouroki/js/views.js"></script>
<script src="/videouroki/plugin/notify/notify.min.js"></script>
<script src="/videouroki/plugin/notify/notify-metro.js"></script>
<script src="/videouroki/js/lazyload.min.js"></script>
<script src="/assets/vendor/fancybox/jquery.fancybox.min.js"></script>
<script type="text/javascript">
$(document).ready(
function () {
// new LazyLoad();
} )
</script>
<!--[if gte IE 9]><script type="text/javascript" src="/videouroki/assets/ckeditor-mini/ckeditor.js"></script><![endif]-->
<script type="text/javascript" src="/videouroki/js/readmore.js"></script></body>
</html> 
مدخل