Apunte HTML
Cargado por
Melissa BetanzoApunte HTML
Cargado por
Melissa BetanzoDesarrollo del internet en HTML
¿Qué es HTML? Es el leguaje de Marcado de Hipertexto (hypertext marking language, HTML),
lenguaje de programación el HTML es el más básico.
En donde se interpretan las páginas hechas con HTML
-En los navegadores de internet
COMO FUNCIONA WORLD WIDE WEB
-WORDL WIDE WEB- (mundo red telaraña) esta basada en un modelo cliente-servidor, en donde
una computadora actúa como servidor, ofreciendo la información como hipertexto y otra como
cliente.
Es por esto que la información por más que borres a donde entraste no se borra del servidor,
historial sí pero siempre se quedara en el servidor.
DISEÑO DE PÁGINAS WEB
-La manera en que se presenta la información en las páginas Web es muy importante.
INFORMACIÓN
-Aunque hoy en día las páginas Web incluyen toda clase de elementos multimedia (sonidos, tablas,
formularios, video, etc.)
-Para lograr ambos objetivos
Sacar partido del hipertexto
Usa las capacidades (multimedia)
Solicita retroalimentación
TIEMPO DE BUSQUEDA
-Índices y más índices.
-Velocidad de trasparencia.
-Revisión periódica del texto.
FORMA
-Formato lógico antes que un formato físico.
-HTML siempre nuevo.
-Respetar contenidos.
-Clic manía. (a donde te llevan las páginas, vínculo, imagen, etc.)
-Reconocer el trabajo de otras personas.
DISEÑO DE UN SITIO WEB ESTAPA DEL DISEÑO
-Delimitación del tema.
-Recolección de la información. (Dar credibilidad de donde viene, quien la escribió/ donde
proviene)
-Clasificación de la información.
-Estructura de la información.
-Estructura.
-Metáfora.
-Diseño y estilo gráfico.
-Ensamblaje final.
-Realización de pruebas.
Introducción
-HTML (Hypertext Marking Language, HTML) es un lenguaje de programación que nos
permite estructurar documentos a través de una codificación capas de establecer características
de formato, incorporar elementos multimedia y determinar hipervínculos.
Por eso hay que tener cuidado al abrir un vínculo, ya que el HTML al ser lenguaje de programación
hace que todo sea posible.
ETIQUETAS
-Las etiquetas pueden ser abiertas o cerradas.
-Ejemplo.
<html> Abierta
</html> Cerrada
<p> Abierta
<boby> Abierta
</boby> Cerrada
-Es un simple texto (no imágenes, archivos, gráficos)
-No importan las tabulaciones ni saltos de línea. (no hay Enter, solo hay texto corrido)
-Hay tres caracteres importantes.
-<
->
- & (signo de Amper son, “y”)
<body>
Background Imagen de fondo
Bgcolor Color de fondo
Text Color de texto
Link Color de hipervínculo
Estructura básica
<html>
<head>
<Title>Ejemplo de Body</title>
</head>
<body>
</body>
</html>
Si le das clic derecho “otra aplicación y bloc de notas” el ícono va a cambiar a un bloc de notas lo
cambias clic derecho luego “elegir otra aplicación” luego “Edge” y el ícono ya va a estar como
internet. (esto pasa cuando lo guardas con HTML)
.jpg
.jpeg
.gif
.bmp
.png
. \ entrar a una carpeta
.. \ salir de una carpeta
Hipervínculos
-Es vínculo interno, también es posible crear un enlace a un punto dentro de una página, es decir,
marcar un punto preciso en la página donde el hipervínculo llevará al lector.
- <a href=” Ruta”>nombre</a>
TABLAS
<td> = Columna
</td>
<tr> = Fila
</tr>
Table= tabla
<table border=”x”> = borde de la tabla, grosor
[Link]= poner un cuadro, imagen dentro de tu html
JavaScript
JavaScript es un lenguaje de programación para crear páginas o sitios web que puedes ser
utilizados por cualquier tipo de usuario (inicial, intermedio o experto)
JavaScript reconoce los siguientes tipos de valores:
Números: enteros y reales
Valores booleanos: true y false
Stings: textos
El valor: null
Los objetos: creados por el programador o predefinidos por el lenguaje.
Incluir JavaScript en documentos HTML
El código de JavaScript puede colocarse en cualquier lugar de un documento HTML; para hacerlo,
se debe indicar que se trata de un script por lo que el código deberá quedar enmarcado entre las
etiquetas <SCRIPT> y </SCRIPT>.
Cuando se utiliza JavaScript es necesario especificar denominadas variables donde se depositarán
los valores usados en la ejecución de un programa.
<INPUT TYPE="button" VALUE=” Gris” ONCLICK=” document. bgColor=”silver”> para poner un
botón.
Gestión de los sistemas técnicos
¿Qué es gestión técnica? (GT)
Proceso de administrar, desarrollo de la tecnología de todas sus etapas. Implica el manejo del
proceso de innovación a través de la Investigación y desarrollo, incluye introducción de uso de
tecnología, procesos industriales, utilizar el conocimiento en la solución de los diferentes
problemas de la sociedad.
ARTESANO ARQUITECTO JEFE DE PLANTA
En los procesos Un sistema técnico, En el sistema
artesanales, son los como el de la técnico de una
mismos artesanos cinstrucción de una fábrica, es el jefe
quienes gestioan casa, es gestioando de la planta quien
sus sistemas por un arquitecto o realisa la gestión.
técnicos. un ingeniero.
ACCIONES A MATERIALES Y ORGANIZA EJECUTA
REALIZAR HERRAMIENTAS CIÓN DE LAS
A UTILIZAR LOS ACCIONE
RECURSOS Y
CONTRO
AR LOS
RESULTA
OS
1. ENLIST 2. ENLISTA 3
A QUÉ QUÉ
ACCIONES HERRAMIEN
DEBE TAS,
REALIZAR MATERIALE
EL EQUIPO S,
PARA INFROMACI
ELBAORAR ÓN, ETC.
LA Requerirá
PRESENTA cada acción
CIÓN
MULTIMEDI
A
Gestión
Determinar los Ejecutar las
Establecer la
Definir las acciones materiales y las acciones y
organización de los
a realizar. herramientas a controlar los
recursos.
utilizar. resultados.