Cómo es una web por dentro

01 de enero de 2001
Valoración del artículo:
Nos acercamos a una página web desde dentro, es decir, analizamos como están hechas internamente.
Una página web la vemos en nuestro navegador, o cliente web, y parece una sola entidad, pero no es así, está compuesta por multitud de diferentes ficheros, como son las imágenes, los posibles vídeos y lo más importante, el código fuente que dice donde colocar cada texto, cada imagen o cada video y la forma que tendrán estos al ser colocados en la página. No es problema que las webs estén compuestas por tantos elementos, ya que rápidamente veremos que su organización es fácil y que no se nos van a perder o escapar ninguno.

Como hemos podido imaginar y a modo de resumen, para publicar en Internet necesitaremos construir unos documentos hipertexto, o hipermedia, con sus correspondientes archivos de imagen o video y colocarlos en unos ordenadores que son servidores de páginas web. Pero esto es algo que vamos a tratar de explicar poco a poco en los siguientes capítulos.

Aunque signifique adelantarse a los acontecimientos, es interesante señalar que con una simple acción podemos ver el código fuente de de las páginas, es decir, cómo están hechas por dentro. Para ello en Internet Explorer se ha de pulsar sobre el menú de Ver > Código fuente y en Firefox se ha de seleccionar Ver > Código fuente de la página.

Una vez accionemos el menú para ver el código fuente de la página nos abrirá una ventana con un montón de texto que seguramente nos resultará difícil de entender a primera vista. No importa que no entendamos nada, pero podemos ver que una página web "por dentro" es un texto con código. Con el tiempo aprenderás a escribir ese código por ti mismo, aunque tal vez prefieras olvidarte de las complicaciones de escribir código y utilizar un programa que lo genere por ti, que es otra posibilidad perfectamente válida.

Compartir en redes sociales

Comentarios
Fueron enviados 58 comentarios al artículo
17 comentarios no revisados
41 comentarios revisados:
Por: Laura
15/8/2005
Muy interesante este sitio, sobretodo de mucha informacion, es muy dificil encontrar una web como esta. Gracias por toda su informacion gratuita. Laura
Por: rosita
07/5/2007
me parece genial toda la informaciòn que puedo encontrar, sobre todo por que no soy experta en el tema, asì que aprendo muchisimo.
gracias por la informaciòn.
Por: Juako
20/5/2007
Muy buena la página, muy currada, me está siendo de mucha utilidad.
Como ya ha dicho Laura, este tipo de páginas son muy difíciles de encontrar.
Consejo de novato: Si quitais la publicidad mejor, así es mas cómodo.
Por: Felipe
27/5/2007
Gracias por postear esta informacion que sin duda es muy util para los que recien empezamos con todo lo relacionado a las paginas web
Salu2
Por: Chaves
29/8/2007
Deberías mencionar por lo menos el Mozilla Firefox, que además de tener también opciones como la de ver el código fuente, es el principal navegador libre, y probablemente el mayor competidor de IE.
Por lo demás, muy útil.
Muchas gracias.
Por: Julio César
26/11/2008
Creo ke deberían nombrar otras opciones fuera de IE o Netscape, como lo son Google Chrome, FireFox u Opera.
Por otro lado gracias a ustedes estoy en lo ke nunca pense hacer meterme dentro del cuento de JavaScript.
Muy bien explicado todo, gracias por compartir su conocimiento. Bakano.
Por: margarita
27/2/2009
Gracias es muy util, a ver si aprendo a hacer por fin una minipagina para poder trabajar en marqueting de afiliados
Por: Paul
27/3/2009
Gracias por esta información didactica que parte desde cero, sigan asi, y vendran muchas más personas a visitarlos, gracias
Saludos...
Por: Henry
19/6/2009
Simplemente cabal...
Agur muchachos (Y)
UN GRAN MAESTRO
Por: antonio luna
01/7/2009
los videos comentados son como clases perfectas, los comentarios muy validos, y en resumen,todo muy ameno y en lenguaje positivo.
despues de leer algun articulo y ver los dos videos, me he lanzado a contar en
htlm mi reciente viaje por los Pirineos en moto.
La pagina web, ya la he construido mas o menos en mi ordenador. Tambien he realizado un pequeño blog, pero no estoy muy satisfecho.
Espero saber interpretar todo lo que enseñas, al menos lo voy a intentar.
Solo tengo dudas sobre donde acudir para abrir mi dominio, ya que desconozco el servicio que da cada uno en particular.
Seguramente lo decis en algun sitio, que todavia no he visto. Lo volvere a mirar.
y gracias por este regalo, que no tiene precio, el conocimiento.
Wow, que Site + bárbaro ..
Por: Carlos Eduardo
22/7/2009
realmente creo que es lo necesario que necesito para iniciarme en este gran mundo de creaciones de páginas WEB.

