Revista Compus 7 - DISEÑE SU PROPIA Página Web

Director :Prof. José de la Rosa año 3 num.
7 setiembre 2009
CONFERENCISTA
Director: Prof.
NACIONAL
HAZ TU PROPIA PÁGINA WEB
José de la Ro Perú
Diferentes Modelos de Páginas Web | Prof. José de la Rosa

Prof. José de la Rosa Conferencista Nacional
GLOSARIO
Una página web, también conocida como página de Internet, 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.
Una 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 con la intención de normalizar el diseño para
facilitar y simplificar la visualización e interpretación del contenido.
SITIO WEB
Un sitio web (en inglés: website) es un conjunto de páginas web, típicamente
comunes a un dominio de Internet o subdominio en la World Wide Web en Internet.
Una página web es un documento 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 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 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.
Consultas :997675681 delarosavidaljose@hotmail.com

BUSCA TU PROPIO ESTILO

Una 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

Diseño de paginas web optimizadas

Nuestros diseñadores crean y desarrollan webs en función de los objetivos de
nuestros clientes. Por ello en todos nuestros trabajos tratamos de:
Diseñar páginas webs agradables para el usuario.
Realizar webs que carguen rápidamente.
Diseñar web vistosas y con contenidos abundantes.
Diseñar sitios web optimizados para los buscadores.
Hacemos sitios web económicos y rentables.
En Altamiraweb prestamos suma atención a la optimización de sus páginas web,
tanto a nivel de código, de imágenes empleadas y en el posicionamiento en los
buscadores.
WEB DISEÑO
Pasos a seguir en el diseño de una página web:

Definición de objetivos.
Definición de audiencia.
Definición de contenidos
Definición de la estructura
Definición de la navegación
Definición del diseño visual
Objetivos del diseño web

Los principales objetivos de una página web son:
1. Que sus clientes potenciales lleguen a su sitio web.
2. Que los que lleguen, compren.
3. Que los que compren, vuelvan.
Otros objetivos serán:
1. La página web debe estar orientada tanto a su negocio como a las
necesidades de sus clientes
Un buen diseño significa una web agradable a la vista y sencilla de usar. Debe estar
orientada hacia el cliente, satisfacer las necesidades y los objetivos de su empresa
en internet. Su visitante debe ser capaz de encontrar la información que busca con
el mínimo esfuerzo, de manera rápida y eficaz.
2. Un diseño que potencie la imagen de su marca y de su empresa.
Es importante que la página web refleje la identidad corporativa de la empresa y se
asimile a su negocio en el mundo real. Internet es otra delegación más de su
negocio, por la cual pasará mucha más gente que por su empresa, por eso es
importante un diseño gráfico adecuado, coherente con la personalidad de su negocio
y agradable a la vista. El mejor diseño suele ser siempre el más sencillo, el que
apenas se percibe.
3. Un sitio optimizado para los buscadores.
En la actualidad el mayor tráfico hacia su web será generado por buscadores como
Google, MSN o Yahoo, por ello es importante que su web esté optimizada para que
los buscadores la encuentren e indexen sin ningún problema. Como complemento al
diseño ofrecemos nuestro servicio de posicionamiento web, para que su web se
sitúe en lo alto de la lista de resultados de las búsquedas de los principales
buscadores.
4. Tiempo de carga mínimo.
Un buen diseño se refleja también en un tiempo de carga mínimo. La idea es que su
web sea lo más ligera posible. Las imágenes justas y optimizadas. Un página web

tiene que ser dinámica, debe cargarse rapido, y desplegar contenidos que entiendan
casi a golpe de vista.
5. Claridad
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. Actualización
Una página web no puede permanecer meses sin cambios. Tiene que presentar
transformaciones, novedades, ofertas mensuales, que multipliquen la cantidad de
visitas.
7. Organización
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. Autoadministración
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. Belleza
Para captar la atención de los usuarios, el sitio 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. Seguridad
El hosting (servidor o alojamiento de la página web) que contratemos debe ser fiable
y seguro, de nada sirve un excelente diseño si el servidor se cae continuamente.
Pasos a seguir en el diseño de una página web:
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
Una 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 menú 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

El sistema de navegación o menú es el que permite al usuario acceder a las

