Está en la página 1de 13

Jos Luque, electrnico en microcomputadoras e Internet; curso gratis en internet www.geocities.

com/geljose1
1
APLICATIVOS WEB PAGE

Diseo de Web Page
Existen aplicativos que se ejecutan en Windows nt, Windows XP, o superiores, que nos permite
tener una visin completa de un proyecto web como si fuera apenas una pgina. Con Expresin
Web se combina la facilidad de crear pginas web y al mismo tiempo una administracin global
de todo el proyecto (hipervnculos, navegacin, gifs, etc..).
Antes de comenzar a desarrollar una Web debemos tener en cuenta la siguientes:
Dibuje su Pg. Web en papel, de esa manera no perder el tiempo cuando este en la
computadora. 1.- Cuidado con sobrepasarse con las imgenes, sonidos, etc. No por tener mas
objetos, una Pg. Web es mas atractiva. 2.- Tenga en consideracin el tamao de la Pg.
Web; Muchas veces dejamos de entrar en algunas Pg. Web por ser muy pesadas.
3.- Sea ordenado al guardar sus archivos, esto le ahorrar tiempo al subir a Internet.
Comencemos a desarrollar su primera Pg. Web La presentacin que vemos al
abrir es de una cara en blanco, desde all podemos empezar a desarrollar nuestra pgina.
1.- cargar Expresin Web desde el escritorio con 2 clicks.
2.- tiene que estar SITIO WEB, si no enter sober archivo/nuevo/sitio web
3.- enter sobre Nuevo y guardar con CTRL+G, tiene que ser INDEX si o si para subir a
Internet.
FONDO.- primero podemos insertar el fondo general, para ello en la parte blanca de la hoja
de trabajo anticlick y enter sobre propiedades y en la nueva ventana como se observa enter
sobre FORMATO y aspa sobre IMAGEN DE FONDO, luego enter sobre examinar y ubicar
el fondo que desee insertar.



Observe el fondo de color amarillo que se insert.

Zona de trabajo, en donde se
consigue propiedades de pgina
Jos Luque, electrnico en microcomputadoras e Internet; curso gratis en internet www.geocities.com/geljose1
2


Otro mtodo de insertar el fondo.- FORMATO/FONDO en esa ventana puede seleccionar el
color fijo que desee en COLORES o en examinar ubique el fondo preseleccionado.

PARA INSERTAR TABLA
Pulse enter sobre tabla/insertar tabla, en esa ventana puede seleccionar la cantidad de
celdas, color de borde, fondo, etc.

PARA COMBINAR O JUNTAR 2 O MAS CELDAS
Pulsando constantemente botn izquierdo y seleccione celda o celdas que quiera
JUNTAR [ COMBINAR ], una vez seleccionado con botn derecho en MODIFICAR elija
combinar celdas y enter sobre aceptar.

COLOREAR CELDA O CELDAS
Pulsando constantemente botn izquierdo seleccione celda o celdas que quiera dar
color y una vez seleccionado con botn derecho en PROPIEDADES DE CELDA elija
color de borde y fondo y enter sobre aceptar.

PREVIA VISTA EN INTERNET
Pulse F12 para previa vista en internet, para continuar cerrar pgina.



PARA INCLUIR SONIDO
Jos Luque, electrnico en microcomputadoras e Internet; curso gratis en internet www.geocities.com/geljose1
3
Click derecho en una parte libre de la pagina/ Propiedades de pgina, mostrar una
ventana como esta.



Pulse sobre examinar y ubique el tema musical que quiera insertar, aceptar y tendremos el
fondo musical, se recomienda que el sonido est comprimido en MP3.






HIPERVINCULOS
Para incluir
fotos

Pulse sobre
INSERTAR/IMAGEN
/DESDE ARCHIVO,
ubique la foto a incluir y
enter sobre INSERTAR
Jos Luque, electrnico en microcomputadoras e Internet; curso gratis en internet www.geocities.com/geljose1
4
Seleccione el texto para hipervincular, enter sobre el botn HIPERVINCULO, se abrir una
ventana en ella enter con quien hipervincular en CARPETA ACTUAL y enter sobre sobre
ACEPTAR.
OTRO MTODO.- para hipervincular pulse simultneamente CTRL+ALT+K en esa nueva
ventana enter con la pgina que quiera vincular.

CAPA.- puede tener en un rectngulo o cuadrado el texto o foto que desee y ubicar en la
parte que desee en la hoja de procesa expresin web, para ello tal como se observa enter
sobre INSERTAR/HTML/ CAPA, en ella digite el texto.




