elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.
 
Inicio Ayuda Ingresar Registrarse
13 Octubre 2008, 05:38  



+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderadores: дٳŦ٭, Red Mx)
| | |-+  [::TUTORIAL::] Basico,Basico sobre Creacion Web
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Imprimir
Autor Tema: [::TUTORIAL::] Basico,Basico sobre Creacion Web  (Leído 4357 veces)
Kriptosys
F.I.H

Desconectado Desconectado

Mensajes: 851


[KriPt0SyS]


Ver Perfil
[::TUTORIAL::] Basico,Basico sobre Creacion Web
« en: 10 Mayo 2003, 15:44 »

Si no tienes idea de Diseño web, ni de Creacion de tu web site pasate por ak. Perdonad que lo e hecho un poco apurado, y se me han pasado unos Errores Ortograficos, ya lo corregire. les recuerdo que este es un manual BASICO sobre diseño web, si ya sabes todo esto, esperate el segundo que ya aparcara un nivel mas avanzado. saludos a todos

--------------------------------------------------------

.:Webmasters: Diseñando mi web site:.
por: Kripto

*este es un texto Basico* sobre diseño web y parecidos

Texto realizado que el Fin de Instruir o mas bien aconsejar a futuros diseñadores
y Webmaster a Diseñar mantener y Promover su Web site.

¿Que necesito? [por parte del Diseñador]

Antes que nada para Tener un Website BUENO lo primero que hace falta es:
tiempo/time/temps, aparte de dedicarte a el diseño de tu web site tendras que mantenerlo.
Actualizado acorde al momento, lo siguiente es Imaginacion esto practicamente
es esencial al momento de diseñar si no la tienes, dedicate a otra cosa :-)
o bien paga para que te la diseñen. Luego estan los conocimientos.
aunque la mayor parte del Trabajo lo hara el Dreaweaver siempre es bueno
[necesario] que sepas por lo menos lo basico de HTML.
si no sabes HTML  basico sigue el link:
 
http://www.elhacker.net/foro/index.php?board=15;action=display;threadid=8565

.:Herrmanietas:.

-Dreamweaver 4.0 [o alguna version Superior]
-Adobe photoshop
-Macromedia Fireworks  
-Swish

Dreamweavar: una Poderosa Herramienta de diseño Web ahorrara mucho tiempo al hacer grandes y elaborados diseños, es "casi" esencial para hacer una web.

Photoshop & FIreworks: Exelentes Herramientas para elaboracion y desarrollo de Banners y/o logotipos.

Swish: exelente herramientas Para desarrollo de animacions Flash, util sencilla y comoda.


.:¿Empezamos?:.

Antes de empezar asumo que has leido el tutorial y entiedes algo de HTML.

Primero toma un Lapiz y un papel, y deja fluir tu imaginacion, piensa en lo que necesitas lo que
quieres en tu website. no te preocupes por el contenido todavia.

si no te viene ideas sigue el link

http://www.elhacker.net/foro/index.php/elhackernet/t10733.htm

Bien. una vez ideada la web procedamos a plasmala en el Dreaweaver, Primero elige el fondo de
tu web [acorde con el tema de tu web] Por ejm: colores oscuros para webs Undergrounds si es una
Organizacion Mejor seria un color blanco, da un aire de seriedad a la web :-)

Bueno. Puedes escribir un mensaje de Bienvenida para tu web. algo serio nada de "vota por mi en los Rankings"
ni nada por el Estilo, si quieres que voten por ti Con Colocar un discreto mensaje al Final del Index
junto a Mini Banners [80x30 esta bien] es suficiente, o tal vez un mensaje en la barra de estado.
Esto en el Index, Si Gustas puedes colocar en el Index [Nota: los Hosting siempre llaman al index primero] por lo que al ir a www.servidor.com/meweb Buscara -> www.servidor.com/miweb/index.htm]
Con un Boton o texto con un Link a la web Semi-Index [por llamarla asi] que es donde se encuentra el inicio de tu web.
con todas tus demas secciones etc.

Si quieres darle un toque de Dinamismo a tu web puedes colocar en un pequeño espacio una noticia
con una Marquesina :-) <MARQUEE></<MARQUEE>

Generalmente al comienzo de tu web [Superior] se coloca el Banner de tu web.
Para esto la mejor Herramienta deria el Mundialmente reconocido PhotoShop, Tambien el Fireworks.

http://www.elhacker.net/foro/index.php?board=7;action=display;threadid=6727 <- Buenos COnsejos

Ahora Procedamos a crear las Secciones. Puedes Hacerlas con Botones Flash [el Dreamweaver trae algunos]
aunque son un Poco Basicos. Puedes hacerla con Texto Flash [al pasar el cursor sobre el Cambia de color]
o con links que tambien cambien de color [recomendado]

el Problema con los Flash es que si la persona no tiene instalado el Macromedia Shockwave no podra visualizarlo
lo mismo pasa con lo botonones flash. en cambio los Links Puedes visualizarlos con normalidad  desde el Browser
normalmente. Puedes cambiar el color de activacion de los Links segun los colores de tu web.

