Registrarse Buscar Colabora FAQ Miembros Grupos de Usuarios Login  
Responder al tema WebSite desde 0 by MiloMyth "parte 3"
Ir a página 1, 2, 3, 4, 5  Siguiente
WebSite desde 0 by MiloMyth "parte 3"
milomyth
Habitual del Foro
Habitual del Foro

Registrado: 26 Ago 2006
Mensajes: 311
Ubicación: En algun lugar de mi mente
Responder citando
HuuuuFFFF porfin la ultima parte y las mas laboriosa.

Bueno iniciemos


Recomiendo utilizar macromedia dreamweaver

lo primero que ahi que hacer es colocar el color de fondo similar o igual al color del fondo de nuestra web para eso
la siguiente linea

<body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

cambiamos el numero que viene dentro de las comillas del codigo bgcolor y colocamos el deseado

si no tienes dreamweaver y no te saves el numero del color que deseas puedes colocar el nombre del color en ingles

ejemplo

bgcolor="white" o bgcolor="#ffffff" que es lo mismo

para darse una idea pueden buscar en la web tablas con lo colores y sus respectivos numeros

ahora ay que identificar la linea

<table id="Table_01" width="801" height="601" border="0" cellpadding="0" cellspacing="0">

al ultimo de esta linea agregaremso (align="center") sin los parentesis tendremos algo asi

<table id="Table_01" width="801" height="601" border="0" cellpadding="0" cellspacing="0" align="center">


ahora colocamos los links en los botones que creamos vamos a ver como

"boton 1"


busquemos la siguiente linea

<td colspan="2"><img src="images/boton_1.jpg" width="135" height="27" alt=""></td>


este link sera el que nos enlasa al principio de la pagina

el codigo a utilisar sera el siguiente

<td colspan="2"><a href="index.html"><img src="images/boton_1.jpg" width="135" height="27" border="0"></a></td>



"boton 2"

busquemos la siguiente linea

<td colspan="2"><img src="images/boton_2.jpg" width="135" height="25" alt=""></td>

este link nos manda a la pagina de la galeria de imagenes

este sera el codigo

<td colspan="2"><a href="galeria.html"><img src="images/boton_2.jpg" width="135" height="27" border="0"></a></td>

"boton 3"


busquemos la soguiente linea

<td><img src="images/boton_3.jpg" width="134" height="24" alt=""></td>

este link nos manda a la pagina de los tutoriales

<td><a href="tutoriales.html"><img src="images/boton_3.jpg" width="134" height="24" border="0"></a></td>

aa todas las de mas imagenes solo cambialas por fondo para que al momento de que cresca la tabla no se distocione, un ejemplo


<td colspan="5" rowspan="2"><img src="images/website-desede-0_24.jpg" width="144" height="286" alt=""></td>


si lo dejas como esta y escribes por encima de la imagen la imagen tiende a separarse y eso desfigura la tabla
para impedir eso solo es cuastion de colocarlo de esta manera



<td colspan="5" rowspan="2" width="144" height="286" background="images/website-desede-0_24.jpg"></td>

yo recomiendo que todas la imagenes esten de esta manera asi evitaras problemas con las tablas

y es es todo



Doy por terminado el Tutorial Website desde 0 by MiloMyth

Un saludo a toda la comunidad espero que les haya gustado si tienes alguna duda no dudes en preguntar.

wave

_________________



DeviantGallery
http://milomyth.deviantart.com/
Portafolio
http://www.milomyth.tk/
Ver perfil de usuarioBuscar todos los mensajes de milomythEnviar mensaje privado
betito
Expert@
Expert@

Registrado: 26 Jul 2006
Mensajes: 824
Ubicación: Los Mochis
Responder citando
muchas gracias milomyth en cuanto pueda lo pongo en practica, te agradesco ya que no se nada de paginas web! XD

_________________
Ver perfil de usuarioBuscar todos los mensajes de betitoEnviar mensaje privadoMSN Messenger
Iris
Que máquina!!!
Que máquina!!!

Registrado: 22 Jun 2006
Mensajes: 9375
Ubicación: España
Responder citando
Muchas gracias, Milomyth, es un tutorial muy interesante y te has tomado mucho trabajo para compartirlo con nosotros y eso es muy de agradecer. abrazo

Sobre la parte de Dreamweaver, si se te hace pesado prueba a hacer las cosas desde la parte de diseño, verás que es mucho más cómodo y agradable, aunque de vez en cuando trabajes también desde la parte de código para tener un mayor control. (A mí también se me hace pesado el Dreamweaver).

