Vous êtes sur la page 1sur 19

INFORMATICA VI

REACION DE PAGINAS WEB E


HTML
PRESENTA:
ING. ALEJANDRA LUNA JAIMES
SISTEMAS COMPUTACIONALES

OBJETIV
OS

CONOCER LA
ESTRUCTURA DE UNA
PAGINA WEB.
DISEAR UNA PAGINA
WEB.
SUBIR A UNA
PLATAFORMA PARA LA
VISUALIZACION DE
CIERTA PAGINA EN
INTERNET.
USO DE LAS
TECNOLOGIAS.

CRITERIOS DE EVALUACION

ACTITUDINAL10
PRACTICAS20
ASISTENCIA10
PRUEBA OBJETIVA20
EJERCICIOS EN
LIBRETA10
PROYECTO30

CONTENIDO
SEMANA 1

1.1 Utilizar los elementos fundamentales del diseo de una


pgina web.
1.2 Manejar los elementos bsicos del lenguaje HTML en la
creacin de pginas web.
2.1 Conocer la terminologa bsica del software para disear
una pgina web.
2.2 Identificar el entorno del software para disear pginas
web.
2.3 Disear una pgina web con el software de aplicacin.

Pagina web
es una seccin de una estructura ms grande que ofrece al
navegante la posibilidad de informarse acerca de determinado
producto , servicio o la empresa.
Sitio web
En ingls website o web site, un sitio web es unsitio(localizacin) en
la World Wide Web que contiene documentos (pginas web)
organizados jerrquicamente.

CIENTIFICO QUE CREO HTML


Un cientfico llamado Tim Berners-Lee
invent HTML all por 1990.

07/25/16

DEFINICION DE DISEO
Dependiendo del tipo de web, el tema
seleccionado, definida la informacin y la
escalabilidad , estamos preparados para
plasmar en papel el diseo del sitio web,
incluyendo las pginas, los fondos, tipos
de letras, botones, formularios, links,
plantillas, aplicaciones.

07/25/16

07/25/16

CONCEPTOS BASICOS
HTML(Hyper Text Markup)
Por sus siglas en ingles es lenguaje de
marcado hipertextual.
Es un lenguaje que hace posible presentar
informacin (por ejemplo, investigaciones
cientficas) en Internet.
Lo que ves al visualizar una pgina en
Internet es la interpretacin.

07/25/16

CONCEPTOS BASICOS
Hiper (Hyper): Es lo contrario de lineal.
Texto (Text): Se refiere al texto de la pgina
web.
Marcado (Mark-up): Es lo que haces con el
texto. Se marca el texto del mismo modo
que en un programa de edicin de textos
con encabezados, vietas, negrita, etc.
Lenguaje (lenguaje): Es lo que es HTML.
Este lenguaje hace uso de muchos trminos
en ingls.
07/25/16

REGLAS BASICAS EN EL
DISEO DE UNA PAGINA
WEB
1. Tener algo interesante que decir en tu PGINA web.
2. Todo el mundo ya conoce las herramientas de
bsqueda. Haz
que tus enlaces sean pertinentes al tema que estas
tratando.
3. Recuerda que no en todos los buscadores aparecen
igual: No hagas que tu pgina dependa demasiado de
ciertos comandos HTML que pueden no aparecer en
todos los buscadores.
Algunos buscadores pueden no aceptar tus grficas, as
que proporciona textos alternativos.
07/25/16

NAVEGADORES
COMPATIBILIDAD

INTERNET EXPLORER
MOZILA FIREFOX
OPERA
CHROME
SAFARI

07/25/16

REGLAS BASICAS EN EL
DISEO DE UNA PAGINA
WEB

4. Mantn tu pgina con un mximo de


15K en imgenes o fraccinala si
sta es muy grande.
5. No usar grficas de otros autores si
no est autorizado: Hay muchas
fuentes de grficas gratis.

07/25/16

<HTML>
<HEAD>
<TITLE> MI PRIMERA PAGINA WEB</TITLE>
<BODY>
</BODY>
</HEAD>
</HTML>

<BODY BGCOLOR= RED>


<BODY BGCOLOR= #>
< BODY BGCOLOR=BLUE>
<BODY BGCOLOR="#0000FF">

HERRAMIENTAS DE FLASH
CS5

EXAMEN

Nombre del cientfico que invent el lenguaje HTML?


En qu ao fue creado el lenguaje HTML?
Cual es cdigo para hacer salto de lnea:
Muestra la estructura de una pagina web:
Qu entiendes por HTML?
Define cada una de las letras que conforman la palabra HTML:
Hiper:_________________________________________________________________
Texto:_________________________________________________________________
Marcado:______________________________________________________________
Lenguaje:______________________________________________________________

PARTE 2

REALIZAR UNA PAGINA WEB DE UN TEMA EN PARTICULAR . QUE


INCLUYA LOS SIGUIENTES ELEMENTOS:
INSERTAR IMGENES.
MARQUEE
NOMBRE Y APELLIDOS .
COLOR DE FONDO
INSERTAR SONIDO.