Francamente voy por el (publicar-internet.pdf), pero les soy sincero, siento que me está ayudando bastante a sacarme de esta ignorancia que tenía acerca de la creación de una WEB.

Quiero felicitar específicamente a : Miguel Angel Alvarez por tan excel-ente documento, y espero que siga creciendo este Site.

Gracias!
Atte.
Carlos Eduardo Vega
felicitaciones
Por: jose
28/7/2009
excelente informacion, los felicito, el material es claro y no deja lugar a dudas

filoher
de cero en web
19/8/2009
de verdad me resulta interesante seguir sus enseñanzas, ya queaspiro a aprende a mis años 68 como crear una pagina web, siendo muy inepto en el tema por no decir ignorante total, pero con deseos de apreder agradecido desde ya
GRACIAS POR LAS CLASES
Por: zarela mercedes perez vasquez
22/8/2009
ME PARECE ALGO GENIAL KE UDS. LOGREN LLEGAR ATODAS ESAS PÈRSONAS KE COMO YO LES INTERESA PREPARAR UNA PAGINA , LA VERDAD YO A MIS 51 AÑOS TODAVIA TENGO GANAS DE APRENDER Y SENTIRME UTIL LES DOY LAS GRACIAS TOTALES.

nicolas...
Muy didactico
30/8/2009
muy didactico de facil lectura y muy comprensible a primera leida. Eso lo hace muy practico a la hora de exlicar como funciona una web
Felicitaciones
Por: Julio Caicedo
17/11/2009
Soy un lego absoluto en materia de diseño web, pero su explicacion es tan didactica, que podria decir que ya tengo una idea apropiada de lo que es la materia.Espero poder realizar todo el tutorial.Gracias

Gaston_...
Codigo fuente...
08/12/2009
Abri el codigo de esta página y no entendi nada jajaja y tengo nociones de Html pero ustedes si son Pro. Con el tiempo espero algún dia comprender cada linea y poder crear las mias también. Sobre usar un programa que genere el codigo por mi creo que prefiero hacerlo yo, asi entiendo mejor como funciona la cosa, resuelvo problemas y es mas satisfactorio ver el trabajo terminado y poder decir: "lo hize con el notepad" jajaja. Pero creo que en determinadas ocaciones es necesario y util ayudarnos con algun editor supongo. Obviamente van mis felicitaciones y gracias.

comentario Nº [3]

Gracias por ofrecer los contenidos que ofrecen.
Como empezar en una WEb
Por: Jose hernandez
11/12/2009
Me parece muy buen articulo y enfocado a quien no tiee ningun conocimiento de donde empezar.
no puedo entrar a mi correo
Por: irene flores
17/12/2009
bueno kero actulizar web y archivos para poder entrar a mi correo y leer mi msn x ke mi pide sto mi ordenador

feb065
Excelente el paso a paso
21/1/2010
La verdad es que estoy muy entusiasmado con el desarrollo del tema y aunque no hemos llegado a los codigos de HTML que es lo que me volvio loco en la primera clase del curso que estoy tomando, se que con ustedes lo asimilare.

Mil Gracias nuevanente

Jaime
Admirasión
Por: Aurelio Velásquez r
04/2/2010
En mi vida nunca llegue a pensar encontrarme frente a un programa tan avanzado pero hoy frete a un libro lleno de información virtual me sorprendo y solo puedo exclamar, hhhhhhhhhhhooooooooooooooooooooooooo que precioso,
Muy útil y creo que vale la pena, no leerlo sino estudiarlo.
Gracias Muchas gracias
no se olviden de OPERA
Por: pablofavio
12/2/2010
tal vez no lo conocen pero navegar con "opera"en la web es toda una experiencia...super intuitivo, rapido ,estable, parece magia !!! probe a todos los navegadores y sin este no puedo ser feliz...!!

akiles
gracias!!!!!!!
16/2/2010
es un articulo muy interesante ayuda en muchos sentidos y esta bien redactado por lo que les doy un 10 ademas como yo ahi mucha gente que no sabe manejar internetni como subir fotos espero que siga estando resumido y entendible todas las otras notas para haceruna web...simplemente gracias

arivemo
Buen trabajo
26/3/2010
Es un articulo bien logrado, lo recomiendo para todos aquellos que iniacian como yo en el conocimiento de las tripas de la web. Gracias. Felicidades.
Interesante
Por: BETULIO AVILA
22/4/2010
Antes de leer el artículo, por demás interesante, pensaba que lo de laweb era solamente un video y ni idea en cuanto a su esdtructura. Gracias a ustedes puedo nhoy día opinar al respecto con propiedad y usar los términos expuestos para no pasar como una persona que utiliza el internet solamente por utilizarlo y no saber de lo que en verdad es.