_________________

www.aliciabel.com
Ver perfil de usuarioBuscar todos los mensajes de IrisEnviar mensaje privadoVisitar sitio web del autor
milomyth
Habitual del Foro
Habitual del Foro

Registrado: 26 Ago 2006
Mensajes: 311
Ubicación: En algun lugar de mi mente
Responder citando
si es verdad fue algo lavorioso pero me diverti haciendolo

sobre dreamweaver, es verdad la vista de diseño es mucho mas comoda es la que mas utilizo jajaja
solo que para explicr esta parte me tuve que meter al codigo y recordar aquella epoca en donde hacia las paginas desde el block de notas jaja codigo al 100% Anxious pero gracias al dreamweaver eso ya es historia jjaaj Very Happy

Saludos.

_________________



DeviantGallery
http://milomyth.deviantart.com/
Portafolio
http://www.milomyth.tk/
Ver perfil de usuarioBuscar todos los mensajes de milomythEnviar mensaje privado
nucklear
Empezando
Empezando

Registrado: 11 Sep 2006
Mensajes: 15
Ubicación: En un lugar de esta tierra - cordoba-arg
Responder citando
muy bueno el tutorial, para los que recien empiezan a ver esto de desarrollo web, aunque IR exporte el diseño en tablas y celdas, y esto no esta bien visto, ,ya que no es la forma correcta de maquetar y exponer una web, pero para los que casi no tenemos tiempo y necesitamos algo rapido, es estupendo.
Saludos

_________________

http://www.porloschicos.com/PorLosChicos.NET/PorLosChicos.aspx?comando=donar
Ver perfil de usuarioBuscar todos los mensajes de nucklearEnviar mensaje privadoYahoo MessengerMSN Messenger
dark_side
Algo Sabe de esto
Algo Sabe de esto

Registrado: 20 Ago 2006
Mensajes: 68
Responder citando
Me encanta todo lo del photoshop asi que me encanta este tutorial. Es muy util para hacer paginas web asi que: ¡¡¡CREADORES ENTREN A http://www.photoshop-designs.com/foro/viewtopic.php?t=9765 !!! bueno me despido chao

_________________
Ver perfil de usuarioBuscar todos los mensajes de dark_sideEnviar mensaje privadoEnviar emailYahoo Messenger
milomyth
Habitual del Foro
Habitual del Foro

Registrado: 26 Ago 2006
Mensajes: 311
Ubicación: En algun lugar de mi mente
Responder citando
nucklear escribió:
muy bueno el tutorial, para los que recien empiezan a ver esto de desarrollo web, aunque IR exporte el diseño en tablas y celdas, y esto no esta bien visto, ,ya que no es la forma correcta de maquetar y exponer una web, pero para los que casi no tenemos tiempo y necesitamos algo rapido, es estupendo.
Saludos


jaja si asi es, esta es la forma rapida para crear una web, ya con el tiempo aprenderas cosas megores como PHP, ASP, SHTML, DHTML, MYSQL y demas que no me acuerdo jaja, Saludos.

_________________



DeviantGallery
http://milomyth.deviantart.com/
Portafolio
http://www.milomyth.tk/
Ver perfil de usuarioBuscar todos los mensajes de milomythEnviar mensaje privado
adepto
Recién llegad@...
Recién llegad@...

Registrado: 04 Oct 2006
Mensajes: 1
Responder citando
podriais ayudarme????

Intente hacer la pagina a este estilo y me quedo en este paso.La cosa esta en que hago todo bien,pero me sale la pagina deformada: aki esta: http://usuarios.lycos.es/animusicaweb/index.html
Ver perfil de usuarioBuscar todos los mensajes de adeptoEnviar mensaje privado
Sergio-F1
Calentando Motores
Calentando Motores

Registrado: 11 Oct 2006
Mensajes: 23
Responder citando
este 3º paso no me sale ni de coña, tengo el dreanwaver y tal pero no consigo hacer lo de los botones....

que hay q poner todas las etiquetas que as escrito una de tras de otra y ya esta? hay que cambiar algo?
eske se me hace muy complicado. podrias poner ejemplos ilustrados y eso usando el programa o algo?

gracias
Ver perfil de usuarioBuscar todos los mensajes de Sergio-F1Enviar mensaje privado
milomyth
Habitual del Foro
Habitual del Foro

