Plataformas de
Desarrollo 2
Tema: 1 Visual Studio .NET
Mg. Luis Fernando Aguas Bucheli
+593 984015184
@Aguaszoft
Laguas@uisrael.edu.ec
No me diga que el cielo es el límite cuando hay
huellas en la luna.
Paul Brandt.
Objetivo
1. Adquirir los conceptos
básicos relacionados con
la programación web
2. Reconocer las
características de la
programación web
● 1.1 Programación Web
Contenido
Objetivos de Desarrollo Sostenible
4.7 De aquí a 2030, asegurar que todos los alumnos adquieran
los conocimientos teóricos y prácticos necesarios para
promover el desarrollo sostenible, entre otras cosas mediante la
educación para el desarrollo sostenible y los estilos de vida
sostenibles, los derechos humanos, la igualdad de género, la
promoción de una cultura de paz y no violencia, la ciudadanía
mundial y la valoración de la diversidad cultural y la
contribución de la cultura al desarrollo sostenible
1.1 Programación Web
HyperText Markup Language - Lenguaje de marcado de hipertexto
HTML es un lenguaje de marcado predominante para la
elaboración de páginas web que se utiliza para describir y traducir
la estructura y la información en forma de texto, así como para
complementarel texto con objetos tales como imágenes.
El HTML se escribe en forma de etiquetas o TAGs, contenidas
dentro de corchetes angulares (< y >).
html
head
title Ejemplo /title
/head
body
p Ejemplo /p
/body
/html
Los caracteres especiales se deben convertir en
HTML para mostrarse correctamente en un
navegador.
Carácter Código HTML
á &aacute;
é &eacute;
í &iacute;
ó &oacute;
ú &uacute;
ü &uuml;
ñ &ntilde;
¡ &iexcl;
Carácter Código HTML
Á &Aacute;
É &Eacute;
Í &Iacute;
Ó &Oacute;
Ú &Uacute;
Ü &Uuml;
Ñ &Ntilde;
¿ &iquest;
Los atributos se incluyen dentro de la etiqueta de
apertura para añadir información adicional sobre el
elemento.
Se expresan de la forma: atributo=”valor”
<etiqueta atributo=”valor”>contenido</etiqueta>
Un elemento HTML está compuesto por una etiqueta de apertura,
los atributos,el contenido y la etiqueta de cierre. Estos elementos
se aplican al contenido del documento para cambiar la forma en
que el navegadorinterpretará esa información en la pantalla.
El lenguaje HTML original es muy permisivo con su sintaxis y
aunque esto pueda parecer algo bueno (flexible) no lo es, pues
trae como resultado páginas desordenadas,difíciles de modificar
y poco profesionales.
Reglas:
1. Las etiquetas se cierran en el mismo orden en quese abren:
<html><body>Texto</html></body>
<html><body>Texto</body></html>
2. Los nombres de las etiquetas y sus atributosse escriben
preferentemente en minúsculas:
<HTML><BODY>Texto</BODY></HTML>
<html><body>Texto</body></html>
3. Los atributosvan entre comillas:
<p align=left>Texto<p>
<p align=“left”>Texto<p>
4. Los valoresde los atributos no se contraen o comprimen:
<p left>Texto<p>
<p align=“left”>Texto<p>
5. Toda etiqueta debe deser cerrarse:
<html><body>Texto</body>
<html><body>Texto</body></html>
Existen etiquetas vacías que son la excepción a esta regla, tales
como "regla horizontal" y "salto de línea":
<hr> <br>
Reglas:
HTML Browser
Esto es unpárrafo.
<p>Esto es un
p&aacute;rrafo.</p>
HTML Browser
Título 1
Título 2
Título 3
Título 4
Título 5
Título 6
<h1>T&iacute;tulo 1</h1>
<h2>T&iacute;tulo 1</h2>
<h3>T&iacute;tulo 1</h3>
<h4>T&iacute;tulo 1</h4>
<h5>T&iacute;tulo 1</h5>
<h6>T&iacute;tulo 1</h6>
HTML Browser
Texto normal, texto con
cursiva.
<p>Texto normal, <em>texto con
cursiva.</em></p>
HTML Browser
Texto normal, texto en
negritas.
<p>Texto normal, <strong>texto
en negritas</strong></p>
HTML Browser
Texto normal, texto
subrayado.
<p>Texto normal, <ins>texto
subrayado</ins></p>
HTML Browser
Texto normal, texto
tachado.
<p>Texto normal, <del>texto
tachado</del></p>
HTML Browser
Texto
Texto en otra línea
Texto<br>Texto en otra
l&iacute;nea
HTML Browser
Texto normal
Textocitado
<p>Texto normal</p>
<blockquote>Texto
citado</blockquote>
HTML Browser
HTML
<abbr title=“HiperText Markup
Languaje”>HTML</abbr>
HTML Browser
Este texto contiene
espacios en blanco que
deben serrespetados.
<pre>Este texto contiene
espacios en blancoque
deben ser respetados.</pre>
HTML Browser
if i=0 then j=1
<code>if i=0 then j=1</code>
Gracias
Responsabilidad con pensamiento positivo

