Contenido

En este blog podrás encontrar todo tipo de curiosidades relacionadas con las ultimas novedades tecnológicas multimedia, así como del ámbito de la topografía y el diseño.
Mostrando entradas con la etiqueta diseño web. Mostrar todas las entradas
Mostrando entradas con la etiqueta diseño web. Mostrar todas las entradas

miércoles, 4 de mayo de 2016

Javascript

Me echabais de menos?? 

Hoy os traigo una entrada relacionado con la anterior, la realización de modificaciones con javascript.

El procedimiento es muy sencillo, simplemente hemos modificado los archivos css y html de la entrada anterior para añadir un par de botones en la web que nos permiten cambiar la apariencia de la página, así como volver a su estado inicial.

Para poder modificar la apariencia he realizado una copia del archivo css cambiando los colores y se ha enlazado el botón del cambio con este archivo. Asimismo, hemos creado un segundo botón que nos restablece la apariencia a su estado original enlazándolo con el primer css creado.



CSS

Para realizar esta entrada, he creado un archivo CSS con el fin de realizar una página web que enlace con este Blog, introduciendo los tipos de letra, colores y colocación de los textos. 



Para ello, se ha creado también un archivo con extensión html en el cual definiremos la forma y distribución de nuestra web, añadiendo los botones de menú necesarios. En este caso, un enlace que conecta con el Blog.



Estos dos archivos se han introducido en una carpeta de Google Drive que nos asegurará su funcionamiento y que haremos visible. 

Finalmente he introducido un enlace a la web en el lateral para que la podáis ver, espero que os guste.



lunes, 22 de febrero de 2016

MODIFICACIONES EN HTML

En esta entrada quiero comentar los cambios realizados en el diseño de la página tanto en su plantilla como en esta entrada en concreto.
Mediante el lenguaje de HTML, se pueden modificar prácticamente todos los aspectos tanto estéticos como interactivos de nuestro blog. 
Como elemento principal se ha centrado el título de la cabecera del blog con el siguiente comando:

<style>
h1 {
 text-align: center;
}
</style>

Al igual que se ha utilizado la orde: <div style="color: orange;">.....</div>  para modificar la frase anterior a color naranja.

Otro ejemplo muy claro es el hecho de marcar en negrita diferentes palabras dentro de este mismo párrafo usando la orden <b>....</b>, o como remarcar una palabra en concreto de diferente color con el comando "span" de la siguiente forma: <span style="color: black;">.....</span>

Este tipo de lenguaje de programación ofrece muchísimas posibilidades y resulta fácil de aprender, además, es posible encontrar fácilmente en la red tutoriales para su modificación o páginas con plantillas.

En mi caso, he utilizado la página cuyo enlace pongo a continuación para practicar y modificar mi blog, Espero que os guste:

http://www.w3schools.com/html/default.asp