tarrea 2 de aplicaciones web - Lesly del Carmen Gonzalez G

•

Outros

0

Desafío México Veintitrés

16/5/2023

¡Estudia con miles de materiales!

Entonces, ¿te gustó este material?

Ayude a animar a otros estudiantes a mejorar el contenido

¿Te gustó este material? ¡Compartir! 🧡

Otros

101.985 Materiales compartidos

Descarga la aplicación para disfrutar aún más

Lea materiales sin conexión, sin usar Internet. Además de muchas otras características!

Vista previa del material en texto

APLICACIÓ NES WEB 
 UNIVERSIDAD TECNOLÓ GICA DE CANCÚ N 
 
 
 
 
 
 
 
 
 
Lesly del Carmen Gonzalez Gonzalez 
Franklin Giovanni Aranda Rodrí guez 
SM34 
2239321 
 INTRODUCCIÓN 
 
 
Si a usted le interés la programación o informarse sobre 
este tipo de tema está en el lugar correcto, se hablarán de 
4 diferentes temas y se explicara sus conceptos. 
Hablaremos de que es un entorno de programación, que 
es un ide, sobre los tipos de etiquetas de HTML y también 
hablaremos de cómo se programa en CSS. 
 El entorno de programación se mencionará las 
herramientas que los componen, este aumenta la 
productividad de los desarrolladores ya que esta como 
anteriormente se menciono cuanta con varias 
herramientas y esto hace que sea más fácil para ellos. 
También otro tema las etiquetas de HTML, este es un gran 
tema porque es la que determina como se vera un sitio, 
ya que ha esta le damos las instrucciones de como 
queremos que se visualicé. 
 
 
 
 
 
 
 
Entorno de programación 
El entorno de programación es un programa donde se 
abarcan diferentes herramientas para crear una 
aplicación o paginas web, estas herramientas o pasos 
son muy importas para la elaboración, a continuación, 
mencionare cada uno. [1] 
Editor 
En el editor es donde indicamos las instrucciones de lo 
que nosotros queremos crear y nos permite guardar 
nuestro programa. 
Procesadores del lenguaje 
El procesador del lenguaje es muy importante ya que 
sin ella no pudiéramos crear nada, esta hace que el 
ordenador pueda entender las instrucciones que le 
damos al editor. 
Enlazadores 
El enlazador lo que hace es tomar lo que hemos hecho 
en el procesador de lenguaje, agarra lo mas necesario 
y quita lo que no es necesario, lo que hace es unir en 
un fichero sus resultados y hacer un enlace con la 
biblioteca del software 
Depuradores 
El depurador es el que nos indica los errores que 
existe. 
 
 
¿Qué es IDE? 
Es utilizada por los desarrolladores para desarrollar 
códigos de una manera mas fácil, esta cuenta con 
Editor de texto, Automatización de las compilaciones 
locales y depurador. Un punto es que esta ayuda al 
desarrollador a que se ahorre mucho tiempo. [2] 
 
CSS 
hojas de estilo en cascada (Cascading Style Sheets) 
ese es su significado, CSS lo que hace es crear como 
la estructura de como quiero que este mi información o 
colores dentro de mi sitio. [3] [4] 
La estructura se le llama regla preestablecida o regla, a 
continuación, la explicación de algunos datos que 
contiene: 
SELECTOR: esta se encarga de seleccionar elementos 
y darles un estilo diferente <p> 
DECLARACIÓN: con esta dices a cuál elemento le 
quieres dar estilo por ejemplo color: red 
PROPIEDADES: esta puedes dar estilo a un elemento 
HTML, en css, tu eliges a cuál quieres agregar diferente 
estilo 
Cada regla debe estar en {}, en el momento de declarar 
debe tener los dos puntos (:) y deben tener punto y 
coma (;) para pasar a la siguiente línea [5] 
 
ETIQUETAS HTML 
HTML es markup language, esta se encarga de dar 
instrucciones a la pagina web y lo que hace es mostrar 
el texto de la manera en que uno quiera mostrarlo. 
<u> esta es para el subrayado 
<body> indica donde inicia el contenido 
<head> para información sobre el documento 
<div> esta agrupa y ayuda en la estructura del 
documento 
<a> esta nos ayuda a crear enlaces 
<strong> esta se encarga de resaltar la parte que le 
indiques 
<br> para saltos de línea 
<H1>…<H6> esta es para los títulos y estructurar 
<img> para añadir imágenes y necesita src para 
funcionar 
<ol> para las listas ordenadas 
<ul> para las listas desordenadas 
<li> para los elementos 
<p> para parágrafos y ayuda a que el contenido sea 
más fácil de leer 
<span> para personalizar estilos de una parte del texto 
 
Referencias 
 
[1
] 
[En línea]. Available: 
http://descargas.pntic.mec.es/mentor/visitas/nav_Inici_Progr/lenguajes/len20.html. 
[2
] 
[En línea]. Available: https://aws.amazon.com/es/what-is/ide/. 
[3
] 
[En línea]. Available: https://blog.hubspot.es/website/que-es-
css#:~:text=CSS%20permite%20crear%20estilos%20que,tipograf%C3%ADas%2C%20colores%2
0y%20recursos%20visuales.. 
[4
] 
[En línea]. Available: https://www.redhat.com/es/topics/middleware/what-is-ide. 
[5
] 
[En línea]. Available: 
https://developer.mozilla.org/es/docs/Learn/Getting_started_with_the_web/CSS_basics.