Blog de Rubén Castañeda Matute: código informático

Mostrando entradas con la etiqueta código informático. Mostrar todas las entradas

viernes, 4 de marzo de 2016

Como crear una web facíl paso 1 -Elegir host y dominio

Primero debemos elegir un dominio yo elegiré uno de los dominios gratuitos de Freenom, funcionan muy bien si no tienes que tocar la DNS. Ya que ya no puedes cambiar la DNS, lleva desde Julio del 2015 sin poder cambiar la DNS, esto ha hecho que muchos blogs de blogospot dejaran de utilizar los dominios de Freenom ya sean de pago como sino.

Lo segundo que debemos elegir es un Host puedes elegir uno gratuito o de pago, aquí te dejamos los links (banner) y sus características. Host por orden de mejor a peor (Pero con notas ):

HOSTINGER

(Sí tiene adblock o otro tipo de sotware anti-anuncios no vera el link)

Esté host la nota que le pongo es: 9/10

Características de la versión gratuita, premium y Empresarial:

Puedes tener hasta dos dominios con host gratuito, el resto de tipos de host es ilimitado.

Metodos de pago:

Paypal, 2checkout, Payza, Bit Pay.

Seguires en el siguiente tutorial con otro host.

martes, 1 de marzo de 2016

Guía html5- Cuarta Parte

Bienvenidos a la cuarta guía de html5, os recuerdo que si no habéis visto ninguna o la anterior guía que valláis a esas guías antes.

Bueno comenzamos, hoy os enseñare a hacer ha hacer listas, existen varios tipos de listas hoy os enseñare las dos más básicas las numéricas y las de Un punto negro.

Comenzamos como siempre poniendo los comandos habituales:

<!DOCTYPE html>
<html>
<Title>Listas<title>
<body>

Ahora toda lista siempre comienza por <ul> y acaba por </ul> las que tienen formas

Veamos primero las del punto negro, para ponerlas deben poner el siguiente comando:
<ul>

<li type="disc">Soy la primera de la lista<li>

<li type="disc">Soy la segunda de la lista<li>

<li type="disc">Soy la tercera de la lista<li>

</ul>

Donde esta disc podeis cambiar a muchos tipos de listas como por ejemplos cuadrados negros o circulos que no tienen dentro de ellos nada...
Y con esta lista quedaría así:

Soy la primera de la lista
Soy la segunda de la lista
Soy la tercera de la lista

Con las listas que son numericas debes poner <ol></ol> y no poner la ~~<ul></ul>~~
Ahora haremos la lista de tipo numérica para ello en vede de utilizar el comando type utilizaremos el de value.
Pero esta lista solo hay que ponerla una vez:

<ol>
<li value="5">Comienzo por el 5 a contar en adelante</li>
<li>Soy el 6</li>
<li>Soy el 7</li>
</ol>

Entre las comillas, donde esta el 5 puedes poner cualquier numero, la lista comenzara desde ese número.
Quedara así:

Y ahora cerramos como siempre todas las pestañas:

</body>

</html>

Bueno hasta aquí por hoy, el próximo día subiré html5 nivel difícil en el cuál os enseñare a combinar todo lo dado en estos 4 tutoriales que llevamos.

Guia html5- Tercera parte

Bienvenidos a la tercera guía de html5, os recuerdo que si no habéis visto ninguna o la anterior guía que valláis a esas guías antes.

Bueno comenzamos, hoy os enseñare a hacer tablas en las cuales podais hacer botones tan simpaticos como darle a me gusta o a seguirme. Además esto sirven para crear barras de inicio en las cuales tengas , El boton de inicio que lleva a la web, el boton que lleva a la pagina de Contacto , el boton que lleva a la pagina del programa de una radio...

Los comandos son los de siempre hay que abrir estos comandos:

<!DOCTYPE html>

<HTML>

<TITLE>TABLAS</TITLE>

<BODY>

Lo siguiente que haremos es abrir el comando tablas:

<Table>

En la cuál podeis dejarlo así y no tendra ningun relieve pero si queremos poner algun relieve debemos utilizar el comando border o BORDER CELLPADDING uno de mis favoritos ya que este solo te deja un borde.

Si quereis con un borde el comando sería:

<TABLE BORDER CELLPADDING=10 CELLSPACING=0>

Bueno ahora os preguntareis como meto cosas en una tabla, pues con el comando tr y td

Los td sirven para poner columnas y los tr sirven para poner filas.

Mira este ejemplo:

<TABLE BORDER CELLPADDING=10 CELLSPACING=0>

<tr>

