Página 1 de 7 1 2 3 ... ÚltimoÚltimo
Resultados 1 al 10 de 67

Tema: WebSite desde 0 by MiloMyth "parte 3"

      
  1. #1
    Avatar de milomyth
    milomyth está desconectado
    Algo sabe de esto...
    Fecha de ingreso
    26 Aug, 06
    Ubicación
    En algun lugar de mi mente
    Mensajes
    311

    Predeterminado WebSite desde 0 by MiloMyth "parte 3"

    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"></td>


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

    el codigo a utilisar sera el siguiente

    <td colspan="2"></td>



    "boton 2"

    busquemos la siguiente linea

    <td colspan="2"></td>

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

    este sera el codigo

    <td colspan="2"></td>

    "boton 3"


    busquemos la soguiente linea

    <td></td>

    este link nos manda a la pagina de los tutoriales

    <td></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]images/website-desede-0_24.jpg[/img]</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.


  2.  
  3. #2
    Avatar de betito
    betito está desconectado
    Realmente sabe de esto!
    Fecha de ingreso
    26 Jul, 06
    Ubicación
    Los Mochis
    Mensajes
    824

    Predeterminado

    muchas gracias milomyth en cuanto pueda lo pongo en practica, te agradesco ya que no se nada de paginas web! XD


  4. #3
    Avatar de Iris
    Iris está desconectado

    Miembro VIP + 3000 mensajes en el foro!!!
    Fecha de ingreso
    22 Jun, 06
    Ubicación
    España
    Mensajes
    9,442

    Predeterminado

    Muchas gracias, Milomyth, es un tutorial muy interesante y te has tomado mucho trabajo para compartirlo con nosotros y eso es muy de agradecer.

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


  5. #4
    Avatar de milomyth
    milomyth está desconectado
    Algo sabe de esto...
    Fecha de ingreso
    26 Aug, 06
    Ubicación
    En algun lugar de mi mente
    Mensajes
    311

    Predeterminado

    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% pero gracias al dreamweaver eso ya es historia jjaaj

    Saludos.


  6. #5
    Avatar de nucklear
    nucklear está desconectado
    No soy nadie aún en el foro...
    Fecha de ingreso
    11 Sep, 06
    Ubicación
    En un lugar de esta tierra - cordoba-arg
    Mensajes
    15

    Predeterminado

    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


  7. #6
    Avatar de dark_side
    dark_side está desconectado
    Medio novato...
    Fecha de ingreso
    20 Aug, 06
    Mensajes
    68

    Predeterminado

    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/for...pic.php?t=9765 !!! bueno me despido chao


  8. #7
    Avatar de milomyth
    milomyth está desconectado
    Algo sabe de esto...
    Fecha de ingreso
    26 Aug, 06
    Ubicación
    En algun lugar de mi mente
    Mensajes
    311

    Predeterminado

    Cita Iniciado por nucklear
    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.


  9. #8
    adepto está desconectado
    No soy nadie aún en el foro...
    Fecha de ingreso
    04 Oct, 06
    Mensajes
    1

    Predeterminado

    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


  10. #9
    Sergio-F1 está desconectado
    Novato absoluto
    Fecha de ingreso
    11 Oct, 06
    Mensajes
    23

    Predeterminado

    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


  11. #10
    Avatar de milomyth
    milomyth está desconectado
    Algo sabe de esto...
    Fecha de ingreso
    26 Aug, 06
    Ubicación
    En algun lugar de mi mente
    Mensajes
    311

    Predeterminado

    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.


Página 1 de 7 1 2 3 ... ÚltimoÚltimo

Temas similares

  1. WebSite desde 0 by MiloMyth "parte 1"
    Por milomyth en el foro Tutoriales Photoshop
    Respuestas: 60
    Último mensaje: 25/02/2011, 00:46

Etiquetas para este tema

Permisos de publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •  
Photoshop Designs v2.0
Photoshop designs es una comunidad dedicada a Photoshop, el retoque fotográfico, la fotografía digital, el arte digital, 3d, el diseño Web y otros programas de edición de imágenes como Corel photopaint, corel draw ó GIMP. Entre sus páginas encontraréis cientos de tutoriales photoshop y de retoque fotográfico, cursos de fotografía, concursos, información sobre cámaras digitales, soporte photoshop, miles de recursos photoshop, una increíble galería photoshop y un blog que recopila los mejores tutoriales y recursos que se publican a lo largo de toda la red
Compartir
Photoshop Designs v1.0
Visita Photoshop Designs v1.0
Búsqueda personalizada

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52