para hacer que la Hoja Actual cambie al momento de Oprimir un links tienes 2 opciones:

1)- Hacer una web con Marcos, unos estatico y el otro que cambie.
2)- Hacer tantas webs como secciones tengas

Normalmente se estila que el Marco estatico esta a la Izquierda de tu pantalla, pero como el diseñador
se caracterisa por probar cosas nuevas puedes intentar ponerlo arriba con un menu desplegable hecho en Javascript.
 hay un Programa muy bueno para hacer Menus desplegables llamado Xara MenuMaker.

Bueno si tu menu esta Vertical, Para mayor Orden puedes Generar una tabla y en cada celda colocar un link
asiganado a una sección diferente.

.:las Descargas:.

Bien, ahora a colocar las descargas[o links a otras webs] si es que las vas a Colocar.

si vas a colocar descargas "Privadas" [ es decir alojadas en cuentas Propias]
Es recomendable que hagas 2 o 3 cuentas aparte e el mismo servidor para colocar las descargas.
aunque utilizar el servidor como almacen de Descargas me parece que no esta permitido :-)

o bien pudieras Colocar en tu PC un servidor FTP [porsupuesto necesitarias que estuviera Encendida todo el dia]
si este caso se da mejor coloca todo el servidor HTTP sobre tu PC [apache o IIS] preferiblemente Apache. pero si
es IIS no te olvides de prachear Bugs como el  Unicode y otras Trojas.

pero si es un Servidor externo [Lycos,miarroba,geocities...] Te recomiendo que utilizes un
servicio que te Proporciona Webservicio.com para ocultar el Link de la descarga, asi no te pueden
linkear a ti y robarte ancho de banda. [si es de pago]



.:FTPEANDO:.

al subir todos los Arxivos al Servidor, Utiliza un Cliente FTP [o si quieres pasarte medio dia usando
el webftp (si es que existen en el Servidor)]

yo te recomendaria el CuteFTP o el Flash FXP.

debes colocar la direccion del FTP del servidor. generalmente es ftp.Servidor.com
tu nombre de usuario y la cuenta.
 o bien puedes hacerlo desde DOS.

Pues ahora procedamos a Ftpear, "Recuerda que para mayor orden lo gif y/o jpeg's los colocas en
un directorio o folder diferente a donde estan los documentos HTMl.

[recuerda que no puede existir espacio entro los nombres de los documentso HTML]

una vez hecha la conexion con el servidor procede a Ftpear y listo!

con  un Sub-dominio o redireccion como ya.st [www.miarroba.com] ó .tk [www.dot.tk] puedes abreviar
la URL de tu web.

.:Otros:.

en web servicio puedes encontrar servicios intersesantes que "casi" no necesitan ser configurados

tambien puedes instalar un Board, [yabbse,phpbb,invasion] para estos necesitas soporte de arxivos
 PHP y una base de datos [generalmente MySQL] estos foros tampoco necesitan muxa configuracion.

Puedes encontrar un articulo interesante sobre instalacion de un foro yabbse dentro de este mismo
proyecto que por cierto ¿como se llama?

:-) Bueno esos es todo por Hoy. por ultimo solo recomendarles:

www.webexperto.com
www.webservicio.com
www.bravenet.com
www.fih-ezine.es.vg ;-)

Ta otra!








« Última modificación: 28 Febrero 2004, 21:29 por Cuantico » En línea

Citar
F I H - http://www.fihezine.tsx.to 15/11/03 Libertad de expresión, Libertad de Conocimiento
.txt

Desconectado Desconectado

Mensajes: 792


Support the true Metal.


Ver Perfil WWW
Re: [::TUTORIAL::] Basico,Basico sobre Creacion Web
« Respuesta #1 en: 10 Mayo 2003, 15:49 »

Gracias por el texto.
El project ya da pasos...

bye.... ;)
En línea

Ap0caLiPse
free styler

Desconectado Desconectado

Mensajes: 1.537


simplemente io...


Ver Perfil WWW
Re: [::TUTORIAL::] Basico,Basico sobre Creacion Web
« Respuesta #2 en: 11 Mayo 2003, 01:25 »

Hey Kripto, te lo has currao, de veras
Felicidades ;D ;)
Salu2

""Ap0caLiPse""
En línea


Un mundo solo para perr@s ;D
Kriptosys
F.I.H

Desconectado Desconectado

Mensajes: 851


[KriPt0SyS]


Ver Perfil
Re: [::TUTORIAL::] Basico,Basico sobre Creacion Web
« Respuesta #3 en: 11 Mayo 2003, 03:09 »

En realidad me hubieraa gustado extenderlo un poco mas [ de hecho lo estoy pensando]

de nada .txt siempre s un placer ayudaros.
En línea

Citar
F I H - http://www.fihezine.tsx.to 15/11/03 Libertad de expresión, Libertad de Conocimiento
jmunser

