Flash cs6 01

Bueno presentando Flash cs 6 y conceptos básicos del área de trabajo.

Maquetar una web desde cero parte 01

Buenas les traigo este video tutorial para empezar a maquetar una web con css desde cero y responsive design.

Visitenos en facebook Omardg

Fuentes de Inspiración

Este es un listado de sitios donde tienen grandes diseños que nos sirve como inspiración:

http://www.behance.net/
http://abduzeedo.com/
http://www.cssmania.com/

La siguiente lista la encontre en este blog:
http://origenarts.com/70-sitios-web-sobre-diseno-grafico-inspiracion-y-creatividad/

• http://alquimistas.evilnolo.com
• http://bleikamp.com
• http://blog.signalnoise.com
• http://blogbricolaje.com
• http://blogvecindad.com
• http://criteriondg.info/wordpress
• http://designreviver.com
• http://foroalfa.org
• http://gigposters.com
• http://graffica.info
• http://graficantes.blogspot.com
• http://graficopicante.com/blog
• http://graphicdesign.about.com
• http://gravedad.com.mx/blog
• http://inspirationfeed.com
• http://inspiredm.com
• http://jdeo.blogspot.com
• http://layersmagazine.com
• http://logolounge.com
• http://loki3.com/flex
• http://mattanddesign.com
• http://mexicodesignnet.com/
• http://nfgraphics.com
• http://outlawdesignblog.com
• http://patterntap.com
• http://proyectofinal.teoremastudio.com
• http://sofanaranja.com
• http://stopdesign.com
• http://thinkdesignblog.com
• http://vandelaypremier.com
• http://weblog.evasee.com
• http://www.aiga.org
• http://www.allartclassic.com
• http://www.allposters.com.mx
• http://www.alzado.org
• http://www.apolorama.com
• http://www.artfacts.net
• http://www.askgraphics.com/resources
• http://www.ateneupopular.com
• http://www.avioncitosdepapel.com/index.php
• http://www.bourncreative.com/blog
• http://www.cesargarcia.com/inquiettudes
• http://www.comoyodsg.com
• http://www.creativosonline.org/blog
• http://www.davidairey.com
• http://www.deviantart.com
• http://www.digram.net/home.htm
• http://www.etsy.com
• http://www.frogx3.com
• http://www.fudgegraphics.com
• http://www.grungetextures.com
• http://www.gutenver.tv
• http://www.howdesign.com
• http://www.luispabon.com/entropia/index.php
• http://www.manodepapel.com/blog
• http://www.monofactor.com/blog
• http://www.neopixel.com.mx
• http://www.nosolousabilidad.com/index.htm
• http://www.packmeister.com
• http://www.productivedreams.com
• http://www.revistadime.com
• http://www.roc21.com/blog
• http://www.sitepoint.com
• http://www.smashingmagazine.com
• http://www.sorryzorrito.com
• http://www.thedesigncubicle.com
• http://www.thisiscolossal.com
• http://www.tripwiremagazine.com
• http://www.unionroom.com/blog
• http://www.unostiposduros.com

Espero que les sirva

Botonera con animación en css3

Bueno les traigo este tutorial para hacer una super botonera en css

Codigo HTML:
<div id="botonera">
<ul class="nav">
    <li><a href="#">Inicio</a></li>
        <li><a href="#">Servicios</a></li>
        <li><a href="#">Productos</a>
        <ul>
            <li><a href="#">Monitores</a></li>
                <li><a href="#">PC</a></li>
                <li><a href="#">Juegos</a></li>    
            </ul>
   
        </li>    
        <li><a href="#">Contacto</a></li>
    </ul>

</div>

Formulario en dreamwaver

Crear un formulario simple, para probarlo tienen que subir los archivos al servidor y el servidor tiene que admitir PHP.


El CODIGO HTML:

<form action="email_prueba.php" method="post" name="form1" target="_self" id="form1">
    <div id="texto-contacto">Nombre:
     <input name="nombre" type="text" id="nombre" class="contacto-txt-contacto"  />
    </div>
     
        <div id="texto-contacto">Email:
          <input name="email" type="text" id="email" class="contacto-txt-contacto"  />
        </div>
       
        <div id="texto-contacto">Telefono:
          <input name="telefono" type="text" id="telefono"  class="contacto-txt-contacto" />
</div>
   
   
    <div id="texto-contacto">Consulta</div>
        <div>
          <textarea name="consulta" id="consulta" cols="30" rows="5" class="contacto-txt1"></textarea>
          <input type="submit" name="Enviar" id="Enviar" value="Enviar" />
        </div>



</form>

Recuros para diseños

Les recomiendo este sitio, http://www.bluevertigo.com.ar/ hay muchos recursos interesantes para aplicar a nuestros diseños.

Dreamwaver Definicion de sitio vinculos

Super importante la definición de sitio para crear nuestra web

Vinculos

Explico de manera sencilla como insertar vínculos en un html, con mailto, pagina externa y pagina interna, me olvidaba mapa dentro de la imagen con vínculo.

Insertar Plantilla Mercado LIbre Editable

Buen tutorial, donde aprenderemos a insertar una plantilla para mercado libre y editarla.

Instalar fuentes

Como instalar fuentes a nuestro ordenador