SEGUNDA PARTE
Las pginas Web estan escritas en HTML (siglas de Hypertext Markup Language),
DHTML o XML (Extended Markup Language), lenguajes de marcado de hipertexto. El protocolo
HTTP (siglas de Hypertext Transfer Protocol) es el encargado de hacer llegar las diferentes
pginas desde los servidores remotos al equipo del usuario que las solicita. Las comunicaciones
de nivel inferior se establecen normalmente mediante TCP/IP (siglas de Transmisin Control
Protocol/Internet Protocol), si bien al ser un sistema abierto, admite otros protocolos.
Lugar de la Web o Sitio de Internet, computadora que publica documentos
(denominados pginas Web) en World Wide Web (WWW). Estos documentos estn
compuestos por texto, elementos multimedia (grficos, sonido, vdeo digital...) y vnculos
(punteros con la direccin de otras pginas Web, empleados para establecer una conexin
automtica). Un lugar de la Web (en ingls, Web site) mantiene en ejecucin un programa
llamado servidor de pginas Web que procesa las peticiones de informacin, tpicamente
Jos Luque, electrnico en microcomputadoras e Internet; curso gratis en internet www.geocities.com/geljose1
5
solicitudes de pginas. Cada documento en uno de estos lugares tiene asignada una direccin
nica denominada URL.
URL, acrnimo de Universal Resource Locator (localizador universal de recursos), mtodo de
identificacin de documentos o lugares en Internet, que se utiliza principalmente en World Wide
Web (WWW). Un URL es una cadena de caracteres que identifica el tipo de documento, la
computadora, el directorio y los subdirectorios en donde se encuentra el documento y su
nombre.
Por ejemplo, el URL de la pgina WEB inicial del Instituto Cervantes es
http://www.cervantes.es/internet/indice.html. El URL distingue entre maysculas y minsculas.
La parte del URL antes de los dos puntos indica el protocolo necesario para acceder al
documento. La etiqueta http indica que el documento se encuentra en WWW. Si aparece ftp,
indica que se puede acceder al documento utilizando FTP. Otros indicadores son gopher, un
sistema de envo de documentos seleccionables por men; news, que indica que el documento
se encuentra en un grupo de noticias de USENET; y telnet que indica que el documento se
puede conseguir conectndose a un sistema remoto mediante el protocolo Telnet.
La siguiente parte del URL, www, indica un nombre para la computadora donde se encuentra el
documento (una mquina puede tener ms de un nombre o alias). El nombre Cervantes indica el
nombre del dominio o red local donde se encuentra la mquina (puede haber ms subdominios
separados por puntos). La extensin .es indica que est en Espaa.
Despus de los nombres de la computadora y el dominio vienen los directorios y subdirectorios
donde se puede encontrar el documento (en este caso, /internet) y, finalmente, el nombre del
documento (indice.html).