diferentes páginas del sitio web. Es necesario lograr un diseño web claro y una
navegación sencilla que guíe al usuario por el sitio y que sea una guía de lo que va a
encontrar. Es importante que el menú sea consistente a través de todo el sitio.
Definición del diseño visual
El diseño web visual comprende la parte estética de la página web. Se realiza
tomando en cuenta la identidad corporativa de la empresa, sus colores, logotipos,
etc. Se presenta en esta etapa uno o varios bocetos del diseño web que mostrarán
al cliente una versión cercana a la final.
Las ventajas de que su empresa tenga una página web:
Poner su empresa en Internet le ofrece varios beneficios:

Al tener una página web usted añadirá una segunda puerta de entrada a su
empresa.
Es como un anuncio enorme que trabaja para usted 24 horas al día y 7 días a
la semana.
Internet no tiene fronteras, su mercado se expande desde un nivel local hasta
un nivel nacional o internacional.
Promueve la comunicación con sus clientes y proveedores.
Posibilita encontrar nuevos socios o alianzas.
Genera una buena imagen para sus clientes.
Pero la característica mas importante de una página web es que permite aumentar el
número de clientes y el volumen de ventas. Usted y su empresa pueden aprovechar
Internet para aumentar sus ventas, expandir su mercado y obtener crecimiento a un
costo muy bajo. Ver objetivos de la web.
Al planear su sitio, ponemos mucha atención a los conceptos que sabemos que
atraerán a su visitante:
Calidad de la información.
Rapidez con la que el visitante puede ver y encontrar la información que
busca.
Facilidad para accesar a la información.
Presentación atractiva del sitio.
Compatibilidad para que el sitio sea visto en cualquier ordenador.
Plantillas de diseño web

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.

MODELOS EN FIREWORKS
PERSONAL y SOCIAL
6
3 4 5
1 2
11
10
13
12

1.-
2.-
3.-Texto:
4.-archivo/importar imagen
5.-utilizamos en texto: Trajan Pro mas y subrayado

6.-
7.-el texto:
8.-

Viene el texto:
9.-textura punto granito, color marrón claro #999966
Viene el texto:

10.-video de referencia se realiza el enlace clic derecho/menú emergente luego que

se coloca la pagina video.html, se procede a archivo exportar
En ese cuadro de dialogo, exportar html y imágenes y aceptar, listo la pagina web
considerando también los pasos abajo.,
PARA PODER HACER BIEN LOS ENLACES EN MENÚ EMERGENTE
1.- archivo configuración de html

Verificar: en General :Estilo de html estar en Dreamweaver HTML
En tabla colocar igual como se visualiza

En especifico del documento: activar varios archivos de html en Bar nav es lo

principal del enlace
E incluir áreas sin divisiones.Aceptar
2.-utilizar una imagen o texto como zona activa

Aparece asi con circulo al medio
Clic derecho menú emergente o menu modificar/menú emergente:

Y colocar el nombre del y texto y el vinculo de html
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

-Aparece el cuadro de diálogo: poner el nombre, exportar :HTML e imágenes;

divisiones: exportar divisiones; activar incluir áreas sin divisiones; y activar colocar
imágenes en subcarpeta: img.
Aparece en la carpeta guardada, la pagina web y la imágenes guardadas. Asi

aparece

-Un clic en menú emergente
Nota: si se desea modificar los banner ,guardarlo en fireworks archivo/guardar como:
Uan vez exportado, la plantilla si lo desea que este banner, en Dreamweaver

colocar solo la banner

Insertar /objetos de diseño/capa
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

elemento a utilizar siempre colocar vita local

COLOCAR EL CODIGO PARTE DREAMWEAVER QUE APARECE ABAJO Y

FILENAME EL NOMBRE DEL VIDEO Y MODIFICAR EL ANCHO Y ALTO
WIDTH="346" HEIGHT="222"
<PARAM NAME="FileName" VALUE="AVI0002.avi">
ASI SE VISUALIZA

11.-EL ADORNITO donde se encuentra la herramienta rectángulo opción espiral,

color: marrón cobrizo

12.-
13.- opción rectangulo
En textura línea diagonal, texto:kristen ITC
Y NOS SE OLVIDE DE REALIZAR UNO POR UNO CADA PAGINA WEB

sigamos con la página de las fotos:
Vamos a archivo/nuevo como se muestra en el gráfico, con clic izquierdo/ edición /

