Académique Documents
Professionnel Documents
Culture Documents
7 setiembre 2009
Perú
CONFERENCISTA
Director: Prof.
NACIONAL
HAZ TU PROPIA PÁGINA WEB
José de la Ro Perú
r
ëna
, también conocida como
, es un documento
adaptado para la Web y normalmente forma parte de un sitio web. Su principal
característica son los hiperenlaces a otras páginas web, siendo esto el fundamento
de la Web.
ëna página está compuesta principalmente por información (sólo texto o multimedia)
e hiperenlaces; además puede contener o asociar datos de estilo para especificar
cómo debe visualizarse o aplicaciones incrustadas para hacerla interactiva.
La página se escribe en un lenguaje de marcado que provea la capacidad de
insertar hiperenlaces, generalmente HTML.
El contenido de la página puede ser predeterminado ("página web estática") o
generado al momento de visualizarla o solicitarla a un servidor web ("página web
dinámica"). Las páginas dinámicas que se generan al momento de la visualización
se hacen a través de lenguajes interpretados, generalmente JavaScript, y la
aplicación encargada de visualizar el contenido es la que debe generarlo. La páginas
dinámicas que se generan al ser solicitadas son creadas por una aplicación en el
servidor web que alberga las mismas.
Respecto a la estructura de las páginas web algunos organismos, en especial el
W3C, suelen establecer directivas co n la intención de normalizar el diseño para
facilitar y simplificar la visualización e interpretación del contenido.
ën
(en inglés:
) es un conjunto de páginas web, típicamente
comunes a un dominio de Internet o subdominio en la World Wide Web en Internet.
ëna página web es un HTML/XHTML accesible generalmente mediante
el protocolo HTTP de Internet.
Todos los sitios web públicamente accesibles constituyen una gigantesca " World
Wide Web" de información.
A las páginas de un sitio web se accede desde un ëRL raíz común llamado portada,
que normalmente reside en el mismo servidor físico. Los ëRL organizan las páginas
en una jerarquía, aunque los hiperenlaces entre ellas controlan 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 muchos sitios de
pornografía en Internet, parte de muchos sitios de noticias, sitios de juegos, foros,
servicios de correo electrónico basados en web y sitios que proporcionan datos de
bolsa en tiempo real.
ëna de las maneras es haciéndote las siguientes preguntas:
1. Que es lo que necesito y cuáles son mis necesidades
2. Para que me va servir la pagina web
3. Que tema principal de la pagina web
4. Que usuarios quiero que me visiten
5. De que modelo voy a necesitar y como lo voy a diseñar:
Modelo profesional
Modelo personal
Modelo tipo hi5, facebook o social
Modelo tipo blog-con comentarios
Modelo para comprar y vender
Modelo para una empresa
6. -va ser una página estática( sin efectos de flash u otros) o dinámica(con flash y
movimiento de página)
7. -Por que deseo diseñar o tener una pagina web
8. -Realiza un bosquejo de cómo quiere que sea tu pagina( boceto o borrador)
9. -En que programa lo va a diseñar
1-en Word
2-en corel draw
3-photoshop
4-dremawever
5-fireworks
10. -Que efectos quiere que se vean se su página
11. En que programa diseñare los efectos en flash, agregare, javascrit, solamente java
con applets, letras o color con cascada ,
12. Tendrá video mi pagina web
13. Tendrá música mi pagina web
14. -cantidad de páginas web
15. Identifica que es lo más importante que quieres trasmitir y que se vea a primera
vista.
16. Busca tu propio modelo adaptándote la actualidad a la realidad
17. Pregúntate cuáles son las necesidades de los usuarios
18. Que es lo que necesitan que vean en una página
19. Cuanto pesara mi pagina web con todo lo que necesito
20. Donde alojare la pagina ya hecha
21. Que proveedor es recomendable
22. Necesitare dominio don de contratar
23. Donde pagare en dominio y alojamiento de mi web
24. VENDER ONLINE Y PAGAR EN INTERNET
25. Cuanto tiempo me demorare en diseñar todo lo que quiero que contenga mi página
web
26. Que color va trabajar
27. Va agregar fotografías
28. Tu pagina debe mostrar tu toque especial , personalidad y debe llamar para verla
tiene que ser dinámica, debe cargarse rapido, y desplegar contenidos que entiendan
casi a golpe de vista.
5.
Es imprescindible que la página presente un mensaje específico. Hay algunos datos
básicos que no deberían faltar en la web. Mientras mas simple sea el acceso a la
información, más cómodos se sentirán los navegantes. Y cuanto más sencilla sea la
dirección del sitio web, más fácil resultará recordarla. La función de un sitio es
brindar una idea clara de lo que ofrece determinada empresa.
6.
$
&
ëna página web no puede permanecer meses sin cambios. Tiene que presentar
transformaciones, novedades, ofertas mensuales, que multipliquen la cantidad de
visitas.
7.
$
&
Los contenidos deben estar organizados pensando en el usuario y no en la empresa.
La información debe ser relevante para el público que consulta la página, y
organizarse en relación con los intereses de este público.
8.
&
Luego de diseñar la web, una de las tareas mas importantes es mantener la página
actualizada. Para ello es necesario que las novedades puedan incluirse lo antes
posible sin excesivas complicaciones.
9. $
Para captar la atención de los usuarios, el sit io web debe ser atractivo y diferente.
Diferente, sobre todo, al de los competidores. La página tiene que permitir la rápida
evocación de los productos y de la empresa.
10.
El hosting (servidor o alojamiento de la página web) que contratemos debe se r fiable
y seguro, de nada sirve un excelente diseño si el servidor se cae continuamente.
Definición de objetivos.
Conociendo cuales son los objetivos que persigue el cliente al realizar un sitio web
podremos identificar los requirimientos del proyecto.
Definición de audiencia.
Debemos establecer el posible público de la web. Se deben tener en cuenta varios
factores, como la capacidad técnica del usuario, su capacidad física (sitios
accesibles), su ubicación geográfica (sitios locales, regionales, nacionales o de
alcance mundial), etc.
Definición de los contenidos
ëna vez definidos los objetivos y la audiencia se debe estudiar el contenido que se
incorporará al sitio. Luego se procederá a filtrarlo y agruparlo de manera consistente
para presentarlo al usuario.
Definición de la estructura de la web
La estructura de la web es la diagramación del m enú y el formato que tendrán las
páginas web. Se define así el esqueleto de la web utilizando módulos para dividir
cada sección y ordenarlas en base a su importancia. Podemos partir desde cero a
utilizar una plantilla web .
Definición de la navegación
Las plantillas web permiten al diseñador y al cliente ver cómo quedará el diseño
antes de su ejecución, lo cual minimiza los costes del diseño y el tiempo de
finalización de la página web.
En esta página encontrarás los últimos diseños de plantillas web del mercado,
realizadas por los mejores diseñadores del mundo y que nosotros podemos adaptar
a la imagen corporativa de tu empresa. Puedes seleccionarlas en el menú de la
izquierda por su categoría o en el buscador de plantillas de abajo. Hay miles de
plantillas web, logotipos y mucho más.
a' ()*
PERSONAL y SOCIAL
v
vv
v
v
1.-
2.-
3.-Texto:
4.-archivo/importar imagen
6.-
7.-el texto:
8.-
Viene el texto:
Viene el texto:
En ese cuadro de dialogo, exportar html y imágenes y aceptar, listo la pagina web
considerando también los pasos abajo.,
Y listo slgo que uno quiera cambiar los colores del aspecto del menú emergente que
es plomo con texto blanco (cuando se pasa el mouse aparece un manito en la
página web color azul)y listo
3.-ir archivo exportar una vez acabado en fireworks -vamos exportar con
archivo/exportar
Pero no se olvide en el menú sitio y administrar sito color el nombre el del sitio y
donde va estar ubicada es carpeta que tiene qu ya estar creada con todos lo
ASI SE VISëALIZA
12.-
mismo procedimiento anterior pegar y colocar en texto:letra valvi, tamaño 100 titulo :
Eventos
muy parecido al anterior y poniendo al texto filtro iluminado y también a las fotos e
imágenes. Qu e a continuación se visualiza, el titulo de eventos ± en historia
PROFESIONAL
v
2.-
REC
TÁNGULO:COLOR:#996600;Solido;borde :suavizado;textura:otras (abrir: imagen y listo)
1252 x 370
enter
7.- activos fichas, color:#CC3300; Borde suavizado; textura:otras:( abrir: imagen y listo),trasparente,
cantidad de textura 68; texto: Adobe Garamond Pro Bold; tamaño:37; negrita.
8.- Texto: Adobe Garamond Pro Bold; tamaño: 22; negrita y subrayado
9.-arcchivo/imagen; e texto ponerlo al mismo, color: blanco; edicion/ cortar ; luego edicion/pegar
con mascara
EMPRESARIAL
v EN PHOTOSHOP
EN DREAMWEAVER
v
1.-
2.-
3.-
4.-
5.-
6.-
7.-
v
v
EN DREAMWEAVER ESCRIBIR:
EN OTRA PÁGINA:
Consideraciones básicas
html>
<P>
á Á é É í Í ó Ó ú
Ú</P>
<P>
ñ</P>
<P>
Ñ</P>
<B>NEGRITA</B>
<P>
<I>CURSIVA</I></P>
<P>
<U>SUBRAYADO</U></P>
<P>
<TT>TELETIPO</TT></P>
<P>¨comillas¨
</P>
<div align="center">
<p class="Estilo1">¨Conferencista Nacional¨
</p>
<p class="Estilo1">Prof. José de la Rosa</p>
</div>
<FONT color="blueConferenciaamor"
size=80>...Conferencia: El Exito E-Learning,los blogs y las Páginas Web...<FONT
color="white"
size=80>...Conferencia: El Exito E-Learning, los blogs y las Páginas Web...</FONT></FONT>
</MARQUEE>
<form>
<select onchange="top.location= (this.options[this.selectedIndex].value)">
<option value="javascript.htm"/>Elige una opción:
<option value="javascript.htm"/>==============
<option value="siguiente.html"/>siguiente
<option value="graficos.html"/>graficos
<option value="aparecenombre.html"/>te respondere
<option value="reflejanombre.html"/>letra mouse
<option value="tildacionesy otros.html"/>tildación, cursiva, negrita y subrayado
</select>
</form>
<form>
excelente <input type = "checkbox" name = "phuongtien" value = "excelente">
dinamico <input type = "checkbox" name = "phuongtien" value = "dinamico">
carismatico <input type = "checkbox" name = "phuongtien" value = "caris matico">
</form>
<p></p>
<input tabindex= "2" type= radio name ="control1" value ="0" checked> web html
<input tabindex= "2" type= radio name ="control1" value ="1"> Web Administrator
<input tabindex= "2" type= radio name ="control1" value ="2"> Web Designer
<STYLE TYPE="text/css">
.yellow {background:yellow}
</STYLE>
</HEAD>
<BODY>
ONMOUSEOUT="this.style.backgroundColor = '';">
CODIGO DE VIDEO
<h1><center>VIDEO DE GRADUACION</center></h1>
<center><OBJECT ID="ActiveMovie1" WIDTH="600" HEIGHT="600"
CLASSID="CLSID:05589FA1-C356-11CE-BF01-00AA0055595A">
<PARAM NAME="Version" VALUE="1"><PARAM NAME="EnableContextMenu" VALUE=" -1">
<PARAM NAME="ShowDisplay" VALUE="-1"><PARAM NAME="ShowControls" VALUE="-1">
<PARAM NAME="ShowPositionControls" VALUE="0">
<PARAM NAME="ShowSelectionControls" VALUE="0">
<PARAM NAME="EnablePositionControls" VALUE=" -1">
<PARAM NAME="EnableSelectionControls" VALUE=" -1">
<PARAM NAME="ShowTracker" VALUE="-1"><PARAM NAME="EnableTracker" VALUE="-1">
<PARAM NAME="AllowHideDisplay" VALUE="-1">
<PARAM NAME="AllowHideControls" VALUE=" -1">
<PARAM NAME="MovieWindowSize" VALUE="0"><PARAM NAME="FullScreenMode"
VALUE="0">
<PARAM NAME="MovieWind owWidth" VALUE="208">
<PARAM NAME="MovieWindowHeight" VALUE="160"><PARAM NAME="AutoStart"
VALUE="0">
<PARAM NAME="AutoRewind" VALUE="-1"><PARAM NAME="PlayCount" VALUE="1">
<PARAM NAME="SelectionStart" VALUE="0">
<PARAM NAME="SelectionEnd" VALUE="32767">
<PARAM NAME="Appearance" VALUE="1"><PARAM NAME="BorderStyle" VALUE="1">
<PARAM NAME="FileName" VALUE="MOV00001.avi">
<PARAM NAME="DisplayMode" VALUE="0">
<PARAM NAME="AllowChangeDisplayMode" VALUE=" -1">
<PARAM NAME="DisplayForeColor" VALUE="16777215">
<PARAM NAME="DisplayBackColor" VALUE="0"></OBJECT></center></BODY>
Leer atentamente:
CORELDRAW
v
Plantillas corel draw
Del uno al nueve se han realizado solo colocando fondo rectángulos y textos
Flash de presentación
-Diseña una página sencilla, para que los usuarios no vean tanta letra .
-Se a sincero con uds mismo.
-No caída en redundancia.
- Cada página web debe tener un contenido diferente .
- Cuando tenga una página web más efectos más una se demorara en la página .
-Cuanto cobrare por una página web estática o dinámica: considerando la luz
gastada, el tiempo desde el bosquejo hasta la culminación, programas utilizados,
cantidad de efecto , complicación,
-Debe tener armonía y guardar el espacio y los colores .
-Recuerde que la paciencia para realizar una página web es la mejor arma para ser
un buen trabajo.
-Recuerda que cada nombre colocado en la página principal, es una nueva página
web que tienes que diseñar.