Ing.

Yuliana Quiroz Vlez

Conoces sus inicios de la Web.
Conceptos Bsicos
- Qu es una tecnologa Web?
- Cmo funciona la Web?
- Qu es una pgina Web?
- Qu es un sitio Web?
- Qu es un portal Web?
- Qu es un html?
- Qu es un Url?
Herramienta de adobe
Videos tutoriales

Ing. Yuliana Quiroz Vlez
Ing. Yuliana Quiroz Vlez
World Wide Web (WWW)

TIM BERNERS - LEE
Es el conocimiento del posicionamiento y lenguaje de
generacin de aplicaciones web, es lo que se conoce como
tecnologa web segn la definicin dada en este sitio. Se
plantea una serie de inquietudes para lo cual puede acudir a la
respuesta y tener conocimiento de la misma.
Ing. Yuliana Quiroz Vlez
Ing. Yuliana Quiroz Vlez
Es un documento completo editado para WWW. Son archivos en lenguaje
HTML, consta de una serie de ordenes o directivas que indican al
navegador la forma de representar los elementos tales como: texto,
grficos, imgenes, animacin, sonido, video y otros. Es la parte mas
pequea de la Web, pues esta conformada solo por una hoja.
Ing. Yuliana Quiroz Vlez
Es un conjunto de paginas Web relacionadas entre si. Es un
documento que contiene informacin especifica de un tema en
particular y que esta almacenado en un sistema de computo
conectado a Internet, tiene nombre de dominio y direccin en
Internet.

Ing. Yuliana Quiroz Vlez
Es un conjunto de sitios Web. Es la puerta principal de entrada para
localizar informacin y otros sitios Web que se relacionan entre si.

Hiper Text Markup Language (lenguaje de marcas de hipertexto),
convencin de cdigos utilizados para definir un documento de
hipertexto, se usa normalmente para definir pantalla en la WWW en
Internet.
Localizador Universal de Recursos, es la direccin Web.
Estructura de una direccin Web:

**** http://www.iuteb.edu.ve ****
Ing. Yuliana Quiroz Vlez
1. Material bsico.
Un editor de texto cualquiera (ej. el bloc de notas)
Un navegador cualquiera

2. Material avanzado
Un editor de texto profesional Notepad++ XML Spy
Un editor de grficos / retoque fotofrfico Photoshop GIMP
Editores especficos de pginas WEB
Microsoft FrontPage
Macromedia DreamWeaver
NVU (gratuito y de cdigo libre, basado en el ncleo Firefox)

Pluginsde Firefox3.X pensados para el desarrollo web
Un servidor WEB como Apache
Varios navegadores y en varias versiones (para hacer pruebas)





Ing. Yuliana Quiroz Vlez




Ing. Yuliana Quiroz Vlez
Es el programa ms utilizado en el sector del diseo y la programacin
web, por sus funcionalidades, su integracin con otras herramientas
como:

Adobe Flash
Adobe Fireworks

Cumple perfectamente el objetivo de disear pginas con aspecto
profesional, y soporta gran cantidad de tecnologas, adems muy fciles
de usar:

Hojas de estilo y capas
Java script para crear efectos e interactividades
Insercin de archivos multimedia...





Es un programa que facilita la utilizacin de tecnologa
en la Web, permitiendo la creacin de animaciones
vectoriales.
Extensin: .fla // .swf
El programa tiene la capacidad de integrarse
con otros productos de Adobe tales como el
DreamWeaver o el Flash.

Extensin: .png // .gif . jpeg

Ing. Yuliana Quiroz Vlez
Ing. Yuliana Quiroz Vlez
Ing. Yuliana Quiroz Vlez
Ing. Yuliana Quiroz Vlez
Ing. Yuliana Quiroz Vlez
No utilizar espacios en blanco o acentos en los nombres de ficheros
Hay que tener cuidado con las maysculas y minsculas: los
servidores no son siempre Windows!!!
Asegurarse que nombre tiene que tener el documento por defecto
(normalmente index.html, o index.htm)
Utilizar siempre la misma extensin para los archivos del proyecto
(.htm, .html, .xhtml) pero no mezclarlas
Advertencia: La extensin no indica el tipo de contenido