F.A.Q.: Diseño/Programación web

PiradoIV

Índice de contenidos

1.- Cuestiones generales:

· ¿Qué programa me recomendáis para hacer webs?.
· ¿Con qué programa puedo hacer los gráficos de la web?.
· ¿Puedo instalar un servidor web en mi ordenador que soporte páginas PHP? ¿y una base de datos MySQL?.
· ¿Dónde puedo alojar mi web de forma gratuita?.
· ¿Y si quiero un hosting más profesional?.
· Vale, ya tengo la página y el hosting, ¿cómo la subo?.
· ¿Os gusta mi web?.
· ¿Existe un manual para...?.
· ¿Una web cuesta trabajo o es cómo si te comes un yogur?.
· ¿Cómo doy de alta mi web en buscadores (altavista, google, ...)?.
· ¿Qué lenguajes de programación son los más utilizados para los websites?.
· ¿Cómo puedo hacer el icono de la web?.
· ¿Hay páginas pre-fabricadas (templates)?.

2.- Dudas sobre PHP:

· ¿Qué es PHP?, ¿qué utilidades tiene?.
· ¿PHP es PHP-Nuke/PostNuke?.
· ¿Dónde puedo encontrar un script PHP que me sirva para...?.
· ¿Puedo programar mis propios scripts?.
· Enlaces de interés sobre PHP-Nuke.
· Manual de PHP-Nuke.

3.- Dudas sobre CSS:
· ¿Cómo le puedo añadir efectos a los enlaces?.
· Enlaces de interés sobre CSS.

4.- Sobre el F.A.Q.:

· Aportaciones y correcciones.

1.- Cuestiones generales -


P: ¿Qué programa me recomendáis para hacer webs?.

R: Existe una gran cantidad de aplicaciones que os servirán para hacer diseños webs, desde el Nano Editor (gratuito) al Dreamweaver (comercial), pasando por el Frontpage que suele venir incluído al adquirir el Microsoft Office.

[Actualizada 14/09/04]
El NVU es un remake del composer que trae Mozilla, pero con muchos añadidos y mejoras. Si lo que buscáis es algo gratuito, lo más parecido posible a Macromedia Dreamweaver... no dudéis en visitar http://www.nvu.com/.

[Actualizada 19/10/07]
NVU se ha dejado de desarrollar, su sucesor es KompoZer
http://www.kompozer.net/


P: ¿Con qué programa puedo hacer los gráficos de la web?.