copiar y después pegar , colocando el titulo de fotos arriba y luego archivo nuevo
importar las
fotos al gusto
como se
muestra
abajo. Como
en el caso
anterior para
realizar Social
utlizando el
mismo
procedimiento,
hemos
colocado
herramienta
rectángulo
cono amarillo
de ahí, en
categoría de
relleno(al lado
de borde –

propiedades)cono y filtro-ruido 8 clic aceptar( hacer clic en signo + si deseas eliminar

signo -)agregamos texto valvi color azul y luego se importa las fotos desde menú
archivo.
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


Digamos que se realiza el mismo procedimiento que el anterior copiando y pegando,

e importando.
Pasemos a revistas lo mas difícil de hacer son la letras de la revista compus y

genea, procediendo como sigue:



2
PROFESIONAL 3 4
5
1
10

1.- TEXTO :Euroestile, tamaño 92, negrita y cursiva.Subrayado
2.-
REC
TÁNGULO:COLOR:#996600;Solido;borde :suavizado;textura:otras (abrir: imagen y listo)
1252 x 370
3.-Archivo/importar imagen colocar en la imagen,

mantenga presionada alt, para que sea circulo precione tecla mayuscula,corta ella selección.
4.- texto :arial;tamaño:37 se coloca la letra y
enter
5.- texto:Small Fonts; Tamaño: 55;
6.- textto: Vivaldi; tamaño :55;
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
10.-cuadrado o rectangulo; con herramienta escala para

ajustar; textura:otras (abrir: imagen y listo)

OTRO EJEMPLO PROFESIONAL

EMPRESARIAL


1 EN PHOTOSHOP
3
2
Para este banner o fondo de la pagina web, cuadrados, rectángulos, ovoides o

círculos,
1.- herramienta cuadrado y buscar el color adecuado

2.- texto adecuado
3.-la herramienta cuadrado o rectángulo y uno por uno lo fui poniendo
4.-cuadrado y texto
5.-elipses, ovoides, circulo y agregar el texto

EN DREAMWEAVER
1 2 3 4
1.-
2.-
3.-
4.-
5.-
6.-
7.-

1
1


EN DREAMWEAVER ESCRIBIR:
EN OTRA PÁGINA:
CODIFICACION EN TUTORIAS:
<html>
<head>
<title>Concertar una tutoría</title>
</head>
<body>
<h1 align="center">CONCERTAR UNA TUTORÍA</h1>
<form action="http:\\localhost:8080/miap/tutorias"
method=post>
Alumno:<br><input type="text" name="alumno" size="60">
<br><br>Con el profesor:
<br><input type="text" name="profesor" size="60">
<br><br>Día:<br>
<select name="día">

<option>lunes <option>miércoles <option>jueves

</select>
<br><br>Hora:
10<input type="radio" name="hora" value="10" checked>

12<input type="radio" name="hora" value="12">


<br><br>Asunto:<br><textarea name="asunto"
rows="5" cols="40" wrap></textarea>
<br><br><input type="submit" value="Enviar datos">
  <input type="reset">
</form>
<iframe src="ceballos.html" width=650 height=300></iframe>

</body>
</html>
NOTA: Buscar en internet las partes:
Otro ejemplo a construir:

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>
<p class="Estilo1">¨Conferencista Nacional¨

</p>
<div align="center">
<p class="Estilo1">¨Conferencista Nacional¨
</p>
<p class="Estilo1">Prof. José de la Rosa</p>
</div>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="MSHTML 6.00.2900.2180" name=GENERATOR></HEAD>
<title>Conferencia: El Exito de E-Learnin y los blogs en la Web</title>
<BODY bgColor="amorpasion">
<marquee behavior="left" bgcolor="#ORANGE" height="0" direction="right" style="font-size:

30; text-decoration: underline blink; font-family: MS Outlook">
JOSE ARTURO DE LA ROSA VIDAL</marquee>
<p align="LEFT"><a href="#arriba" name="abajo"><marquee

behavior="slide"style="color:#99CCFF; font-family: Monotype Corsiva; font-style: italic; font-
weight: bold" align="middle" bgcolor="AMORPASION" scrollamount="8" scrolldelay="100"
direction="right">Realizado
por Prof.José A. de la Rosa Vidal</marquee></a>
<span style="BORDER-RIGHT: darkkhaki 1px solid; PADDING-RIGHT: 5px; BORDER-TOP:
darkkhaki 1px solid;
MARGIN-TOP: 5px; BACKGROUND: khaki; FLOAT: left; BORDER-LEFT: darkkhaki 1px solid;
LINE-HEIGHT:
20px; MARGIN-RIGHT: 6px; PADDING-TOP: 1px; BORDER-BOTTOM: darkkhaki 1px solidfont-
family:times;font-size:80;
color:blue;">P</span>
<B><U>ágina web o blog web</B></U>
<MARQUEE scrollAmount=60 scrollDelay=500 width=800 bgColor=#408040 height=5>

