Creación de una página personal. Un ejemplo de creación de una página html en el bloc de notas
Hace diez años, no todo el mundo conocía Internet y sólo las empresas serias eran propietarias de sus sitios.
Hoy en día, no puede impresionar a nadie con su propio nicho en la World Wide Web. Las tecnologías modernas permiten a todos crear un sitio web personal de forma gratuita.
Recurso propio: por qué
Los usuarios adquieren páginas para diversos fines. Para algunos, esta es una oportunidad para demostrar su profesionalismo. Por ejemplo, los médicos pueden ofrecer consultas en línea gratuitas y atraer clientes reales.
Las recompensas financieras son una adición bienvenida a un proyecto personal. Posibles opciones para ganar:
- Vender espacio publicitario;
- Habiendo elegido un socio para usted, reciba comisiones por ayudar en la venta de un determinado producto;
- Coloque bloques de anuncios en motores de búsqueda. El dinero proviene de los clics en los enlaces;
- Colocar enlaces a otro sitio por una tarifa;
- Publica artículos personalizados.
Hay usuarios que crean un sitio web personal “para el alma”. No buscan ganancias económicas ni nuevos clientes. Para esas personas, una página es un diario, un medio de comunicación con personas de ideas afines.
Cómo conseguir rápidamente su nicho en línea
El creador en línea es una forma de crear un sitio web personal de forma gratuita en el menor tiempo posible. Para hacer esto, debe registrarse, elegir la plantilla que desee. Al publicar información (textos, fotos), el usuario recibe su recurso.
Ahora unas palabras sobre las etiquetas que usamos para hacer esta página.
Descripción de las etiquetas html del ejemplo
1. - estas etiquetas deben estar presentes en todas las páginas web. Les dicen a los navegadores y motores de búsqueda que se trata de una página html.
Cualquier página html tiene la siguiente estructura:
...
Etiquetas de encabezado
...
... El cuerpo de la página ...
2.
- todo el contenido visible de la página se incluye entre estas etiquetas.
4.
- entre estas etiquetas se escribe el título de la página, que se muestra en la parte superior del navegador. Por cierto, cuando buscas algo en los motores de búsqueda, lo primero que se muestra es el nombre de la página. Etiqueta
a menudo se abrevia como "título". Te aconsejo que leas el artículo: cómo crear una etiqueta
</p>
<p>Ahora pasemos a las etiquetas que se encuentran en el cuerpo de la página html (dentro <body>y</body>
).</p>
<p>5. <center></center>- estas etiquetas alinean todo lo que hay dentro de ellas con el centro. En este caso, el centro será el centro de la pantalla. Se recomienda que no utilice estas etiquetas en el futuro.</p>
<p>6. <h1></h1>pertenece a una clase de etiquetas de encabezado <h1>..<h6>, normalmente se incluye el título de la página. Por ejemplo, esta página tiene una etiqueta de título "Ejemplo de creación de una página html".</p> Nota <p>Estas etiquetas tienen mucho peso en la clasificación de un sitio, por lo que deben usarse con cuidado y sabiduría.</p>
<p>Al redactar código html, debe seguir una regla simple: la etiqueta de encabezado debe ir primero <h1>, y luego ya pueden ir <h2>
, <h3>etc. Lo principal es que no hay primero <h2>, después <h1>, después <h3>etc. Debería haber una jerarquía estricta. Encabezados <h2>
, <h3>etc. tal vez mucho.</p>
<p>7. <br/>es una sola etiqueta y no requiere una etiqueta final. Pasa a la siguiente línea. En mi ejemplo, escribí dos etiquetas individuales seguidas para ir a la siguiente línea dos veces.</p>
<p>8. <span><img src='https://i2.wp.com/URL_ИЗОБРАЖЕНИЯ' loading=lazy loading=lazy>
</span> es una etiqueta única que muestra una imagen.</p>
<ul><li>src es un parámetro obligatorio, que especifica la dirección de la imagen (en lugar de IMAGE_URL, debe escribir la dirección donde se almacena su imagen). <br><u>Nota</u>:
<ul><li>Si la imagen está en la misma carpeta con su página html, entonces es suficiente escribir el nombre de la imagen, de lo contrario, debe escribir una URL absoluta o relativa;</li>
<li>No olvide incluir la extensión de la imagen. Por ejemplo, .jpg, .gif, .jpeg.</li>
</ul></li>
<li>alt o título: en estos parámetros puede escribir una descripción para su imagen. Cuando pase el cursor sobre la imagen, aparecerá esta descripción. Estos parámetros son importantes para la promoción del sitio web, especialmente en la búsqueda de imágenes. Si no se pudo cargar la imagen, se mostrará este texto, lo que también es una ventaja.</li>
</ul><p>9. <font></font>- estas etiquetas se crean para cambiar la fuente, el fondo, el tamaño, etc. En resumen, todo lo relacionado con el formato de texto se puede configurar en una sola etiqueta. Esta etiqueta tiene bastantes atributos, que discutiré en un tutorial separado.</p>
<p>Nota: - etiqueta similar.</p>
<p>También hay una propiedad de fuente CSS donde puede configurar todos estos parámetros.</p>
<p>10. - resaltar en negrita. Todo en el medio <b>y</b> se resaltará en negrita. Por ejemplo, si lo escribe al principio del contenido y lo cierra al final, todo el texto de la página se resaltará en negrita. Esta es una etiqueta bastante común, cuyo análogo es <strong></strong>
.</p>
<p>Los motores de búsqueda prestan atención a esta etiqueta en términos de amplificar la influencia de las palabras clave. Pero debe tener cuidado, porque cada vez que resalte palabras clave en negrita, se percibirá como spam.</p>
<p>En el texto de la primera lección, ya escribí que se ofrece mucha información diferente para el consumo a un usuario en Internet, y también hay varias <i>servicios de Internet</i>, con la ayuda de la cual usted mismo puede participar en varios procesos creativos e incluso <i>crear una página personal en Internet.</i>
<br><span>¡Atención! Servicio Yandex en agosto de 2014. cerró el servicio Ya.ru descrito en esta lección, consulte la información sobre la transferencia de los datos que creó aquí: <br>http://blog.yandex.ru/post/81530/ <br>El texto sobre la creación de una página personal en Yandex se eliminó de esta lección.</p><p>Echemos un vistazo más de cerca a algunas de las funciones que nos ofrece, por ejemplo, Yandex.</p><p>Para hacer esto, escriba en la barra de direcciones de su computadora (primero abra una nueva pestaña) la dirección del sitio Yandex ya conocida: yandex.ru Se abrirá la página principal de Yandex.</p><p>En la parte superior de la página se encuentran las últimas noticias mundiales. Los titulares de las noticias están subrayados, lo que significa que son <b>enlaces activos</b>... Es decir, al hacer clic en cualquier encabezado, se lo dirigirá a una página con una descripción más detallada del evento o incidente anunciado. Como regla general, en la página abierta hay muchos enlaces activos a otras historias, así como fotos de pequeño tamaño. Al hacer clic en las fotos, puede verlas en forma ampliada. Experimente, haga clic en fotos y enlaces activos. Para saber si es posible agrandar la foto nuevamente, mueva el cursor sobre ella, si acepta la imagen de una mano, entonces es posible.</p>
<p>Después de una serie de clics y la apertura de diferentes páginas, rectangular estrecho <b>pestañas</b> con el título de las páginas. Puede cerrar las pestañas con una cruz en su esquina derecha.</p><p>Los enlaces activos se pueden crear de diferentes formas: cuando hace clic en el enlace, se abre una nueva página en <b>nueva pestaña</b>(luego aparece un rectángulo estrecho de esa pestaña en la parte superior) o se abre una nueva página en lugar de la que estaba viendo. Si la página no se abrió en una nueva pestaña, entonces <span>volver a la pagina anterior</span> puede usar la flecha izquierda en el círculo verde en la esquina superior izquierda de la pantalla.</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>Después de leer las noticias, regrese a la página principal de Yandex. Por cierto, puede volver a la página de inicio de Yandex haciendo clic en el logotipo del sitio de Yandex. Esta regla se aplica a casi todos los sitios que visitará en el futuro.</p>
<p>Por ejemplo, en el sitio " <span>Pensionista de San Petersburgo</span>"siempre puede volver a la página principal haciendo clic en el logotipo, que en este caso se encuentra en el borde superior y consta de tres líneas, que incluyen <span>el nombre del sitio, el feed de fotos y la categoría de la revista en línea</span>.
</p><p>Los temas, las secciones del sitio Yandex. Están escritos encima de la barra de búsqueda amarilla. Haga clic en la palabra "Más", el menú desplegable muestra una lista más detallada de temas. El nombre de cada sección también es un enlace activo en el que puede hacer clic y ver las páginas que se abren.</p>
<p>Página personal: su página personal, la página de la empresa / organización / investigación, que contiene todos sus cuestionarios. Conveniente para la recopilación centralizada de información.</p>
<p>Puede crear una página personal a través del pie de página del sitio http://anketolog.ru/, sección Páginas personales: http://anketolog.ru/personalpage.html haciendo clic en el botón.</p>
<p>O a través de su cuenta personal (el bloque de páginas personales) <b>Crea una pagina personal</b>.</p>
<p>Hay 3 páginas personales disponibles en la tarifa gratuita, 5 en la tarifa básica y un número infinito de páginas personales en la tarifa Profi.</p>
<h3>Personalizar el contenido de la página</h3>
<p>¡Atención! Los campos obligatorios están marcados con un asterisco.</p>
<p>En campo <i>Nombre</i> ingrese el nombre de su empresa / organización / investigación, si esta es su página, entonces los datos personales o cualquier información que considere necesaria.</p>
<p>Haga clic en el enlace <i>Adjuntar cuestionarios</i>, de la lista en la ventana que aparece, seleccione los perfiles que desea adjuntar a su página personal. El número de perfiles adjuntos no está limitado. Puede eliminar o mover perfiles haciendo clic en los iconos correspondientes "Cruz" (para eliminar) y "Flecha" (para mover).</p>
<p>En campo <i>Descripción</i> ingrese la información necesaria que desea transmitir a los encuestados.</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>Personalización de apariencia</span></h3>
<p>Puede cambiar el aspecto estándar de su página personal agregando un logotipo, una imagen de fondo para el encabezado de la página y un color de fondo.</p>
<ul><li>Logo <br></li>
</ul><p>Tenga en cuenta las siguientes condiciones al agregar un logotipo. Puede utilizar imágenes en formatos .jpg, .jpeg, .png. El tamaño de las imágenes se establecerá automáticamente. El tamaño recomendado es 205 * 165 píxeles.</p>
<p>Para adjuntar / eliminar un logotipo, haga clic en el botón <b>Adjuntar / Quitar</b> debajo de él.</p>
<ul><li><span>Imagen de fondo en el encabezado</span></li>
</ul><p>Preste atención a las siguientes condiciones cuando agregue una imagen de fondo. Puede utilizar imágenes del formato <span>.jpg, .jpeg, .png. El tamaño recomendado es 1140 * 360 píxeles.</p>
<ul><li><span>Color de fondo</span></li>
</ul><p>El color de fondo se puede seleccionar de la paleta de colores presentados (haga clic en el cuadrado en la línea Color de fondo). También puede ingresar el código html del color en el campo provisto.</p>
<ul><li><span>Logotipo del cuestionario</span></li>
</ul><p>Para eliminar nuestro logo, marque la casilla correspondiente.</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>La descarga comenzará ahora ...</strong>
<br>No olvides compartir material <br>en las redes sociales con tu <br>colegas</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, Internet. Educación. Programas. Firmware. Instalacion y configuracion. Navegantes</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/es/category/internet/">Internet</a>
<a href="https://mkr-novo2.ru/es/category/multimedia/">Multimedia</a>
<a href="https://mkr-novo2.ru/es/category/navigation/">Navegantes</a>
<a href="https://mkr-novo2.ru/es/category/education/">Educación</a>
<a href="https://mkr-novo2.ru/es/category/at/">SOBRE</a>
<a href="https://mkr-novo2.ru/es/category/problems/">Problemas</a>
</div>
<div class="col-lg-2 col-sm-3 col-xs-16 links">
<h4>sobre el proyecto</h4>
<a href="">Realimentación</a>
<a href="">Sobre el sitio</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="">Contactos</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>Recuperación de contraseña <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>¡Ingrese su correo electrónico para recuperar su contraseña!</p>
<div class="input-wrp">
<input name="email" type="text" placeholder="Introduce tu correo electrónico">
</div>
<input type="submit" data-disable-with="Отправить..." class="btn green" value="enviar">
</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> 
Entrada