Shama
Agradecimiento
27/4/2010
Hola, Quiero felicitarlos por toda la informaciòn que brindan siempre he querido ser un web master pero tenia dudas de ¿como iniciar y por donde? pero gracias a ustedes me estoy orientando mejor. Gracias!!!
Pienso que es genial lo que hacen...
y van 3
10/5/2010
sigo con mi lectura no olviden poner ejemplos con Mac
todo esta en letras números y signos
10/5/2010
vi esta pag pero en codigo fuente nada imagenes o animaciones todo en simbolitos
digo a falta de mejores palabras

sigo

karii
Que se necesita saber y tener para Crear un servidor web en Linux
17/6/2010
Soy nueva en esto hago mispracticas y mepidieron realizar el comienzo de un servidor web en Linux ..

Por donde deberia empezar??** tengo entendido k apache es un servidor para Linux"
.. Pero en si ustedes queme recomendarian ,, Por donde Empezar :S

karii
crear servidor web en Linux
17/6/2010
les agradeceria mucho su ayudaa
=]
pagina web
Por: victoria
30/6/2010
muy claro, muy ordenado, un buen comienzo para arrancar a armar algo como la gente. lo recomiendo! me ayudo mucho.
Nuevo En el pos
22/7/2010
Comienzo esta nueva aventura en este tutorial sobre desarrollo web espero que al igual que todos sea muy productivo para el desarrollo individual como grupal espero apoyar y ser apoyado por cada uno de ustedes a lo largo de este camino de aprendizaje


un saludo a todos

Anderso...
felicitaciones por tan grandioso sitio
10/9/2010
La imformacion es poder, y en este sito se encuentra de forma muy didactica, amena y completa. Recomiendo tambien el sitio www.mailxmail.com donde podran encontrar miles de cursos sobre el tema de creacion de sitios web solo deben registrarse, son basicos pero certeros. Bueno sigan asi, gracias por existir en la red

Sonitit...
Gracias...
03/10/2010
Muy buen sitio...los felicito! me encanta este articulo
Me ha gustado!
01/12/2010
Me ha gustado - sencillo y muy conciso. Voy a leer más. Un saludo.

jorgesa...
Excelentes los manuales
04/1/2011
Excelente el sitio de Desarrolloweb, demasiado completo muy buenos los manuales y los videotutoriales excelentes en su pedagogía, en su claridad, en su aplicación y funcionan.

Gracias Miguel por todo esto.

Te reconozco el trabajo que vienes haciendo.

Eres todo un profesional.

Gracias nuevamente


Desde Colombia
Saludos!
09/1/2011
Vaya! que si eres un maestro jeje Gracias Miguel Angel Alvarez y por su puesto gracias a todos los que han hecho posible desarrolloweb

Llevo varios días aquí aprendiendo desde 0 aún cuando mis conocimientos hace algunos años sobre html y algunos lenguajes de programación ya eran algo avanzados y vengo 14 años después y esta todos cambiado ahora hay de todo PHP, Ajax , XAjax, CSS en fin me encuentro algo perdido y en buena hora llegue aquí, me toca vaciar la taza y comenzar de 0 ya he seguido algunos de los manuales como el de CSS y el de PHP y no son difíciles de aprender y donde más o menos he encontrado problemas en el aprendizaje es en Ajax así que imagino que debo pasar antes por javascript para tener una mejor base

Bueno una vez más gracias por compartir sus conocimientos

VASQUIT...
Gracias desarrolloweb
09/12/2011
Estoy interesado en todo lo que es diseño web, y revise e investigue muchas paginas y esta es super completa y me esta ayudando muchísimo Gracias por permitirnos tener tanto acceso y facil a tanta informacion.

mariajo...
recien llegada
29/5/2012
gracias por generar estos espacios
agradecer !
Por: miguel rincon
04/7/2012
en Desarrolloweb.com he aprendido todo lo que se sobre diseño web, recibo los boletines que espero con ansiedad y leo con placer. la verdad hay todavia muchismas cosas que no entiendo (tambien que soy algo lento), pero tengo mi pagina web funcionando y con buen flujo de visitantes. quiero pegar un repaso a todo y por eso hoy voy &quot;desde 0&quot;.<br />
<br />
GRACIAS ! muchas gracias tocayo !<br />
<br />
este es un servicio unico en el mundo !<br />
<br />
saludos !
bien
Por: emiliano
15/9/2012
buen articulo de inicio de diseño

Manuales relacionados
Categorias relacionadas
El autor
Miguel Angel Alvarez
Director de DesarrolloWeb.com
http://www.desarrolloweb.com


Lectura recomendada
Compra este libro en Agapea, la librería urgente a domicilio.
Últimas noticias
Donaciones
Si piensas que te hemos ayudado y merecemos tu apoyo económico...