<td> Hola soy una fila</td>
<td> Hola soy la segunda fila</td>
<td> Holo soy la tercera fila </td>
</tr>
<tr>
<td> Hola soy la primera en la segunda fila</td>
<td> Hola soy la segunda en la segunda fila</td>
<td> Holo soy la tercera en la segunda fila </td>
</tr>
<tr>
<td> Hola soy la primera en la tercera fila</td>
<td> Hola soy la segunda en la tercera fila</td>
<td> Holo soy la tercera en la tercera fila</td>
</tr>
</table>

Y el resultado seria esta tabla:

Ahora lo que haremos es cerrar todas las pestañas:

</body>

</html>

Está noche subiré como se hace una lista en html5. Recuerda estar atento sobre las 22:30.

Guia de html5- Segunda parte

Bienvenidos a la segunda guía , primero quiero decir que si no habéis visto la primera parte de la guía html que vayáis por este enlace. Bueno si ya habéis leído la primera guía, sigamos con este tutorial.

El nivel de dificultad de este tutorial es: Fácil-Normal

Lo primero de todo es poner la entrada de html5:

<!DOCTYPE html><html>
Lo segundo es poner un titulo con el comando title explicado en el anterior tutorial.

Lo tercero es poner el comando body como explique en el tutorial anterior.

Lo cuarto que haremos es un Anuncio con Paint, Photoshop o otro

editor de imagen y lo subiremos a nuestra web o a TinyPic.

Ahora lo que crearemos es un código de imagen web html5:

<img src="">

Entre las comillas debemos poner la url de la imagen ya sea una url web propia o url de tinypic.

Lo siguiente que aprenderemos es poner un enlace en esta imagen para ello crearemos una pestaña con el

comando a

<a href=""></a>

Aquí se debe poner entre las comillas la dirección url a la que quieres llegar hasta el cliente.

Ahora combinaremos estos dos codigos y saldria este codigo: (El ejemplo de banner es cualquier imagen de

anuncio que tenemos en esta web gratuita.

<a href="link de mi web"><img src="link de la imagen"></a>

Lo siguiente que pondremos es el comando de cierre de pestañas:

</body></html>

Hasta aquí el segundo tutorial recuerda que en una hora o menos tendrás el tercer tutorial.

lunes, 29 de febrero de 2016

Guia de html5- Primera parte

Bienvenidos a la primera parte de la guía html. Antes de comenzar quiero decir que el html es el lenguaje más fácil del lenguaje informático.Este lenguaje sirve para hacer paginas web sencillas como la de una radio, ejemplo. Y otra cosa quiero decir cada lenguaje del mundo ya sea ingles, binario. chino, java... Se debe aprender poco a poco, ya que si lo aprendes rápido no te entenderás con el lenguaje. Dada ya toda esta información comenzamos con esta guía:

El primer paso es muy sencillo debemos poner el código html5:

<!DOCTYPE html><html>

Con este código haremos que pase del html al html5 mucho más seguro contra ataques DOS.

Lo siguiente que debemos de hacer es poner un titulo a la web en la que nos encontramos:

<title>Blog de Rubén Castañeda Matute-Guía 1 de html5</title>

Lo siguiente que haré en este primer tutorial es enseñaros Tipos de textos más grandes que otros, hoy os enseñare dos métodos para cambiar el tamaño de texto:

PRIMER MÉTODO:

<Body>

<H1>Este es un tamaño estándar <H1>

<H2>Este es un tamaño estándar <H2>

<H3>Este es un tamaño estándar <H3>

<H4>Este es un tamaño estándar <H4>

<H5>Este es un tamaño estándar <H5>

</body>

SEGUNDO MÉTODO:

<Body>

<FONT SIZE=1>Este es un tamaño estándar </font>

<FONT SIZE=2>Este es un tamaño estándar </font>

<FONT SIZE=3>Este es un tamaño estándar </font>

<FONT SIZE=4>Este es un tamaño estándar </font>

<FONT SIZE=5>Este es un tamaño estándar </font>

</body>

Se pueden modificar al gusto del cliente, podéis poner el tamaño que queráis ya que no tiene limite.

Lo siguiente que debemos hacer para terminar la primera guia es cerrar el codigo se cierra así:

</html>

El resultado quedaría así, haz click aquí para ir a la web del resultado en Github.
Bueno esto es todo por hoy, mañana tendréis una guía de como hacer botones para enlaces o también llamados banners.

Dominio nuevo

Visitas

Traslate

viernes, 4 de marzo de 2016

Como crear una web facíl paso 1 -Elegir host y dominio

martes, 1 de marzo de 2016

Guía html5- Cuarta Parte

Guia html5- Tercera parte

Guia de html5- Segunda parte

lunes, 29 de febrero de 2016

Guia de html5- Primera parte

© rubencm.tk -ECYM S.A. ™ todos los derechos reservados - 2015-2018