R: El más popular es Photoshop, de pago. La alternativa gratuita se llama The Gimp (http://www.gimp.org/), muy completo y también con una comunidad bastante grande que lo apoya.


P: ¿Puedo instalar un servidor web en mi ordenador que soporte páginas PHP? ¿y una base de datos MySQL?.

R: Sin duda, y lo mejor de todo es que es gratis. Tienes dos métodos para hacerlo, bajarte cada paquete por separado e instalarlos o bajarte un pack instalador. Si optas por la primera opción, debes bajarte el servidor web Apache (http://httpd.apache.org/), PHP (http://www.php.net/) y MySQL (http://www.mysql.com/), este F.A.Q. no entra en profundidad sobre cómo instalarlos. Si optas por la segunda opción, puedes probar appserv (http://www.appservnetwork.com/).


P: ¿Dónde puedo alojar mi web de forma gratuita?.

R: Si lo que necesitas es algo sencillo y que funcione rápido, hay varias empresas que te ofrecen ese tipo de hosting, Estoyenlared (http://www.estoyenred.es/) nos ponen lo justo de publicidad por el servicio que ofrecen. En PHP-Hispano (http://www.php-hispano.net/hostings/) tenemos un listado de hostings gratuitos con las características que traen (gracias Nemox).


P: ¿Y si quiero un hosting más profesional?. (Gracias elle)
R: Aquí tienes unas cuantas compañías que te pueden alquilar un espacio web con unos servicios más profesionales:

· http://www.nggn.net/hosting.php
· http://www.dinahosting.com/
· http://www.sync.es/
· http://www.premiumnetworks.org/
· http://www.redmaxima.com/
· http://www.dimensis.com/
· http://www.aruba.it/
· http://www.espaciowww.com/
· http://www.dnsystem.com/
· http://www.islaweb.com/
· http://www.acens.com/
· http://www.ferca.com/
· http://www.merkaweb.com/
· http://www.zilos.com/
· http://www.goip.com/
· http://www.tu-host.com/
· http://www.amen.es/
· http://www.ipowerweb.com/
· http://www.interdominios.com/
· http://www.hostingdelweb.net/plan.php
· http://hosting.lomejordeinternet.net/alojamiento.php


P: Vale, ya tengo la página y el hosting, ¿cómo la subo?.

R: Lo más normal es hacerlo por medio del FTP que te habrán creado usando un cliente FTP, probablemente tu explorador web sea suficiente poniendo como dirección ftp://usuario:contraseñ[email protected]/ , evidentemente cambiando cada parámetro por que te habrá facilitado tu proveedor de espacio web. Si tu explorador no da la talla, siempre puedes utilizar un cliente FTP externo, en Softonic tienen unos cuantos gratis entre los que elegir (http://www.softonic.com/s/ftp/0-10-0-1-relevance-free).


P: ¿Os gusta mi web?.

R: Probablemente la respuesta popular sea un rotundo "no", no te desanimes, todos somos/fuimos novatos alguna vez. Lo importante es que realmente te guste a ti y a los que la vayan a visitar (Ej: Si la web es de un clan, pregúntale a tus miembros que serán los que en definitiva, la vean).


P: ¿Existe un manual para...?.

R: Todos los que quieras, lo mejor es que visites la guía de tutoriales que, aun siendo de 2003, os puede ser útil. La tenéis en http://www.media-vida.net/vertema.php?fid=9&tid=38030. ¿Alguien se anima a hacer una actualizada? :)


P: ¿Una web cuesta trabajo o es cómo si te comes un yogur?. (Sicario)

R: Por desgracia, hacer una web no es cosa de un chasquido de dedos y unas palmaditas... una buena web requiere muchas horas de trabajo para conseguir un buen equilibrio entre el diseño, el contenido y el código. Este foro NO forma parte de las ONG "Webmasters sin fronteras", "Webmasters a cambio de membresía de clan", "Webmasters por honor" o la tan aclamada "Webmasters a cambio de rcon".


P: ¿Cómo doy de alta mi web en buscadores (altavista, google, ...)?. (CoLtKiLL)

R: Lo primero es preparar unos Meta Tags para tu web, tienes un buen documento en http://pyme.net.uy/documentos/meta_tags.htm . Luego puedes usar algunas utilidades dar de alta tu web en múltiples buscadores, por ejemplo http://www.webservicio.com/servicios/buscadores/index.phtml (Ya no existe ese servicio, tengo que encontrar otro).


P: ¿Qué lenguajes de programación son los más utilizados para los websites?. (elenemigo)

R: JavaScript, PHP, ASP y ActionScript, el último se utiliza con las películas Flash.


P: ¿Cómo puedo hacer el icono de la web (favicon.ico)?.

R: Gracias a nub tenemos en nuestras manos una excelente utilidad para hacerlo sin complicaciones, se encuentra en http://www.chami.com/html-kit/services/favicon/

El icono de la web es, por ejemplo, la "MV" de Media-Vida que véis en la barra de dirección.


P: ¿Hay páginas pre-fabricadas (templates) gratuitas?.
R: Simplemente hay que poner en Google "free templates" y te saldrán enlaces como para aburrirte, algunas de ellas son:

· http://www.clantemplates.com/
· http://directory.google.com/Top/Computers/Graphics/Web/Templates/?tc=1
· http://www.freelayouts.com/
· http://www.freewebtemplates.com/

El OpenSource también ha llegado al mundo de los templates de la mano de la denominación OSWT (Open Source Web Template):

http://www.google.es/search?q=oswt


2.- Dudas sobre PHP -


P: ¿Qué es PHP?, ¿qué utilidades tiene?.

R: "PHP (acronimo de "PHP: Hypertext Preprocessor") es un lenguaje "open source" interpretado de alto nivel embebido en páginas HTML y ejecutado en el servidor.". Tienes una completa guía sobre lo que puedes hacer con PHP en su documentación en castellano: http://www.php.net/manual/es/intro-whatcando.php .


P: ¿PHP es PHP-Nuke/PostNuke?.

R: PHP-Nuke y PostNuke (entre otros muchos), son scripts creados en PHP con el objetivo de facilitar las tareas de mantenimiento de contenido de tu página web, con una instalación muy simple y gran cantidad de extensiones. Por favor, éste no es un foro de soporte técnico de estos scripts, léete toda la documentación antes de consultar tu duda.


P: ¿Dónde puedo encontrar un script PHP que me sirva para...?.

R: En www.hotscripts.com puedes encontrar mi repositorio de scripts y utilidades preferido, puedes encontrar un script para (casi) todo lo que andes buscando, aunque no sea de PHP en concreto.


P: ¿Puedo programar mis propios scripts?.

R: ¡Por supuesto! y te ayudaremos encantados a pulir TUS scripts, puedes empezar con en manual oficial (http://www.php.net/manual/es/) o pasarte por alguna de las webs que ofrecen documentación sobre ello, como http://www.webestilo.com/, http://php-hispano.net/, http://www.desarrolloweb.com/, etc.


P: Enlaces de interés sobre PHP-Nuke. (Por Nemox)

R: Todas las dudas sobre PHP-Nuke las podéis resolver en estos enlaces (castellano): www.phpnuke-hispano.com, http://phpnuke-es.net/, http://www.forodecanarias.org/doc/nuke/html/ (manual del webmaster).

Gracias Nemox


P: Manual sobre PHP-Nuke.
R: De la mano de n0pb0t y zh4r0naX, tenemos en nuestras manos un completo manual sobre cómo instalar PHP-Nuke, gracias:

· http://www.media-vida.net/vertema.php?fid=9&tid=81716

Nota: Puede no estar actualizado.


3.- Dudas sobre CSS:


P: ¿Cómo le puedo añadir efectos a los enlaces?.
R: Tarde o temprano todos lo queremos hacer, puedes prepararlo en tu fichero de hoja de estilos (.css) o embebido en la propia página web entre los tags de <style></style> de HEAD.

Si no te quieres complicar la vida, en Dynamic Drive tienes una buena utilidad que te saca el código que necesitas a partir de unas opciones, la tienes en http://www.dynamicdrive.com/dynamicindex5/linkover.htm[/b]

Si quieres hacerlo por tu cuenta...

<head>
<style>
<!--
a{
color:RRGGBB;
text-decoration:none;
}
a:hover{
color:RRGGBB;
text-decoration:underline;
}
-->
</style>
</head>

La etiqueta "a" es para los enlaces en los que no estamos pasando el ratón por encima, mientras que "a:hover" es para darle el efecto al enlace cuando pasamos el ratón por encima.


P: Enlaces de interés sobre CSS. (Por elenemigo)
R: http://www.hwg.org/resources/faqs/cssFAQ.html (inglés), http://www.htmlhelp.com/es/reference/css/ (castellano).

Gracias elenemigo.

También tenéis una traducción en Sidar:
http://www.sidar.org/recur/desdi/traduc/es/css/cover.html

Tened a mano siempre este enlace:
http://www.sidar.org/recur/desdi/traduc/es/css/propidx.html


4.- Sobre el F.A.Q. -

Este F.A.Q. ha sido fruto, principalmente, de las preguntas de este mismo foro y las aportaciones que vosotros mismos habéis hecho. En adelante, las preguntas más típicas que queden contestadas en este foro se irán añadiendo. Si tenéis cualquier tipo de aportación o corrección, serán bienvenidas.

BlisZ

Añade www.desarrolloweb.com , tiene manuales de PHP muy buenos, ahí aprendí yo :D

CoLtKiLL

Otra ke podías poner es:
- ¿Cómo doy de alta mi web en buscadores (altavista, google, etc.?

_BoJa_69

Buen FAQ

Tu_Dios

Pirado_IV el amo!

M

Muy buen trabajo :>:>:>

Addys

muy currado y util k es lo k interesa

Whose

El puto amo :D Sigue asi tio

pHuCkEr

realmente MUY util esta f.a.q. , te lo agradezco

Nemox

Fantástico :D
Ahora queda ir actualizándolo entre todos :D

Por cierto, las gracias dáselas a Zubyc, él es el webmaster, el amo del php, y el que ha tenido la paciencia de enseñarme bastante de lo poco que sé de php (http://www.php-hispano.net/?s=contactar):)

YiTaN

Felicidades tio, está muy interesante ! :D

elle

Sin moderador que habeis pillado :)

f0sth

muy bueno

elenemigo

Respecto a lo de las hojas de estilo css podrian ser de utilidad estas urls:
http://www.hwg.org/resources/faqs/cssFAQ.html
http://www.htmlhelp.com/es/reference/css/

;-)

Host gratuito? --> http://www.hispanet.info/webmasters/espacioweb.htm

elle

He estado leyendo y hay gente que busca host y dominios a buen precio :!

http://www.sync.es/
http://www.wad-net.org/
http://www.redmaxima.com/
http://www.dimensis.com/
http://www.aruba.it/
http://www.espaciowww.com/
http://www.dnsystem.com/
http://www.islaweb.com/
http://www.acens.com/
http://www.ferca.com/
http://www.merkaweb.com/
http://www.zilos.com/
http://www.goip.com/
http://www.tu-host.com/
http://www.amen.es/
http://www.ipowerweb.com/
http://www.interdominios.com/
http://www.nggn.net/hosting.php
http://www.hostingdelweb.net/plan.php
http://hosting.lomejordeinternet.net/alojamiento.php

( para que no solo se limite a hostings gratuitos :? )

Y en cuanto a layouts ...

http://www.freelayouts.com/
http://www.freewebtemplates.com/

L

Se te puede agradecer el faq con sexo ?

elle

#18 a ti seguro que te lo permite 8|

EDITADO: Nada pir pir 8)

25 días después
BeNNy

la de clantemplates o va error 500

NeoSky

en mi perfil hay "algunas cosillas" que os pueden gustar ^^

Atoll

...

gj pirado

nub

Teniendo en cuenta que No está permitido hablar de cheats / porno / warez / cracks / claves o cualquier material pirata, ni proporcionar enlaces para tener acceso a este tipo de material... y das serials y demás, no vales.

Be original be pirado :D

23 días después
Trisky

muy util, hacia tiempo que creia que los foros de media vida estaban acabado (lo estan) pero esto esta bastante bien. buen trabajo

AlterEg0

Ya que la gente añade direcciones mas o menos interesantes para el diseño y/o creacion web aqui pongo algunas que son la que yo suelo consultar:

Inspiración:

http://www.coolhomepages.com/
http://www.creatiu.com/
http://www.crossmind.net/cnt/news/news.php
http://www.visuellerorgasmus.de
http://www.cwd.dk/

Fuentes:

http://www.dafont.com/en/
http://jeff.cs.mcgill.ca/luc/fonts.html
http://www.quedefuentes.com/index.php

Sonidos:

http://findsounds.com/

Programacion:

Cadenas de conexion ADO para las diferentes BD existentes.

http://www.able-consulting.com/ADO_Conn.htm
http://www.connectionstrings.com/

Archivos de articulos tecnicos de Microsoft

http://www.microsoft.com/spanish/msdn/articulos/architectema/default.asp

No son muchos sisito, pero almenos asi aumenta la lista

27 días después
zUAL

espectacular la explicacion pirado

Carcass

Una cosita nada más... Hace dos o tres años que ningún buscador usa los meta-tags para indexar las páginas ;-)

2 meses después
ColiNO

mmm errata: el notepad no es gratuito, viene con los SO de mocosoft pero es propietario :D No es gratis si has pagado por tu sistema operativo claro...

PiradoIV

Modificado, gracias x)

19 días después
B

http://www.w3.org/Style/Examples/007/

os recomiendo que uséis mozilla para ver esta página. internet explorer no hace según que virguerías, como lo del tabbed interface, o el menú flotante semi-transparente.

www.mozilla.org

edit.: ésta tb está bien: http://www.sovavsiti.cz/css/

edit.2: <B>PAGINÓN[/b]
XHTML1.1 válida, CSS válida y WAI-AAA :O válida
http://juicystudio.com/
y contiene tutoriales sobre Accesibilidad Web, XML, ASP, HTML, XHTML, WML, Java, PHP, MySQL, hojas de estilo CSS, Visual Basic, C, C++ y Análisis y Diseño de Orientado a Objetos.
enjoy

edit.3:
para aquellos que creen que "nadie" utiliza 800x600 como resolución: http://www.thecounter.com/stats/2005/December/res.php son 1 de cada 5
para aquellos que creen que "nadie" navega con el javascript desactivado:
http://www.thecounter.com/stats/2005/December/javas.php son 1 de cada 11.
ahora bien, cada uno es libre de perder todas las visitas que quiera.

Usuarios habituales