Desconectado Desconectado

Mensajes: 50


Tempus fugit!


Ver Perfil WWW
Re: [::TUTORIAL::] Basico,Basico sobre Creacion Web
« Respuesta #4 en: 29 Septiembre 2004, 02:08 »

Hola con todos estos parámetros tambien puedo fabricar una página web para mi lugar de trabajo
El frompage es más sencillo que ésto?
gracias
En línea

Las dudas me corroen, no lo puedo evitar...
Dieg^S

Desconectado Desconectado

Mensajes: 289


Gandalf the white


Ver Perfil
Re: [::TUTORIAL::] Basico,Basico sobre Creacion Web
« Respuesta #5 en: 10 Diciembre 2004, 16:30 »

Alguien me puede explicar como hacer eso del marco? para q cuando alguien le haga click en un hipervinculo no se abrá otra ventana y solo se cargue la otra pagina en la misma ventana, disculpen las molestias.
En línea
jvchino
Solo soy un
Colaborador

Desconectado Desconectado

Mensajes: 1.978


La felicidad no es una meta, es un camino.


Ver Perfil
Re: [::TUTORIAL::] Basico,Basico sobre Creacion Web
« Respuesta #6 en: 10 Diciembre 2004, 17:02 »

Intenta con este código para abrir vinculo en la mism aventana:

<a href="http://direccion_del_hipervinculo" target="_self">


SUERTE
En línea

Si ayudo a una sola persona a tener esperanza, no habré vivido en vano.

No, nada llega tarde, porque todas las cosas
tienen su tiempo justo, como el trigo y las rosas
™Carlos.®

Desconectado Desconectado

Mensajes: 602


El mayor imperio es el imperio de uno mismo


Ver Perfil WWW
Re: [::TUTORIAL::] Basico,Basico sobre Creacion Web
« Respuesta #7 en: 13 Enero 2005, 23:16 »

Kripto Te felicito muy Completa Tu Info y me ayudo con algunas dudas que tenia por hay desde hace tiempo :)

Saludos Y gracias...
En línea


Un líder es aquel que sabe obedecer al grupo que dirige.
aca_brond

Desconectado Desconectado

Mensajes: 3



Ver Perfil
Re: [::TUTORIAL::] Basico,Basico sobre Creacion Web
« Respuesta #8 en: 23 Septiembre 2005, 03:32 »

Bueno, solo keria decir que en el Dreamweaver MX 2004 no esta la opcion para que desde un marco se le de click y se abra en el main frame asi que es un problema.
gracias.
En línea
aNexos
Registered Linux User: 354086

Desconectado Desconectado

Mensajes: 4.457


¿Quieres saber?, toma tiempo para aprender.


Ver Perfil WWW
Re: [::TUTORIAL::] Basico,Basico sobre Creacion Web
« Respuesta #9 en: 23 Septiembre 2005, 07:41 »

<a href="blahblah" target="NombreDelFrame">
En línea



Leoj90

Desconectado Desconectado

Mensajes: 693


Nadie Más!


Ver Perfil
Re: [::TUTORIAL::] Basico,Basico sobre Creacion Web
« Respuesta #10 en: 28 Septiembre 2005, 20:01 »

En el frame tienes q ponerle el mismo nombre q el valor del target:

<frame src="SADASD.HTML" name="Frame">

<a href="fdsfds.html" target="Frame">aaa</a>
En línea

Suerte ;)
Never say I can't

The Most Beautiful

No es problema de tu ISP, es tu navegador!
Usa Firefox
741852

Desconectado Desconectado

Mensajes: 1.595


Central, Pont Aeri, Kontrol, Mansion, Masia...(L)


Ver Perfil
Re: [::TUTORIAL::] Basico,Basico sobre Creacion Web
« Respuesta #11 en: 28 Septiembre 2005, 20:56 »

En el frame tienes q ponerle el mismo nombre q el valor del target:

<frame src="SADASD.HTML" name="Frame">

<a href="fdsfds.html" target="Frame">aaa</a>

Asi es y si no quieres que tenga "borde" el frame que siempre queda feo;

Código:
frameborder="0"

saludos...
En línea

since 1992 there's a club wich is making history, seven years later in 1999 it's still kicking!, PONT AERI!
..... and in 2008 IT'S STILL KICKING !!!
pont aeri siempre
hardcore for life [H4L]
Páginas: [1] Ir Arriba Imprimir 
Ir a:  







Consolas     La Web de Goku     MilW0rm     MundoDivx

Hispabyte     Truzone     TodoReviews     ZonaPhotoshop

hard-h2o modding    Foros de ayuda    Yashira.org    Videojuegos    indetectables.net   

Noticias Informatica    Seguridad Informática    ADSL    Foros en español    eNYe Sec

Todas las webs afiliadas están libres de publicidad engañosa.

Powered by SMF 1.1.6 | SMF © 2006-2008, Simple Machines LLC