Como crear paginas
PRIMER PASO
Debemos abrir nuestro BLOGGER.
SEGUNDO PASO
Debemos ir a paginas dar clic en crear paginas y nos saldra la opcion de agregar las paginas y nos quedaria asi
Después de haber agregado las paginas , al momento de ver nuestros blogger las paginas nos saldria de esta manera
Nos quedara de esta manera
aquí si damos clic en una de las viñetas nos llevara directamente al lugar.
CUARTO PASO
一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一一
Lenguaje html
PRACTICA-1
Esta es nuestra primera actividad del lenguaje html, el ejemplo nos indica como debemos crear nuestro programa , insertando cada comando , abriendo y cerrando cada comando como los veremos a continuación.
.
Este es nuestro programa a ejecutar , para que se nos forme como una pagina la debemos guardar como index.com
Este es el resultado de todos los comandos ingresados, como podemos ver solo aparece nuestro mensaje , mas no nuestros comandos o reglas ingresadas.
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
PRACTICA-2
En este ejemplo vamos a agregar las cosas que nos gustan como aficiones y los deportes.
este es nuestro segundo ejemplo.
Ejecutando el programa ingresando los comando como nos indica en el ejemplo.
nos quedaría de esta manera.
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
PRÁCTICA-3
en este ejemplo vamos a agregar paginas al cual cuando damos clik no llevaran a esa pagina
este seria como se va a ver nuestro ejemplo
ejecutando este programa en la pagina nos saldrá de esta manera
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
PRÁCTICA-4
Este ejemplo nos enseña a agregar imágenes, y para esto debemos descargar nuestras imágenes en una carpeta donde estemos guardando nuestros archivos del lenguaje.
en esta parte donde estan los enlaces con las imágenes , en esta parte vamos a poner los nombres de nuestra fotos
este seria nuestra imagen y de hecho se puede cambiar de lugar agregarle bordes.
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
PRÁCTICA-5
como agregar color al fondo de la pagina y colores a los textos
Fondos con imagenes
en esta ejecución debemos agregar el nombre de nuestra imagen como la tenemos guardada en los documentos y este seria el resultado .
nos quedaría de esta manera .
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
PRACTICA-6
Tema 10: en este ejemplo vamos a ver cómo debemos ingresar tablas y cuales serian nuestros comandos
aqui les dejo el ejemplo de lo que vamos a realizar ..
aquí vamos a ver un ejemplo con datos ingresados.
todo lo que vemos aquí nos indica las filas que estamos creando y para ese debemos abrir y cerrar cada comando a ejecutar
nuestro ejemplo ejecutado con datos...
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
PRACTICA-7
Tema 11: en este ejercicio veremos como agregar formularios a nuestra pagina HTML
En este ejercicio hemos puesto la opción de ingresar su nombre mas la opcion de dejar un comentario mas elegir su color favorito y la opcion de enviar datos o borrarlos.
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
PRACTICA-8
Tema 13: en este ejemplo vamos a ver como ingresar un mapa en nuestra pagina
este seria nuestro programa a ejecutar.
en nuestro mapa tenemos la posibilidad de ver hasta el ultimo rincón que nos aparece en nuestra pantalla.
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
PRACTICA-9
tema 14 frames: este ejemplo nos va ayudar a saber como debemos dividir nuestra pagina en dos paginas en una sola para este ejemplo vamos a dejar una pagina con el 30% y la otra con el 70%.
asi saldria nuestra pagina al momento de ingresar en ella.
la linea del centro nos indica la separación de las paginas al cual podemos manipularle deslizando.
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
PRACTICA-10
En este ejemplo veremos un documento de frames a la derecha al cual le vamos a dar color al fondo y a cada palabra:
ejecutado el programa de nuestra presentación seria de esta manera :
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
PRACTICA-11
Tema frames anidados dentro de otros frames: este ejemplo nos da la opcion de agregar como tres ´paginas en una sola y las podemos manipular de arriba hacia abajo agrandando las paginas .
la linea en el centro nos indica hasta donde esta o la división de la pagina y este seria el resultado:
――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
DISEÑO DE LA PAGINA WEB
No hay comentarios.:
Publicar un comentario