Kişisel bir sayfanın oluşturulması. Not defterinde bir html sayfası oluşturma örneği
On yıl önce, herkes İnternet'i bilmiyordu ve sitelerine yalnızca ciddi şirketler sahipti.
Bugün, World Wide Web'de kendi alanınızla kimseyi etkileyemezsiniz. Modern teknolojiler, herkesin ücretsiz olarak kişisel bir web sitesi oluşturmasına olanak tanır.
Kendi kaynağı: neden
Kullanıcılar çeşitli amaçlar için sayfalar edinir. Bazıları için bu, profesyonelliklerini göstermek için bir şans. Örneğin, doktorlar ücretsiz çevrimiçi danışma sağlayabilir ve gerçek müşterileri çekebilir.
Mali ödüller, kişisel bir projeye hoş bir ektir. Kazanmak için olası seçenekler:
- Reklam alanı satmak;
- Kendiniz için bir ortak seçtikten sonra, belirli bir ürünün satışına yardımcı olmak için komisyon alın;
- Arama motoru reklam birimlerini yerleştirin. Para, bağlantılara yapılan tıklamalardan gelir;
- Bir ücret karşılığında başka bir siteye bağlantılar yerleştirin;
- Özel makaleler yayınlayın.
“Ruh için” kişisel bir web sitesi oluşturan kullanıcılar var. Finansal kazanç veya yeni müşteriler aramıyorlar. Bu tür insanlar için sayfa bir günlük, benzer düşünen insanlarla bir iletişim aracıdır.
Nişinizi çevrimiçi ortamda nasıl hızlı bir şekilde elde edersiniz
Çevrimiçi oluşturucu, mümkün olan en kısa sürede ücretsiz bir kişisel web sitesi oluşturmanın bir yoludur. Bunu yapmak için kayıt olmanız, beğendiğiniz şablonu seçmeniz gerekir. Bilgi göndererek (metinler, fotoğraflar), kullanıcı kaynağını alır.
Şimdi bu sayfayı yapmak için kullandığımız etiketler hakkında birkaç söz.
Örnekteki html etiketlerinin açıklaması
1. - bu etiketler her web sayfasında bulunmalıdır. Tarayıcılara ve arama motorlarına bunun bir html sayfası olduğunu söylerler.
Herhangi bir html sayfası aşağıdaki yapıya sahiptir:
...
Başlık etiketleri
...
... Sayfanın gövdesi ...
2.
- sayfanın tüm görünür içeriği bu etiketler arasına alınır.
4.
- bu etiketlerin arasına, tarayıcının en üstünde görüntülenen sayfa başlığı yazılır. Bu arada, arama motorlarında bir şey arattığınızda, görüntülenen ilk şey sayfanın adıdır. Etiket
genellikle "başlık" olarak kısaltılır. Makaleyi okumanızı tavsiye ederim: etiket nasıl oluşturulur
</p>
<p>Şimdi html sayfasının gövdesinde (iç kısımda) bulunan etiketlere geçelim. <body>ve</body>
).</p>
<p>5. <center></center>- bu etiketler içlerindeki her şeyi merkeze hizalar. Bu durumda, merkez ekranın merkezi olacaktır. Gelecekte bu etiketleri kullanmamanız önerilir.</p>
<p>6. <h1></h1>başlık etiketleri sınıfından biridir <h1>..<h6>, genellikle sayfanın başlığı içinde bulunur. Örneğin, bu sayfada "Bir html sayfası oluşturma örneği" başlık etiketi vardır.</p> Not <p>bu etiketler bir sitenin sıralamasında çok fazla ağırlık taşır, bu nedenle dikkatli ve akıllıca kullanılmaları gerekir.</p>
<p>Html kodunu oluştururken basit bir kurala uymanız gerekir: başlık etiketi önce gelmelidir <h1>, ve sonra zaten gidebilirler <h2>
, <h3>vesaire. Ana şey, ilk olmamasıdır. <h2>, sonrasında <h1>, sonrasında <h3>vesaire. Katı bir hiyerarşi olmalıdır. Başlıklar <h2>
, <h3>vesaire. belki çok.</p>
<p>7. <br/>tek bir etikettir ve bitiş etiketi gerektirmez. Bir sonraki satıra geçer. Örneğimde, bir sonraki satıra iki kez gitmek için arka arkaya iki tek etiket yazdım.</p>
<p>8. <span><img src='https://i2.wp.com/URL_ИЗОБРАЖЕНИЯ' loading=lazy loading=lazy>
</span> bir resmi görüntüleyen tek bir etikettir.</p>
<ul><li>src, resim adresini belirten gerekli bir parametredir (IMAGE_URL yerine, resminizin depolandığı adresi yazmalısınız). <br><u>Not</u>:
<ul><li>Resim, html sayfanızla aynı klasördeyse, resmin adını yazmanız yeterlidir, aksi takdirde mutlak veya göreceli bir URL yazmanız gerekir;</li>
<li>Resim uzantısını eklemeyi unutmayın. Örneğin, .jpg, .gif, .jpeg.</li>
</ul></li>
<li>alt veya başlık - bu parametrelerde resminiz için bir açıklama yazabilirsiniz. Resmin üzerine geldiğinizde bu açıklama görünecektir. Bu parametreler, özellikle görsel aramada web sitesi tanıtımı için önemlidir. Resim yüklenemediyse, bu metin görüntülenecektir, bu da bir artıdır.</li>
</ul><p>9. <font></font>- bu etiketler yazı tipini, arka planı, boyutu vb. değiştirmek için oluşturulur. Kısacası, metin biçimlendirme ile ilgili her şey tek bir etikette yapılandırılabilir. Bu etiketin birkaç özelliği var, bunları ayrı bir eğitimde tartışacağım.</p>
<p>Not: - benzer etiket.</p>
<p>Tüm bu parametreleri ayarlayabileceğiniz bir CSS yazı tipi özelliği de bulunmaktadır.</p>
<p>10. - kalın harflerle vurgulayın. Aradaki her şey <b>ve</b> kalın harflerle vurgulanacaktır. Örneğin, içeriğin en başına yazarsanız ve en sonunda kapatırsanız, sayfadaki tüm metin kalın olarak vurgulanacaktır. Bu, analogu olan oldukça yaygın bir etikettir. <strong></strong>
.</p>
<p>Arama motorları, anahtar kelimelerin etkisini artırmak açısından bu etikete dikkat eder. Ancak dikkatli olmalısınız, çünkü anahtar kelimeleri kalın harflerle her vurguladığınızda, spam olarak algılanacaktır.</p>
<p>İlk dersin metninde, internette bir kullanıcıya tüketim için birçok farklı bilginin sunulduğunu ve bunun da çeşitli olduğunu yazmıştım. <i>internet hizmetleri</i>, sizin de yardımıyla çeşitli yaratıcı süreçlere katılabileceğiniz ve hatta <i>İnternette kişisel bir sayfa oluşturun.</i>
<br><span>Dikkat! Ağustos 2014'te Yandex hizmeti. bu derste açıklanan Ya.ru hizmetini kapattı, burada oluşturduğunuz verilerin aktarılmasıyla ilgili bilgilere bakın: <br>http://blog.yandex.ru/post/81530/ <br>Yandex'de kişisel sayfa oluşturma ile ilgili metin bu dersten kaldırılmıştır.</p><p>Örneğin Yandex tarafından bize sunulan bazı özelliklere daha yakından bakalım.</p><p>Bunu yapmak için, bilgisayarınızın adres çubuğuna (önce yeni bir sekme açın) zaten bilinen Yandex site adresini yazın: yandex.ru Yandex ana sayfası açılacaktır.</p><p>Sayfanın en üstünde en son dünya haberleri var. Haber başlıklarının altı çizilmiştir, yani <b>aktif bağlantılar</b>... Yani herhangi bir başlığa tıklayarak duyurulan olay veya olayın daha ayrıntılı bir açıklamasının olduğu bir sayfaya yönlendirileceksiniz. Kural olarak, açık sayfada diğer hikayelere ve küçük boyutlu fotoğraflara birçok aktif bağlantı vardır. Fotoğrafların üzerine tıklayarak büyütülmüş halde görüntüleyebilirsiniz. Deneyin, fotoğraflara ve aktif bağlantılara tıklayın. Fotoğrafı tekrar büyütmenin mümkün olup olmadığını anlamak için imleci üzerine getirin, eğer bir elin görüntüsünü kabul ederse, o zaman mümkündür.</p>
<p>Bir dizi tıklamadan ve farklı sayfalar açtıktan sonra, dar dikdörtgen <b>sekmeler</b> Sayfaların başlığı ile. Sekmeleri sağ köşelerinde bir çarpı işareti ile kapatabilirsiniz.</p><p>Aktif bağlantılar farklı şekillerde yapılabilir: bağlantıya tıkladığınızda, içinde yeni bir sayfa açılır. <b>yeni sekme</b>(sonra üstte o sekmenin dar bir dikdörtgeni görünür) veya görüntülediğiniz sayfanın yerine yeni bir sayfa açılır. Sayfa yeni bir sekmede açılmadıysa, <span>önceki sayfaya dön</span> ekranın sol üst köşesindeki yeşil daire içindeki sol oku kullanabilirsiniz.</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>Haberleri okuduktan sonra Yandex ana sayfasına dönün. Bu arada, Yandex site logosuna tıklayarak Yandex ana sayfasına dönebilirsiniz. Bu kural, gelecekte ziyaret edeceğiniz hemen hemen tüm siteler için geçerlidir.</p>
<p>Örneğin, sitede " <span>Petersburg emeklisi</span>"Bu durumda üst kenar boyunca yer alan ve üç satırdan oluşan logoya tıklayarak her zaman ana sayfaya dönebilirsiniz. <span>sitenin adı, fotoğraf beslemesi ve çevrimiçi derginin kategorisi</span>.
</p><p>Konular, Yandex.Sitesinin bölümleri sarı arama çubuğunun üzerine yazılır. "Diğer" kelimesini tıklayın, açılır menü daha ayrıntılı bir konu listesi gösterir. Her bölüm adı aynı zamanda tıklayabileceğiniz ve açılan sayfaları görebileceğiniz aktif bir bağlantıdır.</p>
<p>Kişisel sayfa - kişisel sayfanız, tüm anketlerinizi içeren şirket / kuruluş / araştırma sayfası. Merkezi bilgi toplama için uygun.</p>
<p>Http://anketolog.ru/ sitesinin altbilgisinden kişisel bir sayfa oluşturabilirsiniz, Kişisel sayfalar bölümü: http://anketolog.ru/personalpage.html düğmesine tıklayarak.</p>
<p>Veya Kişisel Hesabınız aracılığıyla - Kişisel Sayfalar bloğu - <b>Kişisel bir sayfa oluşturun</b>.</p>
<p>Ücretsiz tarifede 3, Temel tarifede 5, Profi tarifede sonsuz sayıda kişisel sayfa mevcuttur.</p>
<h3>Sayfa içeriğini özelleştirme</h3>
<p>Dikkat! Gerekli alanlar yıldız işareti ile işaretlenmiştir.</p>
<p>alanında <i>İsim</i> firmanızın/kuruluşunuzun/araştırmanızın adını, bu sizin sayfanızsa, kişisel verilerinizi veya gerekli gördüğünüz herhangi bir bilgiyi girin.</p>
<p>Linke tıklayınız <i>Anket ekle</i>, görünen penceredeki listeden kişisel sayfanıza eklemek istediğiniz profillerinizi seçin. Ekli profillerin sayısı sınırlı değildir. "Çapraz" (silmek için) ve "Ok" (taşımak için) ilgili simgeleri tıklayarak profilleri silebilir veya taşıyabilirsiniz.</p>
<p>alanında <i>Açıklama</i> yanıtlayanlara iletmek istediğiniz gerekli bilgileri girin.</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>Görünümü özelleştirme</span></h3>
<p>Bir logo, sayfa başlığı için bir arka plan resmi ve bir arka plan rengi ekleyerek kişisel sayfanızın standart görünümünü değiştirebilirsiniz.</p>
<ul><li>Logo <br></li>
</ul><p>Logo eklerken lütfen aşağıdaki koşullara dikkat edin. Resimleri .jpg, .jpeg, .png formatlarında kullanabilirsiniz. Resimlerin boyutu otomatik olarak ayarlanacaktır. Önerilen boyut 205*165 pikseldir.</p>
<p>Bir logo eklemek / kaldırmak için düğmeyi tıklayın <b>Ekle / Kaldır</b> onun altında.</p>
<ul><li><span>Başlıktaki arka plan resmi</span></li>
</ul><p>Arka plan resmi eklerken aşağıdaki koşullara dikkat edin. Formatın resimlerini kullanabilirsiniz. <span>.jpg, .jpeg, .png. Önerilen boyut 1140*360 pikseldir.</p>
<ul><li><span>Arka plan rengi</span></li>
</ul><p>Arka plan rengi, sunulan renklerin paletinden seçilebilir (Arka Plan renk çizgisindeki kareye tıklayın). Ayrıca sağlanan alana rengin html kodunu da girebilirsiniz.</p>
<ul><li><span>Anket Logosu</span></li>
</ul><p>Logomuzu kaldırmak için ilgili kutuyu işaretleyin.</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>İndirme şimdi başlayacak...</strong>
<br>Materyal paylaşmayı unutmayın <br>ile sosyal ağlarda <br>meslektaşlar</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, İnternet. Eğitim. Programlar. Bellenim. Kurulum ve konfigürasyon. Gezginler</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/tr/category/internet/">internet</a>
<a href="https://mkr-novo2.ru/tr/category/multimedia/">Multimedya</a>
<a href="https://mkr-novo2.ru/tr/category/navigation/">Gezginler</a>
<a href="https://mkr-novo2.ru/tr/category/education/">Eğitim</a>
<a href="https://mkr-novo2.ru/tr/category/at/">ÜZERİNDE</a>
<a href="https://mkr-novo2.ru/tr/category/problems/">sorunlar</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-16 links">
<h4>proje hakkında</h4>
<a href="">Geri bildirim</a>
<a href="">site hakkında</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="">Kişiler</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>Şifre kurtarma <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>Şifrenizi kurtarmak için e-posta adresinizi girin!</p>
<div class="input-wrp">
<input name="email" type="text" placeholder="E-postanızı giriniz">
</div>
<input type="submit" data-disable-with="Отправить..." class="btn green" value="göndermek">
</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> 
giriş