lunes, 29 de febrero de 2016

Página Web (SCM)

Hoy vamos a explicar las hojas de estilo (CSS) que nos van a servir para crear nuestra propia página web. El código que utilizamos es el mismo que en html.
Como ya comentamos en otras entradas los estilos los creamos utilizando #Etiqueta{}.

#estilopruebatexto{
Text-align:    ;
Font-family:   ;
Color:    ;
}

También creamos los estilos de cabecera, etc.
Un ejemplo es este:

#header{
background-color:#9b0530;
padding:10px;
}

Para realizar la página web, vamos a crear dos archivos: uno de estilos (estilo.css) y otro con el contenido de la página (paginadeprueba.html).  Estos archivos los crearemos con el “bloc de notas”.  Mi ejemplo de página es la siguiente.


Una vez creado el estilo lo insertamos donde lo necesitemos:

<div id="estiloprueba">
<p>contenido</p>
</div>

Aqui os dejo tambíen el codigo para poder insertar una imagen en la pagina:

<p>contenido</p>
<p><img src="URL" alt:"descripcion"></p>

Os invito a entrar en mi página web, podéis acceder desde el enlace que os dejo aquí.







domingo, 28 de febrero de 2016

GRAFENO, el material del futuro

Buenos días, hoy leyendo noticias, he encontrado una sobre un nuevo material que revolucionará el mundo de la tecnología.



Es uno de los materiales más finos, flexibles, fuertes y con mayor conductividad que existen. Y tan delgado que se le considera como un material de solo dos dimensiones. Aunque su estructura se describió hace más de ochenta años, fue aislado por primera vez en 2004 y sobre él descansa una buena parte del futuro de las sociedades tecnológicas, ya que sus aplicaciones potenciales son ilimitadas. Ahora, y por primera vez, el grafeno y sus posibilidades, pero sobretodo sus realidades, han ocupado por derecho propio un lugar destacado en esta edición del WMC (Mobile World Congress).



jueves, 25 de febrero de 2016

Tutorial HTML


Hoy vamos a explicar qué es HTML

Éste es el lenguaje con el que se estructuran internamente las páginas web. Básicamente se trata de un conjunto de instrucciones (etiquetas) que sirven para dar formato al texto y definir donde y como se van a presentar los elementos de página.

Aunque no es necesario saber HTML, siempre es conveniente tener unas nociones básicas.
Consiste en una serie de etiquetas encerradas entre los símbolos <> y casi todas las etiquetas constan de dos marcas, una de apertura y otra de cierre. 

<etiqueta>
Contenido
</etiqueta>

Cuando queremos agregar en HTML comentarios, que aconsejo ir poniendo, para saber qué es lo que vas a modificar, se utilizarían estos símbolos;   <!--Contenido -->

Cuando accedamos al HTML de nuestro blog veremos que este consta de distintas secciones

1. Una línea donde se indica la versión de HTML utilizada (<!DOCTYPE>) No tiene cierre.
2. La cabecera (delimitada por las etiquetas <head> y </head>).
3. El cuerpo (delimitado por las etiquetas <body> y </body>).

Cuando editemos nuestro código nos daremos cuenta que ciertas etiquetas se repiten de manera constante como son: <h1> <h2> etc. Estas etiquetas se utilizan para títulos y cabeceras. Puedes modificar el estilo de estos títulos poniendo el código:
               
                <style>
                h 1 {
                modificamos lo que queramos;
                }
                </style>

Algunas de las cosas que podemos modificar son:

            La alineación del texto: text-align: center / left /right / justify

            Podemos cambiar la forma del texto:
•<b> Negrita </b>
•<i> itálica</i>
•<big> GRANDE </big>
•<small> pequeña</small>
•<sub> SUBÍNDICE </sub>
•<sup> SUPERINDICE </sup>
•<u> Subrayado </u>

                El color: color: red/blue/green, etc

Para acceder al código HTML debemos meternos a blogger – Plantilla – Editar HTML






En este tutorial vamos aprender por ejemplo como alinear la cabeza del blog, como poner una línea y como crear un nuevo identificador para cambiar estilos.

1.       COMO ALINEAR LA CABECERA.

<head>
<!--Modificamos la alineación de la cabecera-->
<style>
h 1 {
text-align: center;
}
</style>
</head>

2.       Cuando en ocasiones queremos crear otro estilo de texto y no queremos modificar ningún <h1>, <h2>, etc. deberemos de realizar lo siguiente:

<head>
<style>
#ETIQUETA {
text-align: center;
color: red;
}
</style>
</head>

Si este estilo se lo aplicamos a la descripción, por ejemplo, deberíamos de hacer lo siguiente:

<body>
<div id=”ETIQUETA”>
Contenido
</div>
</body>


 COMO HACER UNA LINEA.
<hr />

Ejemplo:
<hr aling=”left” noshade=”noshade” size=”2” width=”80%” />



Para practicar el código HTML os recomiendo entrar en las siguientes paginas:




lunes, 15 de febrero de 2016

3 sencillos pasos para crear un blog

¡Estrenamos blog nuevo! Esta primera entrada va a estar dedicada para explicar en definitiva, que es un blog… ¿por que realmente sabemos lo que es?
Según la wikipedia, un blog es “un sitio web que incluye, a modo de diario personal de su autor o autores, contenidos de su interés, actualizados con frecuencia y a menudo comentados por los lectores.” 
Pero realmente un blog es mucho más.
Un blog es…
      -          ES UN ATRIL DESDE EL CUAL PODRÁS COMUNICAR TU MENSAJE A TODO EL MUNDO.
-          ES SINÓNIMO DE COMPARTIR SIN COMPLEJOS
-          SIGNIFICA ESTAR EN CONSTANTE EVOLUCIÓN Y CRECIMIENTO
      -          ES UNIVERSAL…

Pero,  ¿cómo hacemos un blog?; es muy fácil solo te llevará tres pasos…
Lo primero de todo es disponer de una cuenta Gmail, puede ser tu cuenta personal o crearte una específica para el blog. Una vez tengas una, es muy fácil.
Nos metemos a la página oficial de blogger e iniciamos sesión con nuestra cuenta. 

Una vez dentro nos pedirá el titulo del blog y la dirección URL. Blogger te va a asignar una dirección gratuita terminada en .blogspot.com, por ejemplo scm-martaga.blogspot.com. Luego en un futuro siempre podrás optar por pasarte a un dominio de pago, del tipo .com. .net. .org. etc.

Es muy importante que tengas claro cuál será el nombre de la dirección,  ya que será con ella con la que invites a tus amigos. El titulo del blog se puede ir modificando de manera muy sencilla una vez creado el blog.
Por último elegirás una plantilla que propone blogger.


Una vez creado el blog se irá modificando esta plantilla en la opción “Plantilla”. Cambiaremos el fondo, el diseño, la tipografía, el ancho del menú…

botones

Widget