Registrado: 26 Ago 2006
Mensajes: 311
Ubicación: En algun lugar de mi mente
Responder citando
Me imagino que el problema que tienes es ue no puedes dar click en el boton

deja me pongo a hacer las imagenes para que te des una idea mas clara. En un momento las subo

Saludos.

_________________



DeviantGallery
http://milomyth.deviantart.com/
Portafolio
http://www.milomyth.tk/
Ver perfil de usuarioBuscar todos los mensajes de milomythEnviar mensaje privado
Sergio-F1
Calentando Motores
Calentando Motores

Registrado: 11 Oct 2006
Mensajes: 23
Responder citando
vas a ilustrar los pasos? pues muchas gracias tio :D

Cita:
Me imagino que el problema que tienes es ue no puedes dar click en el boton


realmente lo que me pasa esque pongo el boton pero se me queda fuera del fondo y no puedo ponerlo donde quiero etc, y ademas tampoco se bien como aser que ese boton enlace a otra pagina... en fin soi mu torpe xD
Ver perfil de usuarioBuscar todos los mensajes de Sergio-F1Enviar mensaje privado
Sergio-F1
Calentando Motores
Calentando Motores

Registrado: 11 Oct 2006
Mensajes: 23
Responder citando
sigo esperando esas imagenes >.<

engaa porfa que tengo ganas de hacerloo! xD
Ver perfil de usuarioBuscar todos los mensajes de Sergio-F1Enviar mensaje privado
downraindancer
Sabe de esto...
Sabe de esto...

Registrado: 25 Nov 2005
Mensajes: 121
Responder citando
Sergio-F1 escribió:
vas a ilustrar los pasos? pues muchas gracias tio :D

Cita:
Me imagino que el problema que tienes es ue no puedes dar click en el boton


realmente lo que me pasa esque pongo el boton pero se me queda fuera del fondo y no puedo ponerlo donde quiero etc, y ademas tampoco se bien como aser que ese boton enlace a otra pagina... en fin soi mu torpe xD



Tienes que modificar el codigo html que se te ha creado en el index.html

por ejemplo:

<td><a href="tutoriales.html"><img src="images/boton_3.jpg" width="134" height="24" border="0"></a></td>

<td></td> te dice que es una division de una celda.

<a href="tutoriales.html"> es el enlace, aqui por ejemplo le esta indicando que cuando pulse la imagen "boton_3.jpg" se vaya a tutoriales.html

<img src="images/boton_3.jpg" width="134" height="24" border="0"> este trozo de codigo dice que, coloque una imagen "img" el source "src" ( la carpeta donde esta ubicado el archivo para que lo entendais) esta en images/boton_3.jpg, y que le ponga una anchura de "width" 134 pixeles y una altura "height" de 24px, y un borde de 0px.

espero esto te ayude a ver donde cambar el enlace a otra pagina.

_________________
Ver perfil de usuarioBuscar todos los mensajes de downraindancerEnviar mensaje privadoEnviar emailMSN Messenger
oOVirusOo
Algo Sabe de esto
Algo Sabe de esto

Registrado: 25 Oct 2006
Mensajes: 67
Ubicación: venezuela edo aragua
Responder citando
milomyth que programa usas para grabar tus tutorial?

es que yo quiero publicar mis tutoriales pero tengo muchos problemas a ver si me dices que programa usas
Ver perfil de usuarioBuscar todos los mensajes de oOVirusOoEnviar mensaje privado
popking
Recién llegad@...
Recién llegad@...

Registrado: 20 Oct 2006
Mensajes: 3
Responder citando
ami me ocurre que nose como hacer para que el target me salga en el cuadro central
Ver perfil de usuarioBuscar todos los mensajes de popkingEnviar mensaje privadoEnviar email
WebSite desde 0 by MiloMyth "parte 3"
Puede publicar nuevos temas en este foro
No puede responder a temas en este foro
No puede editar sus mensajes en este foro
No puede borrar sus mensajes en este foro
No puede votar en encuestas en este foro
Todas las horas son GMT  
Página 1 de 5  

  
  
 Responder al tema  
.::: ENLÁZANOS DESDE TU PROPIA PÁGINA WEB! :::.
Proyecto desarrollado por: NACHO LOPEZ | Videosgratis24h. || Sitemap || Topics || Modelos || Galería
Todo el contenido © Photoshop Designs - Asesoramiento Jurídico y Trámites: HGN, Logroño