<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>
<MARQUEE scrollAmount=10 scrollDelay=500 width=500 direction=up behavior=rigth

bgColor=#cariño
align="bottom"><FONT color="orange"
size=10>Teniendo amplia experiencia en el campo y ganador de concursos,
su principal inquietud es saber reconocer una página web y un blog dentro de la web dentro
de una amplia E-leaning, aprendizaje por el
cual, el ser humano habido de aprender dichos conocimientos de muchas maneras;la
didactica impartida que esta en esta conferencia importante.
</FONT></MARQUEE>
<a href="#left" name="left">

<MARQUEE scrollAmount=30 scrollDelay=166 width=250 HEIGHT="100"direction=up
behavior=alternate bgColor=#dinamismo
align="bottom"><FONT color="greenConferenciaamor"
size=5><center>Prof.José de la Rosa <FONT color="orangeConferenciaamor"
size=5>conferencista Nacional</center></FONT></FONT></MARQUEE></a>
<form>
excelente <input type = "checkbox" name = "phuongtien" value = "excelente">
dinamico <input type = "checkbox" name = "phuongtien" value = "dinamico">
carismatico <input type = "checkbox" name = "phuongtien" value = "carismatico">
</form>
<MARQUEE scrollAmount=30 scrollDelay=500 width=200 direction=left behavior=left

bgColor=#dupla
align="bottom"><a href="prueba.exe"><FONT color="redgreenconferenciaamor"
size=5>juego visual basic</a></FONT></MARQUEE><br>
<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
<MARQUEE behavior=""right""scrollAmount=30 scrollDelay=500 width=500

direction="right" bgColor=#optimismo
align="bottom"><FONT color="redgreenconferenciaamor"
size=5>El mundo del blog</FONT></MARQUEE>
<a href="#rigth" name="rigth">
<MARQUEE scrollAmount=10 scrollDelay=500 width=700 direction=up behavior="scroll"

height=200 bgColor=#superamigo downpicture= amigo style=graphical timer=true
index=200 enabled= true drawstyle=solid drawmode=copy pen
align="bottom"><FONT color="pensamientoexitoso"
size=5 >metodo <FONT color="exito"
size=10 >dinamico y <FONT color="emprendedor"
size=100 >facil de <FONT color=alegria
size=10 >aprender<br></FONT></FONT></FONT></MARQUEE></a>
<STYLE TYPE="text/css">
H1 {color:blue; font-size:25pt; cursor:hand}
H2 {color:black; font-size:20pt; font-style:italic; cursor:help}
.yellow {background:yellow}
</STYLE>
</HEAD>
<BODY>
<H1 ONMOUSEOVER="this.style.backgroundColor = 'yellow';"
ONMOUSEOUT="this.style.backgroundColor = '';">
<MARQUEE scrollAmount=30 scrollDelay=500 width=200 direction=down behavior=Left

bgColor=#optimismo
align="bottom"><a href="huacho2001.gif"><FONT color="redgreenconferenciaamor"
size=5>fiestas patrias</a></FONT></MARQUEE>
<a href="minisemblanza.doc" size=10>minisemblanza</H1></a>
<a href="#abajo" name="arriba"><img border="0" src="JOSEM2.jpg" WIDTH="200"

HEIGHT="350" >
<span style="background-color: #FF0000"></a>

<a href="siguiente.html#desarrollo" name="desarrollo"><img border="0" src="uniforme de

Husares en la legion de Caballeria.jpg" width="34" height="31"></a>
<marquee behavior="slide" bgcolor="#00FF00" height="0" direction="right" style="font-size:

30; text-decoration: underline blink; font-family: MS Outlook">EL OPTIMISMO ESTA EN MI
CORAZON MAS FUERTE CADA DIA</marquee>
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="MovieWindowWidth" 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
1
Plantillas corel draw 2
6 5 3
4
7
Archivo/nuevo con plantillas/web
Del uno al nueve se han realizado solo colocando fondo rectángulos y textos

