revista-kevin-ilovepdf-compressed

INSTITUTO TECNOLOGICO SUPERIOR
“DANIEL ALVAREZ BURNEO”
Tema:
Investigación bibliográfica
sobre sitos web.
Objetivo:
Determina los elementos básicos
que se debe tomar en cuenta para
la creación de sitios web mediante
la resolución de ejercicios.
DREAMWEAVER-HTML5

DREAMWEAVER-HTML5
ESTRUCTURA BASICA DEL HTML
Es la versión 5 del lenguaje de marcado
HTML. Un documento escrito en HTML
ene una estructura básica como la siguiente:
1.
2.
3.
4.
5. Hola Mundo!
6.
7.
8. Hola Mundo!
9.
10.
Extructura de Html

EXTRUCTURA SEMANTICA
Movos por los que aplicar semánca al
contenido del HTML
Usar estas equetas semáncas;
es una recomendación por varios factores
fundamentales.
o Accesibilidad.
Cualquier persona que no ene capacidad de
visualizar el contenido maquetado de un sio
es capaz, en función de las equetas, de
entender qué po de información conenen
y por tanto comprender su importancia y el
contexto en el que su contenido toma valor.
o Posicionamiento.
Los motores de búsqueda son capaces de
asimilar mejor de lo que estamos hablando
y saber qué partes del contenido de una web
son las que realmente enen más valor. Por
tanto, son capaces de saber con mayor
exactud de lo que se está hablando y qué
textos son más interesantes para extraer
palabras clave sobre las cuales se está tratando.
DREAMWEAVER-HTML5

DREAMWEAVER-HTML5
ESTRUCTURA DE CSS Y JAVA SCRIP
La aplicación incluirá archivos po
HTML, CSS, imágenes y Javascript.
Algunos de estos archivos serán
específicos de nuestra aplicación y
otros serán más generales y también
úles para otras aplicaciones. Esta
disnción es muy importante. Para
agrupar de forma efecva nuestros
archivos es indispensable empezar
por separar los que son para
propósitos generales de los que son
específicos para la aplicación.
Hoja de Eslos Css
Nuestros códigos CSS y Javascript deben
ser tan genéricos como sea posible, pero
podemos localizar fácilmente las
excepciones si los guardamos en disntos
archivos.
Hoja de Java Scrip

SITIO WEB
Sio es un lugar que sirve para algo o un
espacio ocupado (o que puede llegar a serlo).
Es un espacio virtual en Internet. Se trata de
un conjunto de páginas web que son
accesibles desde un mismo dominio o
subdominio de la World Wide Web(WWW).
Es importante establecer que en Internet
encontramos una gran variedad de pos de
sios web que suelen diferenciarse
fundamentalmente por la clase de contenido
que ofrecen o por el servicio que brindan a
cualquiera de las personas que se encuentran
navegando por la Red.
DREAMWEAVER-HTML5

DREAMWEAVER-HTML5
CLASIFICACION DE LOS SITIOS WEB
Existen muchas maneras de clasificar un
sio web, cada uno de ellos poseen
caracteríscas parculares, convirendo
a la internet en una gran autopista con
lugares que se adapten a las necesidades
del visitante. Un sio Web puede clasificarse
por audiencia, dinamismo, apertura,
profundidad o por objevos.
Sio por Audiencia:
• Públicos: Es un WebSite
normal, una página dirigida al público
general, sin restricciones de
acceso en principio.
• Extranet: Son Sios limitados
por el po de usuarios que pueden
acceder, por ejemplo los proveedores
de una empresa determinada,
o los clientes.
• Intranet: Son sios cuyo acceso
está restringido a una empresa u
organización, normalmente funcionan
dentro de redes privadas,
aunque no siempre es así.

SITIO POR DINAMISMO
• Interacvos:
El usuario puede influir sobre el
contenido del sio que variará
en función de cada usuario y de los
objevos de éste. Normalmente, las
páginas se generan cuando el usuario
las solicita, personalizando la
información que se le ofrece.
• Estácos:
Los usuarios no pueden modificar o
añadir nada al sio, de cuyos
contenidos se encargan
exclusivamente sus diseñadores.
DREAMWEAVER-HTML5

DREAMWEAVER-HTML5
SITIO POR APERTURA
• Estructura Abierta:
Todos los documentos disponen de
su dirección y los usuarios pueden
acceder a cualquier punto del WebSite.
• Estructura Cerrada:
Limita el acceso a unos pocos puntos de
entrada (incluso a uno sólo). Un ejemplo
sería un sio que requiere un registro previo
para entrar, el usuario siempre tendría que
pasar primero por el registro antes de poder
acceder al resto de la página.
• Estructura Semicerrada:
A medio camino entre ambas, obliga a los
usuarios a acceder por unos puntos específicos,
cómo por ejemplo sólo la página principal y
las páginas de entrada a las secciones más
importantes.

SITIO POR OBJETIVO
• Comerciales:
Están creados para promocionar los
negocios de una empresa. Su finalidad
es económica. Su audiencia puede
estar formada por clientes (actuales
y potenciales)
• Buscadores:
Un sio que proporciona información
general y está pensado como entrada
o búsqueda para otros sios. Ejemplos
Google, y Yahoo!
• Comunidad Virtual:
Un sio dondelas personas con intereses
similares se comunican con otros,
normalmente por chat o foros.
Por ejemplo: MySpace. Sio weblog
(o blog): sio usado para registrar
lecturas online o para exponer diarios
online; puede incluir foros de discusión.
Ejemplos: blogger, Xanga.
DREAMWEAVER-HTML5

DREAMWEAVER-HTML5
SITIO POR OBJETIVO
• Comercio Electrónico:
Para compra y venta de bienes,
como Ebay.com.
• Wiki:
Un sio donde los usuarios editan
colaboravamente (por ejemplo: Wikipedia).
• Educavo:
Promueven cursos presénciales y a
distancia, información a profesores y
estudiantes, permiten ver o descargar
contenidos de asignaturas o temas.
• Portal Web:
Un sio web que proporciona un punto
de inicio, entrada o portal a otros
recursos en Internet o una intranet.

DREAMWEAVER-HTML5
Webgraa
hps://www.aulaclic.es/dreamweaver-cc/
caracas.locanto.com.ve
hps://www.aulaclic.es/index.htm
diseño Gráfico, como ser un diseñador.com
Blog.Megacursos.com