HTML , CSS y relacionados


Uno de los motivos de que el blog no se actualiza con mucha regularidad es que llevo un mes y medio aproximadamente aprendiendo HTML y CSS. He ido consultando y recopilando información de aquí y allí, y estos enlaces, sin ningún orden concreto son los que me han ayudado bastante en ciertos aspectos.

Allá van:

GENERAL
http://lifehacker.com/5790955/how-to-make-a-web-site-the-complete-guide
HTML BASICO
http://lifehacker.com/5788442/how-to-make-a-web-site-part-i-understanding-and-writing-html
CSS BASICO
http://lifehacker.com/5789294/how-to-make-a-web-site-part-ii-styling-and-css

HTML Y CSS . PASO POR PASO
es.html.net

ROBOTS.TXT COMO HACERLO
http://www.robotstxt.org/orig.html

COMANDOS CSS
http://www.webtaller.com/maletin/articulos/guia-CSS.php

Compartir en redes sociales
http://www.desarrolloweb.com/articulos/boton-compartir-facebook.html
http://www.desarrolloweb.com/articulos/boton-compartir-twitter.html
http://www.genbeta.com/herramientas/tuenti-tambien-lanza-su-boton-de-compartir
Diseño de web en Photoshop
http://www.solophotoshop.com/tutorial/diseno-de-una-pagina-web-con-photoshop-cs-parte-1/284/
Reglas de buen gusto Photoshop para web
http://photoshopetiquette.com/
Tutorial para crear piel en Photoshop
http://psd.tutsplus.com/tutorials/tutorials-effects/quick-tip-create-your-own-leather-texture-using-filters/
Crear costuras (y piel)
http://psd.tutsplus.com/tutorials/icon-design/create-a-leather-textured-realistic-briefcase-icon/

Plantillas de Photoshop para webs
http://www.templatemonster.com/es/

Icono pequeño para la barra de direcciones
fichero de imagen de 96*96 con el nombre favicon.ico en el directorio raiz de vuestra web

Mouseover
http://cosasparaelblog.com.ar/2009/02/cambiar-de-imagen-al-pasar-el-mousse.html

Formularios de correo electronico
http://es.kioskea.net/contents/html/htmlform.php3
http://www.forosdelweb.com/f4/como-hago-formulario-contacto-280417/
http://soporte.miarroba.es/17451/3317444-formulario-sencillo-de-contacto/
http://www.grupoalborada.com/grupo-alborada-contacto.html (ver codigo fuente)

MAQUETAR Y HACER FORMULARIOS CON CSS
http://www.miguelmanchego.com/2008/envia-correos-con-php/
http://www.miguelmanchego.com/2009/formato-formulario-css-hoja-estilo/
http://www.miguelmanchego.com/2009/aplicar-estilo-a-formularios-parte-2/

Lazo de piel rojo
http://psd.tutsplus.com/tutorials/interface-tutorials/stitched-web-ribbon/

Tutoriales DREAMWEAVER
http://todo-dreamweaver.com/tutorial-dreamweaver/basicos/
http://www.programatium.com/dreamweaver.htm
En Youtube http://www.youtube.com/watch?v=XMZARc_GdLE&feature=related (CREATETHENET – Ingles, framework de pago)
http://www.youtube.com/watch?v=hWmcpMv2V0o&feature=fvwrel (Español, revisar)

EMPOTRAR Y PERSONALIZAR VIDEOS DE YOUTUBE
http://code.google.com/intl/es-ES/apis/youtube/player_parameters.html

Barra de Navegación
http://todo-dreamweaver.com/tutorial-dreamweaver/menus/barra_de_navegacion_en_dreamweaver.html

Recursos, trucos, y varios de CSS, JS etc
http://tupale.org/crear-un-menu-desplegable-con-css-pero-sin-javascript.html

Superponer imágenes
http://www.forosdelweb.com/f53/superponer-2-imagenes-665616/

Sombras sobre DIV con CSS
http://www.cssplay.co.uk/menu/shadow2.html
http://www.masquewordpress.com/esquinas-redondeadas-y-degradados-con-css3/

Sombras bajo los textos
http://www.spanish-translator-services.com/espanol/t/007/text-shadow.html

Degradados de color en fondo de DIV (usando CSS)

http://www.bloogie.es/tecnologia/programacion/64-fondo-degradao-con-css3

Paletas de Color
http://kuler.adobe.com/
http://www.colourlovers.com

SCRIPT PARA AÑADIR “ME GUSTA” en Facebook

https://developers.facebook.com/docs/reference/plugins/like/
http://www.desarrolloweb.com/articulos/boton-compartir-facebook.html
Ahora, la url de la página de facebook tiene que codificarse: los dos puntos (:) que van después de http deben reemplazarse por %3A y los slash (/) por %2F. Por ejemplo, la url http://www.facebook.com/heylupita quedaría así: http%3A%2F%2Fwww.facebook.com%2Fheylupita.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: