Miscoders

La etiqueta DIV es un contenedor en el cual puedes agrupar muchos mas elementos, por lo general se utiliza mucho para ubicar el contenido, por ejemplo se utiliza para ubicar los menus, el contenido, barras laterales, o lo que sea que se agregue a una pagina web. Las etiquetas Div son muy importantes, hace mucho tiempo no existian, y para poder ubicar el contenido se utilizaba la etiqueta table, la inclusión de la etiqueta DIV a HTML hizo que el diseño fuera mucho mejor, ahora puedes incluso hacer formas con las etiquetas DIV con un poco de CSS, cosa que antes no se podria realizar utilizando una tabla. La etiqueta DIV es muy simple de agregarla a nuestro código, solo debemos escribir < div >< p> aca hemos anidado la etiqueta< / p> ; </ div > En el ejemplo anterior se a agregado una etiqueta P dentro de la etiqueta DIV. Agregando algunos estilos CSS podremos agregar estilos a las etiquetas div , podremos modificar su tamaño, color,...

Crea tu Sitemap.xml para tu pagina Un sitemap es un archivo con una extensión . xml , estos son archivos que se utilizan para poder indexar los sitios web en los buscadores como por ejemplo Google, Yahoo, Bing, Ask, etc . Los sitemaps contienen todas las url del sitio, los cuales los crawlers o arañas analizan para poder asi indexadas en los buscadores. Crear un sitemap es super sencillo , hay muchas herramientas que puedes utilizar para poder crear un sitemap para enviarlo a google, bing, yahoo o al indexador que tu quieras, en este post te presento algunas herramientas que puedes utilizar para crear tu Sitemap o mapa del sitio con solo unos pocos pasos Herramientas para generar tu mapa de sitio : wrankle xml-sitemaps xmlsitemapgenerator smallseotools web-site-map Con estas herramientas se te hara mucho mas facil crear tu sitemap , solo necesitas la url de tu sitio, seleccionar algunos detalles sobre tu sitio y estas herramientas estarán creando le mapa de s...

Normalmente se crean ventanas Pop Ups para hacer publicidad o enviar trafico a otros sitios, en este tutorial te enseñare a como crear ventanas pop ups para que puedas implementarlo en tu sitio web. Estas ventanas ups que te mostrare son capaces de abrirse cuando se de click en un enlace o incluso abrirse solas después de ciertos segundos. Abrir una ventana al dar click a cierta etiqueta < script > function Abrir(){ window .open ( "http://www.miscoders.com" ); } </ script > Esto no nos abrira una ventana pop up , mas sin embargo nos abrirá una ventana a la par de nuestra ventana, es decir una nueva pestaña, esto nos podría servir para desviar el trafico, o lo que desees hacer con tu sitio. Recuerda que no solo se trata de poner esta etiqueta en tu JS si no también debes vincularla a tu etiqueta(La cual se va a clickear).  Abrir ventana Pop Up al dar click en un enlace AL igual que el script anterior necesitarás una etiqueta HTML para poder ...

Instalar plantillas en blogger En muchas ocaciones queremos cambiar el diseño de nuestro sitio, queremos modificar la vista, que se vea mas y mejor organizado, pero no sabemos como hacer para poder cambiar esa imagen, muchos podran preguntarse ¿Necesito saber programacion? La respuesta es NO! Puedes i nstalar una plantilla en blogger muy facil en este post te voy a mostrar las formas con las cuales puedes instalar un plantilla en blogger. 1 Instala una plantilla subiendola a blogger. Como indicaba al principio puedes cambiar la plantilla de tu blog de dos formas, esta es la forma mas facil de cambiar la plantilla de tu blog te dare los pasos. Recuerda que primero debes descargar una platilla . Puedes visitar BTemplates  para ello. 1.Cuando ya hayas descargado la plantilla para tu blog lo siguiente es iniciar sesion e ir a la parte que dice Plantilla de tu blog , en este caso deberas seleccionar Copia de seguridad / reestablecer como en la siguiente imagen. 2....

¿Que es Flexbox? Seguramente has escuchado muchisimas veces sobre flexbox y si no, te preguntaras ¿que es Flexbox? . En este articulo te explico que es flexbox en diseño web. Flexbox es el modo de diseño que nos permite crear estructuras para los sitios web de una forma muy sencilla, por lo general se suele emplear Flexbox para crear las estructuras de sitios responsives de una forma muchisimo mas sencilla. Si ya conoces un poco sobre HTML y CCS probablemente hayas usado mas de alguna vez la propiedad float cuando estas creando alguna estructura de tu pagina web , por lo general utilizamos esta propiedad float para desplazar los contenedores o algun otro elemento de izquierda a derecha o viceversa, ahora con Flexbox ya no necesitaras utilizar float para poder posicionar tus elementos ya que con Flexbox puedes realizarlo de una forma muy facil y sencilla. La ventaja con flexbox es que cuando lo utilizamos no necesitamos reacomodar las cosas para que el sitio s...

Un dominio de internet es una red de identificacion, que por lo general se asocia a los dispositivos de almacenamiento Hosting conectados a internet. El proposito de los dominios de internet y los sistemas nombres de dominio DNS, es cambiar las direcciones IP para poder accesar a los elementos del hosting mediante un nombre y no necesariamente con la direccion IP, es decir que si los Dominios no existieran entonces ingresariamos de la siguiente manera 170.402.102.945/Miscoders/Posts/index.html, entonces ya con el nombre de dominio agregado a nuestro hosting, nosotros tenemos la posibilidad de accesar a nuestros elementos accesando de la siguiente manera www.miscoders.com/Miscoders/Posts/index.html. Los dominios tienen muchas ventajas y es que sin la ayuda de los dominios no se podria alojar mas de un sitio web en un solo servidor por el hecho que estariamos accesando a la misma direccion IP. Ahora en dia existes muchos dominios y entre todos ellos podremos encon...

Una pagina web es un archivo escrito en el lenguaje HTML , estos archivos son alojados en Hostings o alojamientos en internet que nos permiten accede a cierto contenido especifico. Las paginas web son todos aquellos archivos con una extencion .html como "Index.html", lo que los navegadores interpretan utilizando el codigo que la persona creadora de la pagina web a escrito. Los navegadores tienen la capacidad de interpretar todo el codigo escrito en el archive y asi mostrarte la pagina web con estilos, funcionalidad y todo lo que el creadoy haya agregado. L as paginas web son capaces de mostrar contenido como videos, imagenes, reproducir audio, enlaces, etc, comunmente muchas veces las personas se confunden con el termino pagina web con sitio web y es que cuando hablamos de una pagina web nos referimos a un solo archivo escrito en el lenguaje de maquetacion HTML y cuando hablamos de un sitio web nos referimos a conjunto de paginas web alojadas en el mismo servidor ...

¿Como hacer un diseño parallax? Buen dia a todos, ahora veremos como  crear un diseño parallax  para nuestra pagina web , las  web parallax  son todas aquellas que como fondo tienen una imagen o textura y estos se mueven mas lento que el contenido al bajar. Probablemente ya hayas visitado muchas paginas con un  diseño parallax  y pues podras decir Wow y podemos creer que su diseño es super complicado pues no, en este post veras que sencillo es hacer de tu web  un diseño parallax , ademas te adjuntare un pequeño ejemplo que desarrolle. Primero veremos el maquetado en donde crearemos dos contenedores para nuestras poner nuestras imagenes de fondo. < html > < head > < link href = " Style.css " rel = " stylesheet " /> < title > </ title > </ head > < body > < div class = " Articulo1 " > < div cla...