HTML, acrnimo de HyperText Markup Language, lenguaje de marcas de
hipertexto. En informtica, formato estndar de los documentos que circulan en la World
Wide Web (WWW); se utiliza desde 1989. Los documentos HTML contienen dos tipos de
informacin: la que se muestra en la pantalla (texto, imgenes...) y los cdigos (tags o
etiquetas), transparentes al usuario, que indican cmo se debe mostrar esa informacin. Para
crear un documento HTML, basta con disponer de un editor de cdigo ASCII y teclear el texto y
las etiquetas que sean precisas. Tambin se pueden utilizar editores especficos que insertan
automticamente las etiquetas correspondientes al formato del texto que se escriba o a las
imgenes que se inserten; casi todos los procesadores de texto actuales incluyen esta
posibilidad.
El lenguaje HTML es un subconjunto de SGML, que es un estndar de descripcin de pgina
independiente del dispositivo, lo que permite adaptar la visin del documento al tamao de la
pantalla en la que se muestra.
A medida que se ha ido avanzando, se han estandarizado distintas versiones del lenguaje
HTML. Cada una de ellas ampla el nmero de etiquetas, lo que permite nuevas posibilidades
para los documentos; as, se le ha dotado de marcas para rellenar formularios (forms) de
manera interactiva, que permiten al usuario enviar la informacin necesaria para realizar
consultas en bases de datos, comprar o solicitar un servicio.
El software que permite al usuario consultar documentos en World Wide Web se
denomina explorador o navegador; los ms conocidos son Netscape Navigator y
Microsoft Internet Explorer. Se encarga de interpretar las etiquetas y de mostrar el
documento en la pantalla. La evolucin de las distintas versiones del lenguaje HTML ha
estado determinada por un desarrollo paralelo de los navegadores, que permitiese
interpretar las nuevas etiquetas. El avance de unos y otros ha contribuido al crecimiento
exponencial que ha experimentado WWW.
World Wide Web, mecanismo proveedor de informacin electrnica para usuarios
conectados a Internet. El acceso a cada sitio Web se canaliza a travs del URL o identificador
nico de cada pgina de contenidos. Este sistema permite a los usuarios el acceso a una gran
cantidad de informacin: leer publicaciones peridicas, buscar referencias en bibliotecas,
realizar paseos virtuales por pinacotecas, compras electrnicas o audiciones de conciertos,
buscar trabajo y otras muchas funciones. Gracias a la forma en que est organizada la World
Wide Web (WWW), los usuarios pueden saltar de un recurso a otro con facilidad. Las
Jos Luque, electrnico en microcomputadoras e Internet; curso gratis en internet www.geocities.com/geljose1
6
conexiones entre los servidores que contienen la informacin se hacen de forma automtica y
transparente para el usuario, pues el medio admite las funciones de hipertexto e hipermedia.
Servidor (informtica), computadora conectada a una red que pone sus recursos a
disposicin del resto de los integrantes de la red. Suele utilizarse para mantener datos
centralizados o para gestionar recursos compartidos. Internet es en ltimo trmino un conjunto
de servidores que proporcionan servicios de transferencia de ficheros, correo electrnico o
pginas WEB, entre otros. En ocasiones se utiliza el trmino servidor para referirse al software
que permite que se pueda compartir la informacin.
En el hipertexto, la informacin se organiza en torno a una serie de palabras clave (hotwords o
palabras calientes), que permiten que, al llegar a ellas, el documento pueda avanzar hacia otra
parte del mismo (delante o detrs de esa posicin) o presentar informacin que se encuentra en
otro documento.
Hipertexto es el modo en que se escriben los documentos multimedia y los documentos Web; en
ellos, las palabras clave suelen aparecer subrayadas. Estos enlaces se denominan hiperenlaces
o hipervnculos y, en la mayor parte de los documentos, adems de textos, enlazan con
imgenes, sonidos u otros elementos que contenga el documento; gracias a ellos, el usuario
puede examinar los distintos temas, independientemente del orden de presentacin de los
mismos. El autor es el que establece los enlaces de un documento hipertexto en funcin de la
intencin del mismo; por ejemplo, viajando a travs de los enlaces de Encarta, la palabra hierro
dentro de un artculo puede llevar al usuario al sistema peridico de los elementos o a un
artculo referido a la edad del hierro. El trmino hipermedia es prcticamente un sinnimo, pero
recalca los componentes no textuales del hipertexto, como animaciones, sonido y vdeo.
CRC, en informtica, acrnimo de Cyclic Redundant Check (Comprobacin de redundancia
cclica), procedimiento utilizado para detectar errores de transmisin de datos. Este
procedimiento consiste en que, antes de enviar informacin, la computadora emisora utiliza un
algoritmo para generar un nmero, usualmente de 16 o 32 bits, calculado en funcin de los
datos que se van a transmitir. Este nmero se aade despus del bloque de datos y se enva a
la computadora receptora.



ALOJAMIENTO GRATUITO.- geocities ejemplo: www.geo.ya.com/geljose1 curso PC
1.- mi@.com sitio en espaol de alojamiento gratuito y otros servicios. La direccin es
www.miarroba.com
2.- WEB SIN LMITES.- alojamiento gratuito www.websinlimites.com
3.- Ya.com sitio de mltiples servicios para webmasters www.ya.com/fisicamente
Otros sitios de consulta, por ejemplo sobre Dreamweaver www.macromedia.com
www.fhash.es.net www.flashmasters.com
Sitios para publicar www.tripod.com www.sanjuanbosco.4t.com www.brinkster.com

FTP NOW.- es un programa que se puede bajar de Internet, en la ventana a insertar solo
puede rellenar:
ADRESS josegel.iespana.es
LOGIN josegel_5 XXXXXXXXXX (clave de correo yahoo)
Luego ubicar la web al abrir arrastrar todo los archivos al lado derecho en la zona vaca y para
ver la pgina web en la direccin de Internet digitar josegel.iespana.es
No siempre admite ftp now de inmediato para subir, hay que esperar 24 horas aveces




SUBA SU WEB A INTERNET en www.geo.ya.com
Jos Luque, electrnico en microcomputadoras e Internet; curso gratis en internet www.geocities.com/geljose1
7
1.- Entre por el icono de Internet a Internet en: { tienes que tener tu correo en yahoo }

DIRECCION

2.- En la nueva ventana que presenta Internet ubique 2 celdas con:

Nombre usuario

Contrasea


ENTRAR
Una vez digitado nombre y contrasea pulse sobre entrar.

3.- en esta ventana observe
YA COM
Paginas personales
Area del usuario



Espacio libre 30 MB
Espacio utilizado 00 MB
Amplia tu espacio
Estadsticas de visitas 000








Enter sobre ADMINISTRADOR DE ARCHIVOS