PAGINA ARMADO EN COREL Y MOVIMIENTO EN FLASH

GANADOR FERIA II REGIONAL CALLAO-PERÚ


Flash de presentación




SECRETOS
-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.

Revista Compus 7 - DISEÑE SU PROPIA Página Web

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Revista Compus 7 - DISEÑE SU PROPIA Página Web

Hochgeladen von

Copyright:

Verfügbare Formate

Director :Prof. José de la Rosa año 3 num.

Diferentes Modelos de Páginas Web | Prof. José de la Rosa

Consultas :997675681 delarosavidaljose@hotmail.com

BUSCA TU PROPIO ESTILO

Consultas :997675681 delarosavidaljose@hotmail.com

Diseño de paginas web optimizadas

Pasos a seguir en el diseño de una página web:

Objetivos del diseño web

Consultas :997675681 delarosavidaljose@hotmail.com

Pasos a seguir en el diseño de una página web:

Consultas :997675681 delarosavidaljose@hotmail.com

El sistema de navegación o menú es el que permite al usuario acceder a las

Las ventajas de que su empresa tenga una página web:

Poner su empresa en Internet le ofrece varios beneficios:

Plantillas de diseño web

Consultas :997675681 delarosavidaljose@hotmail.com

Consultas :997675681 delarosavidaljose@hotmail.com

5.-utilizamos en texto: Trajan Pro mas y subrayado

Consultas :997675681 delarosavidaljose@hotmail.com

Consultas :997675681 delarosavidaljose@hotmail.com

9.-textura punto granito, color marrón claro #999966

Consultas :997675681 delarosavidaljose@hotmail.com

10.-video de referencia se realiza el enlace clic derecho/menú emergente luego que

PARA PODER HACER BIEN LOS ENLACES EN MENÚ EMERGENTE

1.- archivo configuración de html

Consultas :997675681 delarosavidaljose@hotmail.com

Verificar: en General :Estilo de html estar en Dreamweaver HTML

En tabla colocar igual como se visualiza

Consultas :997675681 delarosavidaljose@hotmail.com

En especifico del documento: activar varios archivos de html en Bar nav es lo

E incluir áreas sin divisiones.Aceptar

2.-utilizar una imagen o texto como zona activa

Consultas :997675681 delarosavidaljose@hotmail.com

Aparece asi con circulo al medio

Clic derecho menú emergente o menu modificar/menú emergente:

Consultas :997675681 delarosavidaljose@hotmail.com

Y colocar el nombre del y texto y el vinculo de html

3.-ir archivo exportar una vez acabado en fireworks-vamos exportar con

Consultas :997675681 delarosavidaljose@hotmail.com

-Aparece el cuadro de diálogo: poner el nombre, exportar :HTML e imágenes;

Aparece en la carpeta guardada, la pagina web y la imágenes guardadas. Asi

Consultas :997675681 delarosavidaljose@hotmail.com

-Un clic en menú emergente

Nota: si se desea modificar los banner ,guardarlo en fireworks archivo/guardar como:

Uan vez exportado, la plantilla si lo desea que este banner, en Dreamweaver

Consultas :997675681 delarosavidaljose@hotmail.com

Insertar /objetos de diseño/capa

Consultas :997675681 delarosavidaljose@hotmail.com

elemento a utilizar siempre colocar vita local

Consultas :997675681 delarosavidaljose@hotmail.com

COLOCAR EL CODIGO PARTE DREAMWEAVER QUE APARECE ABAJO Y

<PARAM NAME="FileName" VALUE="AVI0002.avi">

Consultas :997675681 delarosavidaljose@hotmail.com

11.-EL ADORNITO donde se encuentra la herramienta rectángulo opción espiral,

Consultas :997675681 delarosavidaljose@hotmail.com

13.- opción rectangulo

En textura línea diagonal, texto:kristen ITC

Y NOS SE OLVIDE DE REALIZAR UNO POR UNO CADA PAGINA WEB

Consultas :997675681 delarosavidaljose@hotmail.com

sigamos con la página de las fotos:

Vamos a archivo/nuevo como se muestra en el gráfico, con clic izquierdo/ edición /

Consultas :997675681 delarosavidaljose@hotmail.com

propiedades)cono y filtro-ruido 8 clic aceptar( hacer clic en signo + si deseas eliminar

<p class="Estilo1">¨Conferencista Nacional¨