Como crear una página web gratis Tutorial 6
Luego de aprender a crear un artículo
correctamente en nuestra primera página, voy a explicar en este tutorial como
utilizar el “Editor HTML” de nuestra plantilla, con el objetivo de que estén familiarizados
al momento de instalar nuestra primera plantilla personalizada con un diseño
web profesional. Si te saltaste el quinto tutorial, te dejo la dirección URL en
la cual explique cómo crear nuestro primer artículo: Como crear una página web gratis Tutorial 5
¿Cómo crear una página web gratis con
unos simples pasos?
Empezamos
Nos encontramos en la página principal
de nuestro blog, mira la imagen
Vamos a dar un clic en el icono que dice
“Plantilla”
Se nos desprenderá una pantalla como muestra
la siguiente imagen
Luego, vamos a dar un clic en el icono
que dice “Editar HTML”
Nos mostrara la siguiente ventana
En este punto vamos a realizar un simple
ejercicio, para que estés un poco familiarizado con el editor HTML de nuestra
plantilla
Necesitamos habilitar el buscador
integrado de nuestro Editor HTML, para poder saber dónde están sus diferentes códigos
y así realizar algunos cambios cuando creamos nuestra página web con un diseño
web profesional
Lo que vamos hacer es presionar la tecla
“Control” de su teclado seguido de la tecla F, una vez realizado esto, nos
mostrara en la parte superior derecha un buscador
Ahora, cuando yo diga busca este código que
está marcado de color amarillo </head> tendrás que copiar ese código y ponerlo en el
buscador integrado del Editor HTML, mira la imagen
Luego de insertarlo das un enter en tu
teclado, esto ara que automáticamente se encuentre el código que estás
buscando, esta opción nos sirve cuando vayamos a crear nuestra página web
profesional.
Al encontrar el código, automáticamente te
marcara de color amarillo y sabrás donde está ubicado el código que te pedí que
buscaras, mira la imagen
Recuerda que es muy importante realizar
este ejercicio, solo así te familiarizaras con Blogger al momento de crear ya
nuestra página web con una plantilla realmente espectacular.
Luego te pediré que insertes un código arriba
del código que encontraste. Se preguntaran ¿que quiere decir arriba del código que
encontré?
Quiere decir que insertes por ejemplo
este código:
<script
src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'
type='text/javascript'/>
Arriba del código que encontraste, se vería
así:
<script
src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'
type='text/javascript'/>
</head>
Mira la imagen
Luego de realizar los cambios,
tenemos que guardarlo, vamos a ubicar el icono que está ubicado en la parte
superior izquierda y tiene como nombre “Guardar plantilla” daremos un clic y se
guardara
Después de haber guardado daremos un
clic en el icono que dice “Atrás”, para salir del Editor HTML de nuestra
plantilla
Se regresara a esta ventana, mira la
imagen
Ahora, vamos a regresar al punto de
partida que es el icono que tiene como nombre “Entradas” damos un clic
Luego te mostrara una ventana como la
siguiente imagen
Aquí es en donde te voy a pedir que
crees 16 artículos con imágenes incluidas en cada una de ellas y con 4
diferentes categorías de Etiquetas
Por ejemplo:
Crea 4 artículos que tengan como nombre
de etiqueta “Noticias”
Crea 4 artículos que tengan como nombre
de etiqueta “Futbol”
Crea 4 artículos que tengan como nombre
de etiqueta “Inversiones”
Crea 4 artículos que tengan como nombre
de etiqueta “Farandula”
Si no sabes a qué me refiero sobre crear
un artículo, dirígete al siguiente tutorial donde explique claramente cómo crear un artículo y como insertar una imagen correctamente.
Además, si quieres una explicación más
clara sobre que es una Etiqueta y para qué sirve, dirígete al siguiente link:
Que es una etiqueta y para qué sirve?
Luego de pedirte que crees 16 artículos
y sus etiquetas correctamente, vas a seguir las instrucciones del siguiente
tutorial para crear nuestra página web con un diseño web profesional. Al final tendrás
un diseño web único tal como te muestro en la siguiente imagen
Te gusto verdad, ahora es cuando vamos a
crear nuestra primera página web profesional, sigue las instrucciones del
tutorial 7 para crear nuestro diseño
Sigue las instrucciones del siguiente
tutorial, por orden ascendente
Recuerda suscribirte:
Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
0 comments:
Publicar un comentario