S1-PD2-Programación Web

  • 1.
    Plataformas de Desarrollo 2 Tema:1 Visual Studio .NET Mg. Luis Fernando Aguas Bucheli +593 984015184 @Aguaszoft Laguas@uisrael.edu.ec
  • 2.
    No me digaque el cielo es el límite cuando hay huellas en la luna. Paul Brandt.
  • 3.
    Objetivo 1. Adquirir losconceptos básicos relacionados con la programación web 2. Reconocer las características de la programación web ● 1.1 Programación Web Contenido
  • 4.
    Objetivos de DesarrolloSostenible 4.7 De aquí a 2030, asegurar que todos los alumnos adquieran los conocimientos teóricos y prácticos necesarios para promover el desarrollo sostenible, entre otras cosas mediante la educación para el desarrollo sostenible y los estilos de vida sostenibles, los derechos humanos, la igualdad de género, la promoción de una cultura de paz y no violencia, la ciudadanía mundial y la valoración de la diversidad cultural y la contribución de la cultura al desarrollo sostenible
  • 5.
  • 6.
    HyperText Markup Language- Lenguaje de marcado de hipertexto HTML es un lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementarel texto con objetos tales como imágenes.
  • 7.
    El HTML seescribe en forma de etiquetas o TAGs, contenidas dentro de corchetes angulares (< y >). html head title Ejemplo /title /head body p Ejemplo /p /body /html
  • 8.
    Los caracteres especialesse deben convertir en HTML para mostrarse correctamente en un navegador. Carácter Código HTML á &aacute; é &eacute; í &iacute; ó &oacute; ú &uacute; ü &uuml; ñ &ntilde; ¡ &iexcl; Carácter Código HTML Á &Aacute; É &Eacute; Í &Iacute; Ó &Oacute; Ú &Uacute; Ü &Uuml; Ñ &Ntilde; ¿ &iquest;
  • 9.
    Los atributos seincluyen dentro de la etiqueta de apertura para añadir información adicional sobre el elemento. Se expresan de la forma: atributo=”valor” <etiqueta atributo=”valor”>contenido</etiqueta> Un elemento HTML está compuesto por una etiqueta de apertura, los atributos,el contenido y la etiqueta de cierre. Estos elementos se aplican al contenido del documento para cambiar la forma en que el navegadorinterpretará esa información en la pantalla.
  • 10.
    El lenguaje HTMLoriginal es muy permisivo con su sintaxis y aunque esto pueda parecer algo bueno (flexible) no lo es, pues trae como resultado páginas desordenadas,difíciles de modificar y poco profesionales.
  • 11.
    Reglas: 1. Las etiquetasse cierran en el mismo orden en quese abren: <html><body>Texto</html></body> <html><body>Texto</body></html> 2. Los nombres de las etiquetas y sus atributosse escriben preferentemente en minúsculas: <HTML><BODY>Texto</BODY></HTML> <html><body>Texto</body></html> 3. Los atributosvan entre comillas: <p align=left>Texto<p> <p align=“left”>Texto<p>
  • 12.
    4. Los valoresdelos atributos no se contraen o comprimen: <p left>Texto<p> <p align=“left”>Texto<p> 5. Toda etiqueta debe deser cerrarse: <html><body>Texto</body> <html><body>Texto</body></html> Existen etiquetas vacías que son la excepción a esta regla, tales como "regla horizontal" y "salto de línea": <hr> <br> Reglas:
  • 13.
    HTML Browser Esto esunpárrafo. <p>Esto es un p&aacute;rrafo.</p>
  • 14.
    HTML Browser Título 1 Título2 Título 3 Título 4 Título 5 Título 6 <h1>T&iacute;tulo 1</h1> <h2>T&iacute;tulo 1</h2> <h3>T&iacute;tulo 1</h3> <h4>T&iacute;tulo 1</h4> <h5>T&iacute;tulo 1</h5> <h6>T&iacute;tulo 1</h6>
  • 15.
    HTML Browser Texto normal,texto con cursiva. <p>Texto normal, <em>texto con cursiva.</em></p>
  • 16.
    HTML Browser Texto normal,texto en negritas. <p>Texto normal, <strong>texto en negritas</strong></p>
  • 17.
    HTML Browser Texto normal,texto subrayado. <p>Texto normal, <ins>texto subrayado</ins></p>
  • 18.
    HTML Browser Texto normal,texto tachado. <p>Texto normal, <del>texto tachado</del></p>
  • 19.
    HTML Browser Texto Texto enotra línea Texto<br>Texto en otra l&iacute;nea
  • 20.
    HTML Browser Texto normal Textocitado <p>Textonormal</p> <blockquote>Texto citado</blockquote>
  • 21.
    HTML Browser HTML <abbr title=“HiperTextMarkup Languaje”>HTML</abbr>
  • 22.
    HTML Browser Este textocontiene espacios en blanco que deben serrespetados. <pre>Este texto contiene espacios en blancoque deben ser respetados.</pre>
  • 23.
    HTML Browser if i=0then j=1 <code>if i=0 then j=1</code>
  • 24.