Proyecto Avanzado

CETPRO COMPUTEC MILLENIUM CICLO MEDIO
INFORME DE
LAS PRACTICAS
PRE-
PROFESIONALES
“HERBALIFE S.A.C”
Mó dulo: DISEÑO DE PÁGINAS WEB

Ciclo: Medio
Participante: JOSE ORTIZ RODRIGUEZ
85
1. Datos Informativos
1.1. Nombre del proyecto: Página Web de “HERBALIFE”
1.2. Instituciones de apoyo:

 Cetpro Computec Millenium
1.3. Localización:
Cetpro Computec Millenium:
Jr. Tacna 261 – Chosica (Lima 15)
1.4. Fecha de Inicio: 04/08/2014
1.5. Fecha de Término: 05/12/2014
85
2. Fundamentación del Proyecto
2.1. Justificación:
El presente proyecto se justifica en la necesidad de crear una Página
Web, con diversa información de la empresa, trabajando con una base
de datos y la información con tablas, marcos, videos, hipervínculos, etc.
2.2. Descripción:
Se elaborará la Web utilizando el programa EasyPHP como emulador
del servidor Web y Dreamweaver para desarrollar las páginas de
mantenimiento.Todo el trabajo se presentará impreso y en CD para su
evaluación.
2.3. Mercado:
Los sitios Web dinámicos requieren de interfaces de manejo más fácil y
a medida para el mantenimiento de los datos correspondientes a los
productos o servicios en una plataforma de tienda virtual.
2.4. Costos:
Concepto Costo en S/.
Impresiones s/.35.00
Grabación del CD y USB s/.6.00
Anillado s/.4.00
Horas de internet s/.35.00
Costo Total S/. s/.77.00
2.5. Objetivo General:
85
Aplicar los conocimientos adquiridos en el módulo en su totalidad

elaborando un proyecto que incluye el uso de cada uno de las unidades
aprendidas.
2.6. Objetivos Específicos:

El proyecto se desarrolla sobre el entorno Windows aplicando y
demostrando los conocimientos adquiridos en la unidad didáctica
correspondiente.
Las páginas web se desarrollarán utilizando Dreamweaver demostrando

los conocimientos adquiridos en la unidad didáctica correspondiente, el
programa Easy php me permite administrar una base de datos y luego
enlazarlo con Dreamweaver
Se editarán animaciones en Flash demostrando las ventajas y

características del producto con el fin de evaluar los conocimientos y
capacidades del alumno adquiridas en la unidad didáctica
correspondiente.
El sitio se alojará en un servidor Web local implementado con MySQL,

PHP y Apache.
3. Estructura del Proyecto
85
3.1. Organización:
3.1.1. Organización de Recursos Humanos
El participante desarrollará el proyecto de forma individual en horas
de práctica que se le darán en la institución durante el período
establecido, una vez concluido deberá presentar la publicación y el
CD con la misma.
3.1.2. Organización y planificación de los materiales y

equipos necesarios.
El participante requiere de los siguientes equipos y materiales:
 Una computadora con Windows, acceso a Internet
 El programa EasyPHP
 El programa Dreamweaver
 El programa Flash
 Impresora y hojas para la impresión
 1 CD para almacenar definitivamente su trabajo
 1 Usb para almacenar temporalmente el avance
3.1.3. Organización de Recursos Económicos

3.1.3.1. Presupuesto del Proyecto (Costos)
Concepto Costo en S/.

Impresiones s/.35.00
Grabación del CD y USB s/.6.00
Anillado s/.4.00
Horas de internet s/.35.00
Costo Total S/. s/.77.00
4. Planificación: Actividad,
responsable, cronograma
85
ACTIVIDADES Semana Semana Semana Semana

1 2 3 4
Diagnóstico de mercado X
Elaboración de las Páginas Web X
Creación de los Efectos X
Creación de los enlaces X
Implementación de la Base de X
datos
Diseño de las páginas Web con X
base de datos
Desarrollo de las páginas de X
mantenimiento
Publicación del Sitio X X
Presentación del proyecto X
Evaluación e informe final X
5. Metas a lograr
Metas a lograr
85
El alumno deberá haber concluido el proyecto habiendo reforzado los

conocimientos, aprendizajes y habilidades aprendidas a lo largo del
módulo elaborando un proyecto aplicable a nuestra realidad local y
nacional el cuál puede utilizar como una fuente de autoempleo o dentro
de un empleo dependiente.
85
LISTA DE COTEJO DE LA
PRACTICA PRE – PROFESIONAL
DATOS PERSONALES
Nombre del José Ortiz Rodríguez

Estudiante
Módulo DISEÑO DE PÁGINAS WEB
Profesor César Francisco Cora Quispe
ACTIVIDAD DEFICIENT REGULAR BUENO
E
Elaboración de las Páginas Web
Creación de los Efectos
Creación de los enlaces
Implementación de la Base de datos
Diseño del sitio Web
Desarrollo de las páginas de Mantenimiento
Publicación del Sitio
Presentación y entrega del Proyecto
85
FICHA DE MONITOREO DE LA
PRACTICA PRE – PROFESIONAL
LUGAR DONDE DESARRROLLA LA PRÁCTICA PRE-PROFESIONAL
Empresa CETPRO “Computec Millenium”

Actividad Servicios Educativos Teléfono 361-0523
Dirección Jr. Tacna 261-2 do. Piso
ASPECTO PERSONAL
Siempre A Nunca
veces
Se presenta aliñado y en condiciones adecuadas
Es puntual
Es comunicativo
Es colaborador
Tiene iniciativa
Practica constantemente valores
ASPECTO TÉCNICO
Comprende las instrucciones del instructor

Consulta muchas veces con otras personas antes de realizar una tarea
Consulta esporádicamente con otras personas antes de realizar una tarea
Sigue con seguridad las instrucciones del tutor
Organiza su trabajo
Se ve desordenado en su trabajo
Ha ordenado su trabajo parcialmente
Mantiene orden y buena organización en su trabajo
Desarrollo de sus capacidades cognitivas

Demuestra dudas en lo que hace
Demuestra limitado conocimiento en sus tareas
Demuestra conocimientos en lo que hace
Desarrollo de sus capacidades motrices

No demuestra habilidades
Demuestra poco dominio de habilidades y destrezas
Es eficiente logrando resultados
Dosifica el tiempo
85
No maneja los tiempos

Maneja parcialmente los tiempos
Dosifica bien el tiempo
Resuelve imprevistos
Evade afrontar imprevistos
Intenta resolver las dificultades
Resuelve imprevistos con creatividad
Utiliza las máquinas, equipos, herramientas

Evidencia desconocimiento y falta de habilidad en el manejo de máquinas, equipos
y herramientas
Tiene dificultades para manipular algunos equipos
Manipula máquinas, equipos, y herramientas correctamente
Mantiene normas de seguridad y limpieza

Se evidencia descuido en la aplicación de normas de seguridad y limpieza
Practica las normas de seguridad e higiene parcialmente
Practica permanentemente las normas de seguridad
CAPACIDADES DESARROLLADAS EN EL MODULO:
 Crea y Diseña animaciones para la Web de acuerdo a

procedimientos y estándares de calidad.
 Diseña páginas Web básicas y dinámicas teniendo en cuenta la

seguridad y control de calidad.
APRECIACIÓN PERSONAL DEL JEFE INMEDIATO
FECHA DE DE: 04/08/14 A: 05/12/14 HORAS DE 74

PRACTICA PRACTICA
Fecha:
05/12/2014
85
PROYECTO PRODUCTIVO:
Página Web de la Universidad Unión
85
Datos informativos.
Nombre del CETPRO CETPRO: COMPUTEC Millenium
Módulo DISEÑO DE PÁGINAS WEB
Ciclo Medio
Componente Práctica pre-profesional
Director Lic. Luis Martín Quintana Jamanca
Proyecto Pagina Web de “Herbalife”
Turno NOCHE Horario. L-M-V
Participante
Nombre : José Ortiz Rodríguez

