PROGRAMACIÓN WEB

CARRERA
INGENIERÍA EN SISTEMAS COMPUTACIONALES

“REPORTES DE PRACTICAS”

PROFESOR
LUNA GUZMÁN JOSÉ ANTONIO

ALUMNO
LOPEZ TOVAR EDER

GRUPO
3521
OBJETIVO GENERAL

Saber utilizar las etiquetas, funciones, etc. que ofrecen HTML, CSS y JS para
la implementación y desarrollo de páginas web

INTRODUCCIÓN

En el siguiente reporte se realizaron diferentes ejercicios de programación con

la ayuda de lenguajes como HTML, CSS y JavaScript. Dentro del documento
se explica la funcionalidad de cada etiqueta que se utilizo para el desarrollo de
cada uno de los programas, así como lo que realizan estos.
DESARROLLO

PROGRAMA 1
El programa es un simple mensaje emergente que con tenga la frase “Hola
mundo” y al dar “Aceptar” que aparezca un mensaje que diga “Programa 1 en
JavaSript”.

Alert - Emerge un mensaje en la pagina web con un texto personalizado

<p> - Etiqueta utilizada comúnmente para mostrar texto en párrafos

El resultado del programa fue el siguiente:

PROGRAMA 2
El programa consiste en poner diferentes párrafos con un texto personalizado.

<p> - Etiqueta utilizada comúnmente para mostrar texto en párrafos

El resultado del programa es el siguiente:

PROGRAMA 3
El programa consiste en preguntar al usuario su nombre y posteriormente
saludar al usuario con el nombre introducido.

Prompt – Emerge un cuadro en donde el usuario puede introducir texto que

será guardado en una variable determinada
Alert - Emerge un mensaje en la página web con un texto personalizado

El resultado del programa fue el siguiente:

PROGRAMA 4
El programa consiste en un mensaje emergente que diga “Dale click para
comenzar” y al dar aceptar debe aparecer una imagen en el fondo de la pagina
web con el siguiente mensaje “Este programa debe tener una imagen de fondo”

Alert - Emerge un mensaje en la página web con un texto personalizado

<p> - Etiqueta utilizada comúnmente para mostrar texto en párrafos
Background - Permite utilizar un color o una imagen como fondo de la página
web
El resultado del programa fue el siguiente:
PROGRAMA 5
El programa consiste en un selector de fondo dinámico, donde el usuario podrá
escoger el color del fondo de la página web, mediante un menú que contenga 4
colores para poder ser elegidos.
El resultado del programa es el siguiente:
PROGRAMA 6
El programa consiste en pedir al usuario una base y una altura para
posteriormente calcular el área de un rectángulo.

Prompt – Emerge un cuadro en donde el usuario puede introducir texto que

será guardado en una variable determinada
Alert - Emerge un mensaje en la página web con un texto personalizado
El resultado del programa es el siguiente:
PROGRAMA 7
El programa consiste en pedir al usuario una base y una altura para
posteriormente calcular el área de un triángulo.

Prompt – Emerge un cuadro en donde el usuario puede introducir texto que

será guardado en una variable determinada
Alert - Emerge un mensaje en la página web con un texto personalizado
El resultado del programa es el siguiente:
PROGRAMA 8
El programa consiste en pedir al usuario el radio de un circulo para
posteriormente calcular su área.

Prompt – Emerge un cuadro en donde el usuario puede introducir texto que

será guardado en una variable determinada
Alert - Emerge un mensaje en la página web con un texto personalizado
El resultado del programa es el siguiente:
CONCLUSIONES

Al realizar paginas web nos enfrentamos a diferentes obstáculos, para ello,

existen diferentes herramientas de desarrollo para facilitar esta tarea. Entre
estas herramientas existe HTML un lenguaje de marcado de hipertexto que nos
permite darle una estructura a una pagina web con la implementación de las
diferentes etiquetas que frece este lenguaje. Por otra parte, tenemos CSS esta
herramienta permite realizar hojas de estilo con la finalidad de hacer más
estético y vistoso el código HTML previamente realizado. Y por ultimo
JavaScript, este lenguaje es la verdadera programación, este nos permite
realizar funciones que hacen que HTML y CSS interactúen con el usuario, es la
parte funcional y dinámica de la pagina web donde el programador puede hacer
infinidad de cosas para darle interactividad a la pagina web.