4.- En esta ventana enter sobre













Enter sobre letras rojas



e www.geo.ya.com



- administrador de archivos
- asistente de creacin web
- Chat .. . . . . . .
- Trucos, manuales
- Espacio Premium
- ayuda
Geo juegos . . .
Otros . . . . .

. . . . . . ..
tienes . . . .
Dormir
pases
- administrador de archivos
- asistente de creacin web
- Chat .. . . . . . .
- Trucos, manuales
- Espacio Premium
- ayuda
Portada de herramientas
ASISTENTE DE CRACION WEB
. . . . . . . . . .
HTML
. . . . . . . . . . . .
Prubelo

ADMINISTRADOR DE ARCHIVOS
Jos Luque, electrnico en microcomputadoras e Internet; curso gratis en internet www.geocities.com/geljose1
8
5.- CARGAR ARCHIVOS

Examinar
Examinar
Examinar
Examinar
Examinar

SUBIR
6.- enter sobre primer examinar, en esa nueva ventana localice el web creado, abra y suba
todos los archivos, archivo por archivo, una vez seleccionado el archivo click sobre
ABRIR; OJO no las carpetas. Una vez que haya llenado los 5 casilleros enter sobre SUBIR,
luego volver, as sucesivamente.
Si desea ver su web en Internet enter sobre:

URL http:\\ geo.ya.com/., puede entrar de cualquier sitio de internet con:
www.geo.ya.com/ ..
* Si tiene que modificar web o si quiere borrar todo seleccione debajo de la lista pulse
seleccionar todo y mas arriba pulse sobre borrar, enter sobre aceptar y volver. Para subir el web
modificado.
SUBIR WEB EN GEOCITIES
1.- Entre a Internet y digite www.geocities.com enter
2.- digite su nombre de usuario y contrasea
3.- ubique MANAGE enter, esta debajo de GEOCITIES PANEL CONTROL
4.- enter sobre FILE MANAGER
5.- enter sobre OPEN FILE MANAGER
6.- enter sobre el primer recuadro EXAMINAR, en esa ventana localice su web creado
y suba archivo por archivo, no las carpetas; enter sobre UPLOAD FILE
* si ya tubo web en Internet borrar enter sobre CHECK ALL y enter sobre DELETE,
luego UPLOAD FILES y subir todos los archivos.



GEL internacional le desea toda la suerte del mundo para que puedas confeccionar tu pgina
web y estar en Internet para concretar tus sueos.

Disertantes de GEL: 1] Jos G. Luque Corimayhua, 2] Eloy R. Luque C., 3 ] ing. Guina Raquel Luque, 4]
Jhonny E. Luque, 5] Derly Omar Luque ingeniero electrnico especializado en telecomunicaciones y
disertante de GEL, 6] Juliana Guerola, 7] Yuliana Luque Guerola; siempre atentos a tus consultas en Cabaa
Mara J.4 cercado Arequipa Per, Tel. 054: 607728 domicilio,
054 959165298 cel. Del disertante Jos, geljose1@hotmail.com












ltimamente WEBCINDARIO da mejores opciones y ventajas por lo que recomendamos
Jos Luque, electrnico en microcomputadoras e Internet; curso gratis en internet www.geocities.com/geljose1
9
En la direccin de Google digite: http://www.webcindario.com antes tienes que
suscribirte en webcindario para tener sitio gratuito de web y otros.



Seguidamente aparece otra ventan con webcindario

Llena tu nick y contrasea

Digitar
http://www.webcindario.com
Si eres usuario pincha sobre conectar usuario
Si eres nuevo tienes que suscribirte antes
Jos Luque, electrnico en microcomputadoras e Internet; curso gratis en internet www.geocities.com/geljose1
10


Observe esta otra ventana


Un poco mas debajo de la ventan se observa PANEL DE CONTROL enter sobre ese mensaje
Enter sobre
Tu web gratis
Jos Luque, electrnico en microcomputadoras e Internet; curso gratis en internet www.geocities.com/geljose1
11







Enter sobreadministrador
Sobre panel de control
Jos Luque, electrnico en microcomputadoras e Internet; curso gratis en internet www.geocities.com/geljose1
12







Para subir otro web
enter
WebFTP

Se observa debajo de
URL que ya teniamos
nuestro web

Aspa sobre cada casillero y enter
sobre borrar


Una vez borrado puede
seleccionar el primer examinar y
buscar los archivos del web
editado subir todo para luego
Enter sobre ENVIAR
Has subido tu web si quieres ver
en la direccin principal
Digitar
http://123web.webcindario.com
observe mi nick es 123web
Jos Luque, electrnico en microcomputadoras e Internet; curso gratis en internet www.geocities.com/geljose1
13