DNI:60957193
Firma:
Fecha 05/12/2014
Tabla de Contenido
Capítulo 1......................................................................................................................................13
UN SITIO WEB.........................................................................................................................17
PÁGINA WEB...........................................................................................................................22
DOMINIO WEB..........................................................................................................................26
WEB HOSTINGS.....................................................................................................................29
85
ADOBE FLASH PROFESIONAL.........................................................................................32
ADOBE DREAMWEAVER....................................................................................................35
MYSQL.........................................................................................................................................39
PHP...............................................................................................................................................44
SERVIDOR APACHE..............................................................................................................48
PHP Myadmin...........................................................................................................................51
EASYPHP....................................................................................................................................54
DESARROLLO DEL PROYECTO............................................................................................59
Pagina web usando marcos:............................................................................................63
PAGINA WEB USANDO VINCULOS........................................................................................67
PAGINA WEB CON VIDEO DE FLASH....................................................................................69
-PAGINA USANDO MAPA DE REFERENCIA.........................................................................72
-Pagina web con su tabla de referencia....................................................................................75
Conclusiones................................................................................................................................78
Introducción
Adobe Dreamweaver es una aplicación en programa de estudio (basada en la
forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y
edición de sitios, vídeos y aplicaciones Web basados en estándares. Creado
inicialmente por Macromedia (actualmente producido por Adobe Systems) es uno
de los programas más utilizados en el sector del diseño y la programación web
por sus funcionalidades, su integración con otras herramientas como Adobe
Flash y, recientemente, por su soporte de los estándares del World Wide Web
Consortium.
85
La gran ventaja de este editor sobre otros es su gran poder de ampliación y

personalización, puesto que en este programa sus rutinas (como la de insertar un
hipervínculo, una imagen o añadir un comportamiento) están hechas
en Javascript-C, lo que le ofrece una gran flexibilidad en estas materias. Esto
hace que los archivos del programa no sean instrucciones deC++ sino rutinas
de Javascript que hace que sea un programa muy fluido y todo ello permite que
programadores y editores web hagan extensiones para su programa y lo pongan
a su gusto.
Como editor WYSIWYG que es, Dreamweaver permite ocultar el código HTML de

cara al usuario, haciendo posible que alguien no entendido pueda crear páginas y
sitios web fácilmente sin necesidad de escribir código.
Algunos desarrolladores web criticaban esta propuesta ya que crean páginas

HTML más largas de lo que solían ser al incluir mucho código inútil, lo cual va en
detrimento de la ejecución de las páginas en el navegador web. Esto puede ser
especialmente cierto ya que la aplicación facilita en exceso el diseño de las
páginas mediante tablas. Además, algunos desarrolladores web han criticado
Dreamweaver en el pasado porque creaba código que no cumplía con los
estándares del consorcio Web (W3C).
No obstante, Adobe ha aumentado el soporte CSS y otras maneras de diseñar

páginas sin tablas en versiones posteriores de la aplicación, haciendo que se
reduzca el exceso de código.
Dreamweaver permite al usuario utilizar la mayoría de los navegadores Web

instalados en su ordenador para previsualizar las páginas web. También dispone
de herramientas de administración de sitios dirigidas a principiantes como, por
ejemplo, la habilidad de encontrar y reemplazar líneas de texto y código por
cualquier tipo de parámetro especificado, hasta el sitio web completo. El panel de
comportamientos también permite crear JavaScript básico sin conocimientos de
código.
También podría decirse que, para un diseño más rápido y a la vez fácil, podría
complementarse con Fireworks en donde se podría diseñar un menú u otras
creaciones de imágenes (gif web, gif websnap, gif adaptable, jpeg calidad
superior, jpeg archivo más pequeño, gif animado websnap) para un sitio web y
85
después exportar la imagen creada y así utilizarla como una sola en donde ya
llevará los vínculos para dicho sitio.
HTML es un lenguaje para el marcado de textos e hipertextos. Puede que esta
definición sea en principio algo confusa, pero veremos que no es así. Realmente
este tipo de lenguajes ha sido y sigue siendo de uso común en muchos entornos.
¿Alguna vez ha entregado un examen para su corrección por parte del profesor?,
pues bien, el examen una vez corregido y devuelto está lleno de "marcas" o
correcciones que le indican donde se ha equivocado y cuál debería ser la
respuesta correcta. Pues HTML no es algo muy distinto de esto.
HTML permite "marcar" un documento para que el navegador que lo visualice
sepa como tiene que mostrarlo. Para ello, hace uso de las "marcas" o "tags" que
formatearan el documento. Por ejemplo, para que el navegador mostrará un texto
en negrita, habría que indicarle al navegador que ese texto ha de formatearse en
negrita. Esto se conseguiría en HTML encerrando el texto en cuestión entre las
marcas correspondientes.
En el pasado la creación de páginas web resultaba una tarea solo accesible a

expertos, pero en la actualidad, gracias al desarrollo de las tecnologías y nuevas
aplicaciones es cada vez una realidad más para los usuarios básicos de la red de
redes.Hay que destacar, al menos, tres grandes hitos en el acercamiento del
diseño web a los usuarios menos avanzados: En primer lugar está el desarrollo de
programas informáticos específicos y fáciles de manejar (tan secillos como
cualquier procesador de textos convencional). La proliferación de fuentes de
documentación en la red es otro factor a tener muy en cuenta (y de la que no hay
que olvidar la revolución que supuso Google en la búsqueda rápida y eficaz de
contenidos). Y, por último, el desarrollo de lo que se ha dado en llamar el Web
2.0: el desarrollo de aplicaciones web que facilitan y popularizan la carga sencilla
de contenidos (desde textos hasta imágenes, pasando por vídeos, música, etc.)
La "Web", apócope de "World Wide Web" (que se abrevia con las siglas www), es
uno de los métodos que Internet ofrece para explorar documentos conectados a
través de hipervínculos.
El concepto de la Web se perfeccionó en el CERN (Centre Européen de
Recherche Nucléaire) en 1991 por un grupo de investigadores, entre ellos el
85
creador del sistema de hipervínculos, Tim Berners-Lee, a quien actualmente se

considera como el padre de la Web.
El principio de la Web se basa en el uso de hipervínculos para navegar entre

documentos (que se llaman "páginas Web") mediante un programa
llamadonavegador. Una página Web es un archivo de texto simple escrito en un
lenguaje de marcado llamado HTML que permite, a través de etiquetas, describir
el diseño del documento, sus elementos gráficos o los vínculos a otros
documentos.
Aparte de los vínculos que conectan documentos formateados, la Web usa
elprotocolo HTTP para establecer vínculos con documentos alojados en equipos
distantes (que se denominan servidores web, en contraposición
al clienterepresentado por el navegador). Los documentos en Internet se
identifican con una dirección única llamada URL que permite que un recurso se
localice independientemente del servidor de Internet donde se aloje.
¿Qué es un sitio Web?
Un sitio Web (también conocido como sitio de Internet o página de inicio si es un

sitio personal) es un grupo de archivos HTML almacenados en un equipo que está
siempre conectado a Internet (un servidor Web).
Por lo general, un sitio Web se construye alrededor de una página central, la
"página de bienvenida", que ofrece vínculos a un conjunto de páginas alojadas en
el mismo servidor y, a veces, a vínculos "externos" que llevan a páginas alojadas
en otro servidor.
UN SITIO WEB
Un sitio web Un sitio web es un gran espacio documental organizado que la

mayoría de las veces está típicamente dedicado a algún tema particular o
propósito específico. Cualquier sitio web puede contener hiperenlaces a cualquier
otro sitio web, de manera que la distinción entre sitios individuales, percibido por
el usuario, puede ser a veces borrosa.
No debemos confundir sitio web con página web; esta última es sólo un archivo
HTML, una unidad HTML, que forma parte de algún sitio web. Al ingresar una
85
dirección web, como por ejemplo www.wikipedia.org, siempre se está haciendo

referencia a un sitio web, el que tiene una página HTML inicial, que es
generalmente la primera que se visualiza. La búsqueda en Internet se realiza
asociando el DNS ingresado con la dirección IP del servidor que contiene el sitio
web en el cual está la página HTML buscada.
Los sitios web están escritos en código HTML (Hyper Text Markup Language), o

dinámicamente convertidos a éste, y se acceden aplicando
un software conveniente llamado navegador web, también conocido como un
cliente HTTP. Los sitios web pueden ser visualizados o accedidos desde un
amplio abanico de dispositivos con conexión a Internet,
comocomputadoras personales, portátiles, PDAs, y teléfonos móviles.
Un sitio web está alojado en una computadora conocida como servidor web,

también llamada servidor HTTP, y estos términos también pueden referirse
al software que se ejecuta en esta computadora y que recupera y entrega las
páginas de un sitio web en respuesta a peticiones del usuario. Apache es el
programa más comúnmente usado como servidor web (según las estadísticas de
Netcraft) y el Internet Information Services (IIS) de Microsoft también se usa con
mucha frecuencia. Un sitio web estático es uno que tiene contenido que no se
espera que cambie frecuentemente y se mantiene manualmente por alguna
85
persona o personas que usan algún tipo de programa editor. Hay dos amplias
categorías de programas editores usados para este propósito que son
 Editores de texto como Notepad, donde el HTML se manipula directamente

en el programa editor o
85
 Editores WYSIWYG como por ejemplo Microsoft FrontPage y Adobe

Dreamweaver, donde el sitio se edita usando una interfaz GUI y el HTML
subyacente se genera automáticamente con el programa editor.
Todos los sitios web públicamente accesibles constituyen una gigantesca World

Wide Web de información (un gigantesco entramado de recursos de alcance
mundial).
A las páginas de un sitio web se accede frecuentemente a través de un URL raíz

común llamado portada, que normalmente reside en el mismo servidor físico. Los
URL organizan las páginas en una jerarquía, aunque los hiperenlacesentre ellas
controlan más particularmente cómo el lector percibe la estructura general y cómo
el tráfico web fluye entre las diferentes partes de los sitios.
Algunos sitios web requieren una subscripción para acceder a algunos o todos

sus contenidos. Ejemplos de sitios con subscripción incluyen algunos sitios
de noticias, sitios de juegos, foros, servicios de correo electrónico basados en
web, sitios que proporcionan datos de bolsa de valores e información económica
en tiempo real, etc.
85
85
PÁGINA WEB
Una página web se define como un documento electrónico el cual contiene

información textual, visual y/o sonora que se encuentra alojado en un servidor y
puede ser accesible mediante el uso de navegadores. Una página web forma
parte de una colección de otras páginas webs dando lugar al denominado sitio
web el cual se encuentra identificado bajo el nombre de un dominio.
La creación y desarrollo de una página web se realiza bajo un lenguaje de

programación capaz de ser interpretados por los navegadores, lenguajes como el
HTML, PHP, ASP, JSP o RUBY son ejemplos entre otros. Al inicio de la era de
internet accesible, sobre los años 90, era necesario el conocimiento de algún
lenguaje de programación para el desarrollo de una web, siendo una tarea
encomendada a personas con altos conocimientos informáticos, hoy en día
contamos con software especializado capaz de trabajar como un editor de texto
,estilo Word, que transforman toda la información insertada en un lenguaje de
programación capaz de ser interpretado por los navegadores, de esta forma se
liberalizó y se globalizó la creación de páginas webs con apenas unos escasos
conocimientos informáticos, programas como Dreamweaver, Amaya, Sharepoint
Designer o Mozilla Composer son entre otros los denominados WYSIWYG
(acrónimo del inglés " lo que ves es lo que obtienes") capaces de crear complejas
páginas webs con el entorno de un simple editor de texto.
Una vez que hemos creado y desarrollado nuestras páginas webs es necesario
alojarlas en un servidor el cuál lo podemos definir como un ordenador conectado
constantemente a la intranet privada o a internet cuyo objetivo es poder disponer
de la página web a cualquier hora del día. Para poder acceder al servidor es
necesario el uso de programas denominados clientes FTP, los cuales conectan el
ordenador personal donde se ha desarrollado la página con el servidor donde se
alojará, Filezilla, FileFTP o Cute FTP son entre otros ejemplos de clientes FTP.
85
Clasificación y tipos de páginas Web
Podemos agrupar o clasificar todas las páginas webs en 2 grandes grupos:
 Webs estáticas.
 Webs dinámicas.
Las webs estáticas son aquellas cuya información no varía en un tiempo a medio
o a corto plazo, también se las reconoce puesto que no interactúan con el usuario
o navegante, su lenguaje de programación está basado en HTML y están
compuestas principalmente de textos e imágenes.
Las webs estáticas fueron el primer tipo de páginas que aparecieron durante el
desarrollo y expansión de Internet, su creación y desarrollo es relativamente fácil
al disponer de programas estilos editores de texto que nos permiten programarlas
sin tener conocimiento ninguno sobre HTML, esto es una de las grandes ventajas
que presentan este tipo de páginas. Por otro lado cada vez que se necesite
modificar alguna parte de la web es necesario conectarse al servidor donde está
alojado y subir los documentos modificados, cosa que conlleva tiempo y esfuerzo.
85
Las webs dinámicas son aquellas que son capaces de interactuar con el usuario o
navegante dado a que están conectadas con bases de datos que permiten el
desarrollo de aplicaciones webs, su principal ventaja es la personalización de la
web en función del usuario así como la rapidez de modificación de los contenidos.
Este tipo de webs están desarrolladas bajo lenguajes de programación como
PHP, ASP, JSP o RUBY, el manejo de dichos lenguajes requiere de ciertos
conocimientos informáticos.
Una página web, página electrónica o ciberpágina, es un documento o

información electrónica capaz de contener texto, sonido, vídeo, programas,
enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide
Web, y que puede ser accedida mediante un navegador. Esta información se
encuentra generalmente en formato HTML o XHTML, y puede proporcionar
navegación (acceso) a otras páginas web mediante enlaces de hipertexto. Las
páginas web frecuentemente también incluyen otros recursos como ser hojas de
estilo en cascada, guiones (scripts), imágenes digitales, entre otros.
Las páginas web pueden estar almacenadas en un equipo local o un servidor

webremoto. El servidor web puede restringir el acceso únicamente a redes
privadas, por ejemplo, en una intranet corporativa, o puede publicar las páginas
en la World Wide Web. El acceso a las páginas web es realizado mediante una
transferencia desde servidores, utilizando el protocolo de transferencia de
hipertexto (HTTP).
Una página web está compuesta principalmente por información (sólo texto y/o
módulos multimedia) así como por hiperenlaces; además puede contener o
asociar hoja de estilo, datos de estilo para especificar cómo debe visualizarse, y
también aplicaciones embebidas para así permitir interactividad.
Respecto a la estructura de las páginas web, algunos organismos, en especial

el World Wide Web Consortium (W3C), suelen establecer directivas con la
intención de normalizar el diseño, y para así facilitar y simplificar la visualización e
interpretación del contenido.
85
Una página web es en esencia una tarjeta de presentación digital, ya sea para
empresas, organizaciones, o personas, así como una tarjeta de presentación de
ideas y de informaciones y de teorías. Así mismo, la nueva tendencia orienta a
que las páginas web no sean sólo atractivas para los internautas, sino también
optimizadas (preparadas) para los buscadores a través del código fuente. Forzar
esta doble función puede, sin embargo, crear conflictos respecto de la calidad del
contenido.
85
UN DOMINIO WEB
Un dominio de Internet es una red de identificación asociada a un grupo de

dispositivos o equipos conectados a la redInternet.
El propósito principal de los nombres de dominio en Internet y del sistema de

nombres de dominio (DNS), es traducir lasdirecciones IP de cada nodo activo en
la red, a términos memorizables y fáciles de encontrar. Esta abstracción hace
posible que cualquier servicio (de red) pueda moverse de un lugar geográfico a
otro en la red Internet, aún cuando el cambio implique que tendrá una dirección IP
diferente.1
Sin la ayuda del sistema de nombres de dominio, los usuarios de Internet tendrían
que acceder a cada servicio web utilizando la dirección IP del nodo (por ejemplo,
sería necesario utilizar http://192.0.32.10 en vez de http://example.com). Además,
reduciría el número de webs posibles, ya que actualmente es habitual que una
misma dirección IP sea compartida por varios dominios.
Cuando se creó el Sistema de Nombres de Dominio en los años 1980, el espacio

de nombres se dividió en dos grupos. El primero incluye los dominios territoriales,
basados en los dos caracteres de identificación de cada territorio de acuerdo a las
abreviaciones del ISO-3166 (ej. *.do, *.mx), denominados ccTLD (country code
top level domain o «dominio de nivel superior geográfico»). El segundo grupo
incluye dominios de nivel superior genéricos (gTLD), que representan una serie
de nombres y multiorganizaciones. Inicialmente, estos dominios fueron: COM,
NET, ORG, EDU, GOB y MIL, a los que posteriormente se unieron otros.
Un dominio en términos generales es un nombre que puede ser alfanumérico que

generalmente se vincula a una dirección física que generalmente es una
computadora o dispositivo electrónico.
Generalmente se utilizan para representar las direcciones de las páginas

web’s. Puesto que Internet se basa en direcciones IP (Protocolo de Internet) que
85
en terminos simples se puede decir que son los números de conexión de cada
computadora que esta conectada a internet.
¿Cómo funciona un dominio?

Para explicar el funcionamiento expondré este ejemplo, la dirección IP de mi
página web es (189.169.125.147) pero este número de conexión es muy complejo
y largo, para darselo a mis clientes así que tengo la opción de solicitar el nombre
de mi empresa y este se vincula a la dirección IP de mi servidor web donde esta
almacenada mi página web, así que mis clientes solo escriben en su
navegador webgdl.com, el dominio los reenvía a mi IP y esta los conecta con
mi servidor web que responde enviándoles mi página web, todo estos brincos se
realizan en décimas de segundo así que pasa desapercibido.
Otro ejemplo: es como en su teléfono celular por lo general ya no escribimos los

numeros de nuestros amigos, solo selecionamos los nombres de la agenda
como: Juan y damos OK, y su teléfono ya sabe a que número marcar y en
segundo se conecta con Juan.
85
¿En qué partes se divide un dominio?

Un dominio se compone principalmente de dos partes: el nombre de la
organización (webgdl) y el tipo de organización (com). Los tipos de organización
más comunes son .COM, .NET y .ORG, que se refieren a comercial, network
y organizaciones.
Le recomendamos leer Antes de comprar un dominio
Un dominio de Internet es una red de identificación asociada a un grupo de

dispositivos o equipos conectados a la red Internet.
El propósito principal de los nombres de dominio en Internet y del sistema de

nombres de dominio (DNS), es traducir las direcciones IP de cada nodo activo en
la red, a términos memorizables y fáciles de encontrar. Esta abstracción hace
posible que cualquier servicio (de red) pueda moverse de un lugar geográfico a
otro en la red Internet, aun cuando el cambio implique que tendrá una dirección IP
diferente.
85
WEB HOSTINGS
Un “Hosting” o “Web Hosting” es la computadora donde se guarda toda la
información de tu página, correos, bases de datos y mucho más. Veamos cómo
trabaja una página de internet:
Cuando entras a una página en Internet (por ejemplo ésta), tu computadora se

conecta con otra computadora en internet para descargar la información que va a
mostrar, a ésta otra computadora se le llama Servidor, porque es la encargada de
brindar la información, y a tu computadora se le llama Cliente, porque es quien
recibe la información.
85
El servidor es el encargado de brindar el Web Hosting que es todo lo necesario

para que una página pueda ser accesada y utilizada desde internet, tiene varios
servicios, como son:
Espacio en la computadora para almacenar la página
Espacio para guardar los correos electrónicos
Recibir y enviar correos electrónicos
Guardar y administrar bases de datos
Guardar estadísticas sobre las visitas a la página de internet
Dependiendo del Hosting contratado, los servicios pueden variar. Ximhai ofrece
una amplia variedad de Hostings, con distintas tecnologías y capacidades, puedes
verlas aquí. Los Hostings normalmente se pagan anualmente, pero se pueden
hacer contrataciones bianuales o por 5 años.
Los dominios son los "nombres" de las páginas en internet, así de simple. Cuando

quieres entrar a una página, normalmente escribes el nombre, por ejemplo:
85
El nombre de dominio está compuesto por dos partes:
El nombre:
El nombre que llevará tu página
TLD:
La terminación. Que puede ser .com, .com.mx, .org, .mx, .tv y muchas otras
opciones (Ver más). Ésta terminación ayuda a indicar el giro de tu empresa y
ubicación: .com-> comercial; .com.mx -> comercial en México; .org-> asociación
civil u organización sin fines de lucro; .tv -> canal de televisión o televisora
El www no es parte del nombre de dominio.
Hay ciertas reglas para poder escoger un nombre de dominio:
Tiene que ser único. Si alguien ya registró un dominio no se puede repetir; sin
embargo,“minombre.com” es distinto a “minombre.com.mx” o a “minombre.mx”
Pueden tener los siguientes caracteres: Letras de la A a la Z (con la excepción de

la ñ) o Números del 1 al 0 o Guión medio "-"
Cualquier otro carácter como espacios en blanco, acentos, signos de puntuación,

paréntesis, guión bajo "_", etc., no pueden ser parte de un dominio
85
ADOBE FLASH PROFESIONAL
Adobe Flash Professional es el nombre o marca comercial

oficial que recibe uno de los programas más famosos de la
casa Adobe, junto con sus hermanos Adobe
Illustrator y Adobe Photoshop. Se trata de una aplicaciónde
creación y manipulación de gráficos vectoriales con
posibilidades de manejo de código mediante un lenguaje
de scripting llamado ActionScript. Flash es un estudio de
animación que trabaja sobre "fotogramas" y está destinado
a la producción y entrega de contenido interactivo para diferentes audiencias
de todo el mundo sin importar la plataforma. Es actualmente desarrollado y
comercializado por Adobe Systems Incorporated y forma parte de la
familia Adobe Creative Suite, su distribución viene en diferentes
presentaciones, que van desde su forma individual o como parte de un
paquete, siendo éstos: Adobe Creative Suite Design Premium, Adobe Creative
Suite Web Premium y Web Standard, Adobe Creative Suite Production Studio
Premium y Adobe Creative Suite Master Collection. Se usa sobre animaciones
publicitarias, reproducción de vídeos (como YouTube) y otros medios
interactivos que se presentan en la mayoría de sitios web del mundo, lo que le
ha dado fama a este programa, dándoles el nombre de "animaciones Flash" a
los contenidos creados con éste.
 Adobe Flash utiliza gráficos vectoriales y gráficos rasterizados, sonido,

código de programa, flujo de vídeo y audio bidireccional (el flujo de subida
sólo está disponible si se usa conjuntamente con Macromedia Flash
Communication Server). En sentido estricto, Flash es el entorno de
desarrollo y Flash Player es el reproductor utilizado para visualizar los
archivos generados con Flash. En otras palabras, Adobe Flash crea y edita
las animaciones o archivos multimedia y Adobe Flash Player las reproduce.
 Los archivos reproducibles de Adobe Flash, que tienen generalmente
la extensión de archivo SWF, pueden aparecer en una página web para ser
vistos en un navegador web, o pueden ser reproducidos
independientemente por un reproductor Flash. Los archivos de Flash
85
aparecen muy a menudo como animaciones en sitios web multimedia, y

más recientemente en Aplicaciones de Internet Ricas. Son también
ampliamente utilizados como anuncios en la web.
Diferencia entre Adobe Flash y la animación
Al igual que otros tipos de animación, Adobe Flash organiza las imágenes y
sonidos en capas y fotogramas para crearanimaciones 2D utilizadas en páginas
web y sitios web con contenido multimedia. Estas animaciones pueden ser
reproducidas por un reproductor Flash, embebido (o no) en el navegador. El
reproductor también puede realizar otras tareas con contenido multimedia, como
crear animaciones, editar imágenes, sonido, etc., jugar o programar juegos, etc.
Ambas formas de animación agrupan el contenido multimedia, especialmente las

imágenes, en fotogramas, como una película. La diferencia es que, mientras que
la animación tradicional supone la generación de todos y cada uno de los
fotogramas, en animaciones simples, Flash genera automáticamente los
fotogramas intermedios entre un origen y un final.
Por otra parte, Flash también trabaja con animación tradicional (interpolación
clásica), consistente en la secuencia de fotogramas independientes que al
reproducirla da la sensación de movimiento a dibujos o fotografías para crear una
animación más real. Se recomienda utilizar este formato en animaciones
complejas y difíciles.
85
¿Por qué usar Flash CS5?

Las posibilidades de Flash son extraordinarias, con cada nueva versión se han
mejorado y simplificado las herramientas, y cada vez es posible lograr mejores
efectos con menos trabajo.
Aunque su uso más frecuente es el de crear animaciones (a lo largo de este curso
veremos lo sencillo que puede resultar) sus usos son muchos más. Son tantos,
que todos los diseñadores web deberían saber utilizar Flash.
Durante mucho tiempo, Flash consiguió hacer posible lo que más se echa en falta
en Internet: Dinamismo, y con dinamismo no sólo nos referimos a las
animaciones, sino que Flash permite crear aplicaciones interactivas que permiten
al usuario ver la web como algo atractivo, no estático. Con Flash podremos crear
de modo fácil y rápido desde animaciones simples para lograr algunos efectos
visuales, hasta eplicaciones complejas, como juegos .
Además sus desarrolladores están apostando muy fuerte por ActionScript, el
lenguaje de programación Flash. A cada versión se mejora y ofrece un abanico de
posibilidades cada vez mayor, por lo que además de dinamismo, Flash nos ofrece
la posibilidad de ser la plataforma para aplicaciones web de un modo real.
Flash es fácil de aprender, tiene un entorno amigable que nos invita a sentarnos y
pasar horas y horas creando lo que nos dicte nuestra imaginación, pero esto no
es suficiente para ser el preferido por los diseñadores profesionales... ¿Entonces
qué es?
Mejoras del vídeo.

Los puntos de referencia nos permiten navegar por el vídeo o reaccionar a
eventos. Ahora, podemos añadirlos directamente desde el inspector
de Propiedades o mediante ActionScript, sin necesidad de recodificar el vídeo.
85
ADOBE DREAMWEAVER
Dreamweaver CS6 es un software fácil de usar que permite crear páginas

web profesionales Las funciones de edición visual de Dreamweaver CS6 permiten
agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de
programar manualmente el código HTML.
Se puede crear tablas, editar marcos, trabajar con capas, insertar

comportamientos JavaScript, etc.., de una forma muy sencilla y visual.
Además incluye un software de cliente FTP completo, permitiendo entre otras

cosas trabajar con mapas visuales de los sitios web, actualizando el sitio web en
el servidor sin salir del programa.
Para seguir este curso te puedes descargar la versión gratuita de Dreamweaver

desde la página de Adobe, la versión caduca al cabo de 30 días, pero seguro que
te dará tiempo a entenderlo y decidir si quieres adquirir la versión completa de
este fantástico programa.
85
Nota: Esta versión estará disponible hasta que Adobe lance la nueva versión del
programa.
Los logotipos de Dreamweaver son propiedad de Adobe, así como las marcas
registradas Dreamweaver y Adobe. aulaClic no tiene ninguna relación con Adobe.
Las páginas web están escritas en HTML. Si no conoces las características

básicas de HTML
Novedades de Dreamweaver CS6
En este punto comentaremos las características que aporta esta nueva versión
sobre la anterior.
85
Transiciones. Las transiciones permiten pasar propiedades CSS de un estado

inicial a otro estado final de forma continua. Con transiciones se pueden lograr
vistosos efectos de animaciones.
Fuentes Web. Existen sitios web con multitud de nuevas fuentes que pueden
dar un aire distinto a nuestros diseños de páginas web. En esta versión,
Dreamweaver permite incorporar los archivos de nuevas fuentes de forma
sencilla.
Intergración con PhoneGap mejorada. PhoneGap es un servicio para

generar aplicaciones para teléfonos móviles en las plataformas más utilizadas
(Android, Apple, ...) ahora se ha mejorado la compatibildad con PhoneGap desde
Dreamweaver .
Funciones exclusivas para Creative Cloud. Creative Cloud es la nueva forma

de adquirir productos Adobe, como Dreamweaver, mediante suscripción mensual
o anual, de esta forma se tiene acceso más rapido a las actualizaciones y se
puede disponer de los archivos de trabajo en cualquier ubicación con acceso a
internet.
Además hay funciones que sólo estan disponibles para los suscriptores de Cloud,

como la inserción de etiquetas HTML 5 desde el panel Insertar, la compatibilidad
con Edge Animate o la búsqueda dinámica en Mac.
85
85
MYSQL
MySQL es un sistema de gestión de bases de datos relacional, multihilo y

multiusuario con más de seis millones de instalaciones. MySQL AB —desde
enero de 2008 una subsidiaria de Sun Microsystems y ésta a su vez de Oracle
Corporation desde abril de 2009— desarrolla MySQL comosoftware libre en un
esquema de licenciamiento dual.
Por un lado se ofrece bajo la GNU GPL para cualquier uso compatible con esta
licencia, pero para aquellas empresas que quieran incorporarlo en
productos privativos deben comprar a la empresa una licencia específica que les
permita este uso. Está desarrollado en su mayor parte en ANSI C.
Al contrario de proyectos como Apache, donde el software es desarrollado por

una comunidad pública y los derechos de autor del código están en poder del
autor individual, MySQL es patrocinado por una empresa privada, que posee el
copyright de la mayor parte del código. Esto es lo que posibilita el esquema de
licenciamiento anteriormente mencionado. Además de la venta de licencias
privativas, la compañía ofrece soporte y servicios. Para sus operaciones contratan
trabajadores alrededor del mundo que colaboran vía Internet. MySQL AB fue
fundado por David Axmark, Allan Larsson y Michael Widenius.
MySQL es usado por muchos sitios web grandes y populares,

comoWikipedia, Google (aunque no para búsquedas), Facebook,
85
Aplicaciones
MySQL es muy utilizado en aplicaciones web, como Drupal o phpBB, en

plataformas (Linux/Windows-Apache-MySQL-PHP/Perl/Python), y por
herramientas de seguimiento de errores como Bugzilla. Su popularidad como
aplicación web está muy ligada a PHP, que a menudo aparece en combinación
con MySQL.
MySQL es una base de datos muy rápida en la lectura cuando utiliza el motor no

transaccional MyISAM, pero puede provocar problemas de integridad en entornos
de alta concurrencia en la modificación. En aplicaciones web hay baja
concurrencia en la modificación de datos y en cambio el entorno es intensivo en
lectura de datos, lo que hace a MySQL ideal para este tipo de aplicaciones. Sea
cual sea el entorno en el que va a utilizar MySQL, es importante monitorizar de
antemano el rendimiento para detectar y corregir errores tanto de SQL como de
programación.
85
Características
Inicialmente, MySQL carecía de elementos considerados esenciales en las bases

de datos relacionales, tales como integridad referencial y transacciones. A pesar
de ello, atrajo a los desarrolladores de páginas web con contenido dinámico,
justamente por su simplicidad.
Poco a poco los elementos de los que carecía MySQL están siendo incorporados
tanto por desarrollos internos, como por desarrolladores de software libre. Entre
las características disponibles en las últimas versiones se puede destacar:
 Amplio subconjunto del lenguaje SQL. Algunas extensiones son incluidas

igualmente.
 Disponibilidad en gran cantidad de plataformas y sistemas.
 Posibilidad de selección de mecanismos de almacenamiento que ofrecen
diferentes velocidades de operación, soporte físico, capacidad, distribución
geográfica, transacciones...
85
 Transacciones y claves foráneas.

 Conectividad segura.
 Replicación.
 Búsqueda e indexación de campos de texto.
MySQL es un sistema de administración de bases de datos. Una base de datos

es una colección estructurada de tablas que contienen datos. Esta puede ser
desde una simple lista de compras a una galería de pinturas o el vasto volumen
de información en una red corporativa. Para agregar, acceder a y procesar datos
guardados en un computador, usted necesita un administrador como MySQL
Server. Dado que los computadores son muy buenos manejando grandes
cantidades de información, los administradores de bases de datos juegan un
papel central en computación, como aplicaciones independientes o como parte de
otras aplicaciones.
85
¿Por qué usar MySQL?
El servidor de bases de datos MySQL es muy rápido, seguro, y fácil de usar. Si

eso es lo que se está buscando, se le debe dar una oportunidad a MySQL. Se
pueden encontrar comparaciones de desempeño con algunos otros manejadores
de bases de datos en la página de MySQL.
El servidor MySQL fue desarrollado originalmente para manejar grandes bases de

datos mucho más rápido que las soluciones existentes y ha estado siendo usado
exitosamente en ambientes de producción sumamente exigentes por varios años.
Aunque se encuentra en desarrollo constante, el servidor MySQL ofrece hoy un
conjunto rico y útil de funciones. Su conectividad, velocidad, y seguridad hacen de
MySQL un servidor bastante apropiado para accesar a bases de datos en
Internet.
Algunos detalles técnicos de MySQL

El software de bases de datos MySQL consiste de un sistema cliente/servidor que
se compone de un servidor SQL multihilo, varios programas clientes y bibliotecas,
herramientas administrativas, y una gran variedad de interfaces de programación
(APIs). Se puede obtener también como una biblioteca multihilo que se puede
enlazar dentro de otras aplicaciones para obtener un producto más pequeño, más
rápido, y más fácil de manejar. Para obtener información técnica más detallada,
es necesario consultar la guía de referencia de MySQL.
¿Cuál es la manera de pronunciar MySQL?

La manera oficial de pronunciar MySQL es "my ess que ell" (no "my sequel"), pero
no existe ningún incoveniente en pronunciarlo como "my sequel", ó de alguna otra
manera.
85
PHP
PHP es un lenguaje de programación de uso general de código del lado del

servidor originalmente diseñado para el desarrollo web de contenido dinámico.
Fue uno de los primeros lenguajes de programación del lado del servidor que se
podían incorporar directamente en el documento HTML en lugar de llamar a un
archivo externo que procese los datos. El código es interpretado por un servidor
web con un módulo de procesador de PHP que genera la página Web resultante.
PHP ha evolucionado por lo que ahora incluye también una interfaz de línea de
comandos que puede ser usada en aplicaciones gráficas independientes. Puede
ser usado en la mayoría de los servidores web al igual que en casi todos los
sistemas operativos y plataformas sin ningún costo.
85
Se considera uno de los lenguajes más flexibles, potentes y de alto rendimiento

conocidos hasta el día de hoy. Lo que ha atraído el interés de múltiples sitios con
gran demanda de tráfico como Facebook, para optar por PHP como tecnología de
servidor.
Fue creado originalmente por Rasmus Lerdorf en 1995. Actualmente el lenguaje

sigue siendo desarrollado con nuevas funciones por el grupo PHP. 2 Este lenguaje
forma parte del software libre publicado bajo la licencia PHP, que es incompatible
con la Licencia Pública General de GNU debido a las restricciones del uso del
término PHP.3
PHP es un lenguaje de programación de uso general de código del lado del

servidor originalmente diseñado para el desarrollo web de contenido dinámico.
Fue uno de los primeros lenguajes de programación del lado del servidor que se
podían incorporar directamente en el documento HTML en lugar de llamar a un
archivo externo que procese los datos. El código es interpretado por un servidor
web con un módulo de procesador de PHP que genera la página Web resultante.
PHP ha evolucionado por lo que ahora incluye también una interfaz de línea de
comandos que puede ser usada en aplicaciones gráficas independientes. Puede
ser usado en la mayoría de los servidores web al igual que en casi todos los
sistemas operativos y plataformas sin ningún costo.
85
Se considera uno de los lenguajes más flexibles, potentes y de alto rendimiento

conocidos hasta el día de hoy. Lo que ha atraído el interés de múltiples sitios con
gran demanda de tráfico como Facebook, para optar por PHP como tecnología de
servidor.
Fue creado originalmente por Rasmus Lerdorf en 1995. Actualmente el lenguaje

sigue siendo desarrollado con nuevas funciones por el grupo PHP. Este lenguaje
forma parte del software libre publicado bajo la licencia PHP, que es incompatible
con la Licencia Pública General de GNU debido a las restricciones del uso del
término PHP.
85
HISTORIA
Fue originalmente diseñado en Perl, con base en la escritura de un grupo

de CGI binarios escritos en el lenguaje C por elprogramador danés-
canadiense Rasmus Lerdorf en el año 1994 para mostrar su currículum vítae y
guardar ciertos datos, como la cantidad de tráfico que su página web recibía. El 8
de junio de 1995 fue publicado "Personal Home Page Tools" después de que
Lerdorf lo combinara con su propio Form Interpreter para crear PHP/FI.
Dos programadores israelíes del Technion, Zeev Suraski y Andi Gutmans,

reescribieron el analizador sintáctico (parser en inglés) en el año 1997 y crearon
la base del PHP3, cambiando el nombre del lenguaje por PHP: Hypertext
Preprocessor. Inmediatamente comenzaron experimentaciones públicas de PHP3
y fue publicado oficialmente en junio de 1998. En mayo de 2000 PHP 4 fue
85
lanzado bajo el poder del motor Zend 1.0. El día 13 de julio de 2007 se anunció la

suspensión del soporte y desarrollo de la versión 4 de PHP, a pesar de lo
anunciado se ha liberado una nueva versión con mejoras de seguridad, la 4.4.8
publicada el 13 de enero del 2008 y posteriormente la
versión 4.4.9 publicada el 7 de agosto de
2008. Según esta noticia se le dio soporte a fallos
críticos hasta el 9 de agosto de 2008.
Historial de lanzamiento
Significado
Rojo Versión antigua, sin soporte
Amarillo Con soporte para errores de seguridad
Verde Con soporte para errores generales y de seguridad
Azul Lanzamiento futuro
SERVIDOR APACHE
El servidor HTTP Apache es un servidor web HTTP de código abierto, para

plataformas Unix (BSD, GNU/Linux, etc.), Microsoft Windows,Macintosh y otras,
que implementa el protocolo HTTP/1.1 2 y la noción de sitio virtual. Cuando
comenzó su desarrollo en 1995 se basó inicialmente en código del popular NCSA
HTTPd 1.3, pero más tarde fue reescrito por completo. Su nombre se debe a que
Behelendorf quería que tuviese la connotación de algo que es firme y enérgico
pero no agresivo, y la tribu Apache fue la última en rendirse al que pronto se
convertiría en gobierno de EEUU, y en esos momentos la preocupación de su
grupo era que llegasen las empresas y "civilizasen" el paisaje que habían creado
85
los primeros ingenieros de internet. Además Apache consistía solamente en un

conjunto de parches a aplicar al servidor de NCSA. En inglés, a patchy server (un
servidor "parcheado") suena igual que Apache Server.
El servidor Apache se desarrolla dentro del proyecto HTTP Server (httpd) de

la Apache Software Foundation.
Apache presenta entre otras características altamente configurables, bases de

datos de autenticación y negociado de contenido, pero fue criticado por la falta de
una interfaz gráfica que ayude en su configuración.
Apache tiene amplia aceptación en la red: desde 1996, Apache, es el servidor

HTTP más usado. Alcanzó su máxima cuota de mercado en 2005 siendo el
servidor empleado en el 70% de los sitios web en el mundo, sin embargo ha
sufrido un descenso en su cuota de mercado en los últimos años. (Estadísticas
históricas y de uso diario proporcionadas por Netcraft 3 ).
La mayoría de las vulnerabilidades de la seguridad descubiertas y resueltas tan

sólo pueden ser aprovechadas por usuarios locales y no remotamente. Sin
embargo, algunas se pueden accionar remotamente en ciertas situaciones, o
explotar por los usuarios locales malévolos en las disposiciones de recibimiento
compartidas que utilizan PHP como módulo de Apache.
Apache es usado principalmente para enviar páginas web estáticas y dinámicas

en la World Wide Web. Muchas aplicaciones web están diseñadas asumiendo
como ambiente de implantación a Apache, o que utilizarán características propias
de este servidor web.
Apache es el componente de servidor web en la popular plataforma de

aplicaciones LAMP, junto a MySQL y los lenguajes de
programación PHP/Perl/Python (y ahora también Ruby).
Este servidor web es redistribuido como parte de varios paquetes propietarios de

software, incluyendo la base de datosOracle y el IBM WebSphere application
server. Mac OS X integra apache como parte de su propio servidor web y como
soporte de su servidor de aplicaciones WebObjects. Es soportado de alguna
manera por Borland en las herramientas de desarrollo Kylix y Delphi. Apache es
incluido con Novell NetWare 6.5, donde es el servidor web por defecto, y en
muchas distribuciones Linux.
85
Apache es usado para muchas otras tareas donde el contenido necesita ser
puesto a disposición en una forma segura y confiable. Un ejemplo es al momento
de compartir archivos desde una computadora personal hacia Internet. Un usuario
que tiene Apache instalado en su escritorio puede colocar arbitrariamente
archivos en la raíz de documentos de Apache, desde donde pueden ser
compartidos.
Los programadores de aplicaciones web a veces utilizan una versión local de

Apache con el fin de previsualizar y probar código mientras éste es desarrollado.
Microsoft Internet Information Services (IIS) es el principal competidor de Apache,

así como Sun Java System Web Server de Sun Microsystems y un anfitrión de
otras aplicaciones como Zeus Web Server. Algunos de los más grandes sitios
web del mundo están ejecutándose sobre Apache. La capa frontal (front end) del
motor de búsqueda Google está basado en una versión modificada de Apache,
denominada Google Web Server (GWS). Muchos proyectos
de Wikimedia también se ejecutan sobre servidores web Apache.
Configuración
La mayor parte de la configuración se realiza en el fichero apache2.conf (Ubuntu)

o httpd.conf (Otros). Cualquier cambio en este archivo requiere reiniciar el
servidor, o forzar la lectura de los archivos de configuración nuevamente.
85
PHP Myadmin
PHPMyadmin es una herramienta escrita en PHP con la intención de manejar la

administración de MySQL a través de páginas web, utilizando Internet.
Actualmente puede crear y eliminar Bases de Datos, crear, eliminar y
alterar tablas, borrar, editar y añadircampos, ejecutar cualquier sentencia SQL,
administrar claves en campos, administrar privilegios, exportar datos en varios
formatos y está disponible en 62 idiomas. Se encuentra disponible bajo la
licencia GPL Versión 2.
Este proyecto se encuentra vigente desde el año 1998, siendo el mejor evaluado

en la comunidad de descargas de SourceForge.net como la descarga del mes de
diciembre del2002. Como esta herramienta corre en máquinas con Servidores
Webs y Soporte de PHP y MySQL, la tecnología utilizada ha ido variando durante
su desarrollo.
85
HISTORIA
Tobias Ratschiller, por entonces un consultor IT y después fundador de Maguma,

una compañía de software, comenzó a trabajar en la elaboración de una red
administrativa basada en PHP cliente-servidor en MySQL en 1998 e inspirado
por Peter Kuppelwieser y su MySQL-Webadmin. Cuando Ratschiller dejó el
proyecto por falta de tiempo, así como el phpAdsNew del cual es también su
inventor, el phpMyAdmin se había convertido en una de las aplicaciones PHP más
populares, y las herramientas de administración MySQL constituían una gran
comunidad de usuarios y administradores. Es de anotar que esto incluía una
buena contribución por parte de distribuidores de Linux.
Para coordinar el creciente número de parches, tres desarrolladores de

software, Olivier Müller, Marc Delisle y Loïc Chapeaux, registraron el proyecto
phpMyAdmin en SourceForge.net y continuó su crecimiento en 2001.
ESPECIFICACIONES
Las especificaciones proveídas por el programa incluyen:
1. Interface Web
2. Manejador de base de datos MySQL, MariaDB y Drizzle
3. Importación de datos desde CSV y SQL
4. Exporta datos a varios formatos: CSV, SQL, XML, PDF (via la
biblioteca TCPDF), ISO/IEC 26300 - OpenDocument Text y Spreadsheet,
Word, Excel, LaTeX y otros
5. Administración de múltiples servidores
6. Crea gráficos PDF del diseño de la base de datos
7. Crea consultas complejas usando Query-by-Example (QBE)
8. Búsqueda global en una base de datos o un subconjunto de esta
9. Transforma datos almacenados a cualquier formato usando un conjunto de
funciones predefinidas, tal como BLOB
10. Live charts para monitoriar las actividades del servidor MySQL tales como
conexiones, procesos, uso de CPU/Memoria, etc.
85
ESTADO ACTUAL
El software, actualmente está disponible en 72 idiomas, y se encuentra mantenido

por el Proyecto phpMyAdmin bajo responsabilidad de Olivier Müller, Marc
Delisle, Alexander M. Turek, Michal Čihař y Garvin Hicking.
Soporta también el motor MariaDB (Fueron testeadas las versiones de los

motores 5.1 y 5.2) y a partir de la versión 3.5 es soportado el motor Drizzle.
PRODUCTOS SEMILARES
Una herramienta similar es phpPgAdmin, la cual TPM OK NO ofrece

funcionalidades similares para PostgreSQL y que comenzó como una copia de
phpMyAdmin pero con una base de códigos completamente diferente.
85
Otros productos para el manejo de base de datos Microsoft SQL Server, es

phpMSAdmin.
Otro gestor de base de datos conocido como Adminer (formalmente conocido

como phpMinAdmin) para el manejo de MySQL, tiene las características más
importantes de phpMyAdmin, pero consiste en un único archivo php.
EASYPHP
Programa que instala en un solo paso el servidor Apache, junto con el módulo
para programación en PHP y la base de datos MySQL.
Este es un programa muy interesante para las personas que quieren en el menor
tiempo posible ponerse a trabajar con PHP sobre Windows, sin tener que vérselas
con las dificultades de instalar y configurar todos los servidores y módulos
necesarios para trabajar con este lenguaje de creación de páginas del lado del
servidor.
En principio no queda muy claro si colocar este artículo como programa o bien
como taller de PHP, pero tanto en el taller como en el manual de programación de
85
PHPse habla en algunos casos de la instalación, hemos publicado este artículo

como programa.
En realidad habría que ser más específicos si decimos que Easy PHP no es un
solo programa, sino que en realidad son tres en uno. Por un lado tenemos a
Apache, el servidor más popular de páginas web. Por otro lado a MySQL, la base
de datos más extendida de código libre y por otro a PHP, el lenguaje o tecnología
más extendido para realizar páginas con programación en servidor, acceso a
bases de datos, etc.
Como decíamos Easy PHP es un programa que permite disponer de los tres
componentes indispensables para programar con PHP en nuestro propio
ordenador, con una descarga rápida y una instalación sin ningún tipo de
problemas o necesidades de configuración adicionales.
Easy PHP se obtiene desde la página de inicio del
programa: http://www.easyphp.org/
Está en múltiples idiomas, incluido el español. En esa página encontraremos
abundante información del producto y enlaces para descargar la última versión
disponible.
85
Instalación de EasyPHP
Una vez descargado, la instalación es inmediata y en pocos minutos tendremos

ocasión de probar si todo ha ido bien. Para empezar, abriremos Easy PHP, si es
que no lo tenemos abierto ya. En el botón de inicio - todos los programas,
tendremos una entrada nueva llamada EasyPHP y dentro un icono para ejecutar
EasyPHP.
Esto nos abrirá una ventana como esta, donde podremos ver el estado de
nuestros servidores PHP y MySQL, si están iniciados correctamente o detenidos.
Podremos desde esta ventana arrancar o parar los servidores. El aspecto de la
ventana será parecido a este:
Si están los servidores iniciados, para ver si todo funciona correctamente,

simplemente tenemos escribir en nuestro navegador la dirección http://localhost/ y
debería salirnos la página de inicio de nuestro servidor que pondrá un mensaje
relacionado con Easy PHP. Algo como esto:
Ahora, para continuar, podemos poner algún archivo en la carpeta de publicación

de documentos en el servidor web. Esa carpeta será algo como C:\Archivos de
programa\EasyPHP1-8\www si nosotros metemos allí un archivo que se llame,
por ejemplo, prueba1.php, podremos acceder al archivo a través de la dirección
http://localhost/prueba1.php
Si nos sale el contenido de ese archivo es que todo marcha correctamente.

Podemos incluir unas cuantas instrucciones PHP para ver si se ejecutan
correctamente.
Configuraciones de EasyPHP
Como hemos comentado, Esay PHP no requiere que se configure nada para
poder comenzar a trabajar. No obstante, podemos alterar cualquier cosa de la
configuración inicial para adaptarla a nuestras necesidades.
85
Esto se puede hacer desde la barra de estado, donde debería aparecer el icono
de EsayPHP en caso que el programa esté arrancado en nuestro ordenador.
Pulsando con el botón derecho del ratón sobre el icono podemos acceder a una
serie de opciones entre las que se encuentran unas para configurar los
servidores. Se pueden ver esas opciones en esta imagen:
85
Se puede configurar cualquier asunto del Apache, PHP o MySql. Nosotros hemos
encontrado muy interesantes las FAQ, que ofrecen información puntual sobre
cómo instalar o configurar EasyPHP para que permita algunas cosas que por
85
defecto no están autorizadas (por razones de seguridad), como dar acceso al

servidor MySQL también a otros equipos de la red local o Internet.
El programa no se queda ahí, sino además instala algunos complementos ideales

para comenzar a trabajar con PHP y bases de datos MySQL, como PhpMyAdmin,
un gestor de base de datos bastante conocido. Podremos encontrarlo en la
dirección http://127.0.0.1/mysql/
El acceso a PhpMyAdmin queda bloqueado a otros ordenadores de la red local,

dado que se instala como un directorio virtual de Apache con acceso restringido a
la red local, pero a través de las FAQ también aprenderemos a dar acceso a otros
equipos.
DESARROLLO DEL PROYECTO

PRIMERA PARTE:
1.- Creamos un sitio web:
-Menu sitio/nuevo sitio.
85
2.-En la siguiente ventana escribir el nombre del sitio, luego crear una carpeta en
el cuadro carpeta del sitio local.
3.-Hacer clic en configuraciones avanzada crear una carpeta en el cuadro

predeterminada de imágenes, la carpeta debe encontrarse en el sitio local y debe
tener una carpeta más de imágenes.
85
4.-Ya todo listo creamos las tablas presionando las teclas crtl + alt + t.
5.- obtenemos la tabla para poder trabajarla.
85
INDEX
1.-Ya listo nuestra tabla le damos color para nuestra página web.
2.-luego insertamos las imágenes guardadas en el sitio de la carpeta imágenes.
85
3.-Escribimos un mensaje en la parte superior, también escribimos para los

enlaces.
85
A.-Pagina web usando marcos:

-Menú insertar/HTML/marcos, seleccionamos arriba.
-Clic debajo del cuadro que creamos nuevamente clic en menú/HTML/marcos,

seleccionamos abajo.
85
-seleccionamos el marco arriba y guardar con el nombre arriba.
-Clic debajo de marco arriba y nuevamente guardar con el nombre medio.
85
-clic en todo el todo el marco y guardar con el nombre todo.
-Le damos color a los marcos de esta manera.
-Clic en marco del medio y presionar las teclas ctrl+alt+t para creas tablas.
85
-luego de estos trabajos ponemos las imágenes del tio local imágenes
Y algunos mensajes de Herbalife quedando el trabajo de esta manera.
85
B.-PAGINA WEB USANDO VINCULOS

-ya tenemos el trabajo hecho para poder vincular.
-seleccionamos inicio, en vinculo clic en buscar archivos.
85
-En la carpeta seleccionar archivo clic en index y aceptar asi estará vinculado, si
esta de color azul esta listo para ser vinculado comprobamos presionando la tecla
f12.
-Y nuestros productos, video, ubícanos, contáctanos luego a probarlo con f12.
85
C.-PAGINA WEB CON VIDEO DE FLASH.
-Ingresar a la página de YouTube
-seleccionar el video, cli en el botón compartir, insertar vinculo.
85
-clic en el espacio donde va ir el video y Copiamos la página web del video en

botón código de Dreamweaver.
-Luego de pegar hacemos los siguientes cambios de la página web.
Esta la página inicial.
<iframe width="854" height="510"

src="//www.youtube.com/embed/BYMd-7Ng9Y8" frameborder="0"
allowfullscreen></iframe>
Estos son los cambios
<iframe width="854" height="510"

src="http://www.youtube.com/v/BYMd-7Ng9Y8?version=3&loop=1"
frameborder="0" allowfullscreen></iframe>
85
-Probamos el video presionando f12.
85
D.-PAGINA USANDO MAPA DE REFERENCIA

-ingresar a la página google y escribir google maps.
-Seleccionar el lugar que se desea buscar en el mapa.
85
-hacer clic en el botón del edrenanje que se encuentra a la derecha del mapa.
-Al hacer clic al edranaje clic en compartir enlace.
85
-Al seleccionar copiar la página web en el botón dividir de Dreamweaver.
-Luego presionar la tecla f12 para probar la página web.
85
E.-Pagina web con su tabla de referencia

-Abrir el programa Easy PHP.
-En la barra inferior de la maquina esta ya activado el programa hacer clic
derecho/configuraciones/phpmyadmin.
-Escribir en nueva base de datos tienda y clic en crear.
85
-En nombres escribir artículos y en número de campo el número 4 y clic en

continuar.
85
-En la siguiente ventana escribir lo siguiente.
-En tipo activar primary y activar la casilla que se encuentra al costado de este.
-Luego de obtener hacemos clic grabar

-Y obtenemos la siguiente pagina.
85
Conclusiones
Dreamweaver es la herramienta de diseño de páginas web más avanzada, tal

como se ha afirmado en muchos medios. Aunque sea un experto programador de
HTML el usuario que lo maneje, siempre se encontrarán en este programa
razones para utilizarlo, sobre todo en lo que a productividad se refiere.
Cumple perfectamente el objetivo de diseñar páginas con aspecto profesional, y
soporta gran cantidad de tecnologías, además muy fáciles de usar:
Dreamweaver MX 2004, aunque también se puede adquirir por separado, forma

parte de la suite MX 2004 de Macromedia, en la que este editor HTML resulta una
pieza fundamental. Como de costumbre, comparamos al producto de Macromedia
con Microsoft Front Page, y con las nuevas versiones de ambos obtenemos las
85
mismas conclusiones que obtuvimos con sus anteriores entregas: Dreamweaver

continúa siendo fiel a mantener un nivel alto en sus herramientas, dirigiéndose a
usuarios con conocimientos previos, mientras que Front Page muestra
destacadas mejoras, pero no logra salir de la sombra de Dreamweaver al
momento de discutir sobre el uso de lenguajes y tecnologías avanzadas en el
desarrollo de un sitio Web; eso sí, Front Page es, para usuarios con poca
experiencia, un producto excepcional. Por otra parte, Adobe GoLive CS, visto
también en el número 30 de MM al analizar Adobe Creative Suite Premium
Edition, plantea un ambiente de trabajo familiar para usuarios de Adobe y una
serie de características que lo colocan a un nivel superior de Front Page.
Al iniciar Macromedia Dreamweaver MX 2004 aparece, como primera novedad, la

elección de una modalidad de programación, lista formada por ASP.Net, PHP,
ColdFusion, y HTML. Luego se presenta otra selección, el ambiente de trabajo, en
donde encontramos las opciones, ya conocidas de anteriores versiones,
WYSIWYG (que consiste en diseñar una página Web sin necesidad de escribir
ningún código), la opción de trabajar con el Código, y por último la posibilidad de
ver ambas ventanas de desarrollo a la vez.
Los lenguajes de programación que domina Dreamweaver MX 2004 son ASP,

CSS, PHP, SQL, JSP, y XML. El potencial del software en cuanto a la capacidad
de programar bajo los lenguajes que acabamos de citar es de lo más amplio,
permitiendo la creación de aplicaciones y diseños web complejos.
Uno de los puntos de mayor énfasis en esta edición de Dreamweaver son el

soporte y las características de desarrollo en Cascading Style Sheet, haciendo
posible creaciones con más facilidad y precisión, aplicando herramientas capaces
de inspeccionar el código escrito. Otro aspecto capaz de ser analizado es la
compatibilidad de nuestro sitio con los diversos navegadores, para que todos
puedan visualizar la página correctamente.
La posibilidad de crear botones flash, formularios, JavaScript, y más, es de gran

ayuda. Además de poder insertar elementos web, encontramos una gran
precisión en la importación de información de Word y Excel, con las funciones de
85
copiar y pegar.
Un diseñador con experiencia encuentra en Dreamweaver una opción completa

para desplegar sus conocimientos. Sin embargo, por el otro lado, usuarios
principiantes se ven aturdidos por la cantidad de menús y herramientas del
programa. La edición 2004 nos presenta un nuevo soporte para CSS, opciones de
verificación de código pensado para múltiples navegadores, y facilidades en la
administración de la página.
Puede que el atractivo de las características de Dreamweaver llame la atención,
pero debe tenerse cuidado, ya que de nada servirá si no se comprenden sus
utilidades, con lo cual resultará más productivo un programa como Front Page.
Dreamweaver es conocido por ofrecer herramientas avanzadas en el desarrollo
de sitios web, y si bien se trata del producto de mayores características del
mercado, su uso está limitado a usuarios con experiencia, ya que de no ser así,
uno se encuentra con la dificultad de no saber por dónde comenzar.
Por otro lado, se tiene la costumbre de identificar a Front Page como un producto
fácil de usar, con pocas prestaciones, y con groseras fallas, es decir, un producto
no profesional. Nosotros lo veíamos así en sus inicios, pero en los últimos años
Front Page ha evolucionado notablemente, siendo hace tiempo una aplicación
profesional que mantiene una facilidad de uso impecable combinado con útiles
herramientas.
Su competidor, Dreamweaver, lo supera claramente en el marco de las
posibilidades de programación. Sin embargo, desde la perspectiva de la interfaz y
utilización, preferimos los menús sencillos e intuitivos de Front Page, que lo hacen
aparentar ser un procesador de texto como Word.
Una página web es una cantidad de información agrupada, fotos, dibujos, textos,
que vinculados entre sí (linkeados dirían muchos) comunican a los visitantes una
cantidad de datos, que pueden servir para resaltar la presencia de una Institución
o Empresa, generar oportunidades de negocios, interacción con los visitantes, etc.
Una pagina en Internet, bien diseñada y mantenida, por lo pronto genera cientos
de visitas reales y comprobables mensuales. Le posibilita generar una imagen de
buena comunicación con el mundo y una oportunidad de presencia. Una página
85
de Internet puede llevar texto, gráficas, fotos, sonidos e inclusive videos

pequeños. El tramado de la página puede ser desde un texto sencillo hasta una
presentación publicitaria completa utilizando cualquier combinación de estos
medios (Multimedia).
Esta no es estática, hay que actualizar la información contenida en ella

periódicamente. Estos cambios pueden reflejar ofertas sobre productos,
lanzamiento de productos, cambios en la estructura de la empresa o simplemente
cambios estéticos para no aburrir al cliente. Todas las paginas web estan
formadas en formato HTML que son las siglas en inglés de HyperText Markup
Language, que en español viene a ser algo así como Lenguaje de Marcación de
Hipertexto.
85
85
85
85
85
85

Proyecto Avanzado

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Proyecto Avanzado

Cargado por

Copyright:

Formatos disponibles

CETPRO COMPUTEC MILLENIUM CICLO MEDIO

Mó dulo: DISEÑO DE PÁGINAS WEB

1.1. Nombre del proyecto: Página Web de “HERBALIFE”

1.2. Instituciones de apoyo:

1.4. Fecha de Inicio: 04/08/2014

1.5. Fecha de Término: 05/12/2014

2. Fundamentación del Proyecto

2.5. Objetivo General:

Aplicar los conocimientos adquiridos en el módulo en su totalidad

2.6. Objetivos Específicos:

Las páginas web se desarrollarán utilizando Dreamweaver demostrando

Se editarán animaciones en Flash demostrando las ventajas y

El sitio se alojará en un servidor Web local implementado con MySQL,

3. Estructura del Proyecto

3.1.2. Organización y planificación de los materiales y

3.1.3. Organización de Recursos Económicos

Concepto Costo en S/.

ACTIVIDADES Semana Semana Semana Semana

El alumno deberá haber concluido el proyecto habiendo reforzado los

Nombre del José Ortiz Rodríguez

Elaboración de las Páginas Web

Creación de los Efectos

Creación de los enlaces

Implementación de la Base de datos

Diseño del sitio Web

Desarrollo de las páginas de Mantenimiento

Publicación del Sitio

Presentación y entrega del Proyecto

Empresa CETPRO “Computec Millenium”

Comprende las instrucciones del instructor

Desarrollo de sus capacidades cognitivas

Desarrollo de sus capacidades motrices

No maneja los tiempos

Utiliza las máquinas, equipos, herramientas

Mantiene normas de seguridad y limpieza

CAPACIDADES DESARROLLADAS EN EL MODULO:

 Crea y Diseña animaciones para la Web de acuerdo a

 Diseña páginas Web básicas y dinámicas teniendo en cuenta la

APRECIACIÓN PERSONAL DEL JEFE INMEDIATO

FECHA DE DE: 04/08/14 A: 05/12/14 HORAS DE 74

Nombre : José Ortiz Rodríguez

ADOBE FLASH PROFESIONAL.........................................................................................32

La gran ventaja de este editor sobre otros es su gran poder de ampliación y

Como editor WYSIWYG que es, Dreamweaver permite ocultar el código HTML de

Algunos desarrolladores web criticaban esta propuesta ya que crean páginas

No obstante, Adobe ha aumentado el soporte CSS y otras maneras de diseñar

Dreamweaver permite al usuario utilizar la mayoría de los navegadores Web

En el pasado la creación de páginas web resultaba una tarea solo accesible a

creador del sistema de hipervínculos, Tim Berners-Lee, a quien actualmente se

El principio de la Web se basa en el uso de hipervínculos para navegar entre

¿Qué es un sitio Web?

Un sitio Web (también conocido como sitio de Internet o página de inicio si es un

Un sitio web Un sitio web es un gran espacio documental organizado que la

dirección web, como por ejemplo www.wikipedia.org, siempre se está haciendo

Los sitios web están escritos en código HTML (Hyper Text Markup Language), o

Un sitio web está alojado en una computadora conocida como servidor web,

 Editores de texto como Notepad, donde el HTML se manipula directamente

 Editores WYSIWYG como por ejemplo Microsoft FrontPage y Adobe

Todos los sitios web públicamente accesibles constituyen una gigantesca World

A las páginas de un sitio web se accede frecuentemente a través de un URL raíz

Algunos sitios web requieren una subscripción para acceder a algunos o todos

Una página web se define como un documento electrónico el cual contiene

La creación y desarrollo de una página web se realiza bajo un lenguaje de