Cómo es una web por dentro

  • Por
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.

Autor

Miguel Angel Álvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997, transformando su hobby en su trabajo.

Compartir

Comentarios

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

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.

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.

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

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.

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.

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

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

Sofía

26/5/2009
Gracias
Excelente servicio para los usuarios neófitos en estas lides. <br />
Mil gracias en nombre de todos. El Universo siempre devuelve.

Henry

19/6/2009
Saludos...
Simplemente cabal...
Agur muchachos (Y)

antonio luna

01/7/2009
UN GRAN MAESTRO
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.

Carlos Eduardo

22/7/2009
Wow, que Site + bárbaro ..
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

jose

28/7/2009
felicitaciones
excelente informacion, los felicito, el material es claro y no deja lugar a dudas

filoher

19/8/2009
de cero en web
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

zarela mercedes perez vasquez

22/8/2009
GRACIAS POR LAS CLASES
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_garcia-634236

30/8/2009
Muy didactico
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

Andy

08/9/2009
Grandioso
Hermano ojala q nunca cierren esta pagina es tremenda de verdad ... con respecto a las guias

nelso

18/9/2009
desarrollo web
es muy interesante lo que vos haceis sigan asi y os agradecermos mas de lo que ustedes imaginan.

ANNA

14/10/2009
GRACIAS
EXCELENTE INFORMACION DE USTEDES. EXCELENTE WEB.

josoamistoso

17/10/2009
agradecimientos
Gracias Javi, por referir paginas como estas, encuentro muy provechoso su contenido...

Julio Caicedo

17/11/2009
Felicitaciones
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_Mekalogman

08/12/2009
Codigo fuente...
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.

Jose hernandez

11/12/2009
Como empezar en una WEb
Me parece muy buen articulo y enfocado a quien no tiee ningun conocimiento de donde empezar.

irene flores

17/12/2009
no puedo entrar a mi correo
bueno kero actulizar web y archivos para poder entrar a mi correo y leer mi msn x ke mi pide sto mi ordenador

feb065

21/1/2010
Excelente el paso a paso
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

Aurelio Velásquez r

04/2/2010
Admirasión
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

Kevin

10/2/2010
felicitaciones
Felicidades porque esta es una excelente pagina donde dan la información bien clara y muy útil.

pablofavio

12/2/2010
no se olviden de OPERA
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

16/2/2010
gracias!!!!!!!
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

26/3/2010
Buen trabajo
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.

BETULIO AVILA

22/4/2010
Interesante
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

27/4/2010
Agradecimiento
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...

mason

10/5/2010
y van 3
sigo con mi lectura no olviden poner ejemplos con Mac

mason

10/5/2010
todo esta en letras números y signos
vi esta pag pero en codigo fuente nada imagenes o animaciones todo en simbolitos
digo a falta de mejores palabras

sigo

karii

17/6/2010
Que se necesita saber y tener para Crear un servidor web en Linux
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

17/6/2010
crear servidor web en Linux
les agradeceria mucho su ayudaa
=]

mayra conde

23/6/2010
me agrada.
que buena toda esta informacion. me sirvio de mucho

victoria

30/6/2010
pagina web
muy claro, muy ordenado, un buen comienzo para arrancar a armar algo como la gente. lo recomiendo! me ayudo mucho.

gif

22/7/2010
Nuevo En el pos
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

ALEX

11/8/2010
prueba numero uno
esta es una prueba inicial

zulay rodriguez

11/8/2010
gracias
gracias por ayudar a los que no saben pero le interezan aprender y a ustedes por la capacidad pensante de darnos o apoyarnos con sus conocimientos y experiencias. atravez de esta web.

Andersoneo

10/9/2010
felicitaciones por tan grandioso sitio
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

Sonititus

03/10/2010
Gracias...
Muy buen sitio...los felicito! me encanta este articulo

ivan

17/10/2010
organizandome con una pagina web
Buenas , es importante que alguien se preocupe en dar este tipo de información que realmente son muy utiles para ir creciendo en esta materia, bueno por mi parte informo que falta otro numero menos cero, que es el lugar donde me encuentrome falta mucho , pido disculpa de antemano pero estoy serguro que con esta pagina voy a subir de numero , gracias por publicar esta informacion

ykurnat

01/12/2010
Me ha gustado!
Me ha gustado - sencillo y muy conciso. Voy a leer más. Un saludo.

Borja

04/12/2010
ThankYou!
Muchas gracias por la información

jorgesalazar

04/1/2011
Excelentes los manuales
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

Alexis

08/1/2011
Consulta
Por las dudas, no recomendas algn tipo de programa que haga (como dices tu) un programa que escriba los codigos por ti? Gracias. Alexis

Pathros

09/1/2011
Saludos!
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

Anonimo

27/4/2011
Gracias
Muy interesante el artículo, muy claro y específico con lo que informa y de verdad que es de mucha ayuda.

mili

06/7/2011
ayuda para recuperar dominio
hola soy nuevo y necesito que me ayudeis, existe una pagina de una series de personas en comun pagada por todos y que una de esas personas que es la que la ponia al dia se a peleado y por su cuenta la ha borrado, mi pregunta es,

¿si teniendo todos los datos de usuario y contraseña y teniendo todos los datos de la pagina web en el bloc de notas sacandolo desde caché se podria restablecer la pagina para continuar nuestro trabajo pues mucha gente depende de la informacion que ella contiene, y si es que si como se haria para recuperarla?

Shikary

19/11/2011
la web
execelente genial todas la info brindada

wilma

29/11/2011
esta re bueno el programa
ayuda muchisimo el Desarrolloweb.com especialmente a mi ,y les doy mi agradecimiento a los creadores ,,y sigan adelante...

VASQUITO

09/12/2011
Gracias desarrolloweb
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.

mariajosecastro

29/5/2012
recien llegada
gracias por generar estos espacios

Odilón

08/6/2012
Agradecer la aportación
El artículo me pareció muy interesante e ilustrativo.

miguel rincon

04/7/2012
agradecer !
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 !

emiliano

15/9/2012
bien
buen articulo de inicio de diseño

prefing

19/8/2013
gracias
vaya genial

JORGE8523

01/10/2013
felicidades
buenisimo, estoy aprendiendo bastante MUCHAS GRACIAS.!!!!

jorgecosmos

08/12/2013
APRENDIENDO CON USTEDES.
hoy sabado 7/12/2013 ME PROPUSE A LEER ALGO COMO LO ESTOY LEYENDO AHORA MUY INTERESANTE ESPERO APRENDER MUCHO DE USTEDES Y ESPERO DE MI PARTE SEGUIR HASTA ENTENDER SE QUE SOLO DEPENDO Y ABSOLUTAMENTE DE MI SEGUIR PARA LLEGAR A UN BUEN PUERTO PARA DESARROLAR UNA PAGINA WEB ESPERO LEER CON ATENCION Y A NO DESFALLECER POR EL CAMINO ESTE LINDO MUNDO DE LA INFORMATICA, GRACIAS A USTEDES "DESARROLLO WEB" MUY AGRADECIDO A USTEDES.

antonyramos

26/12/2013
Atte.
Excelente explicación sobre el tema. Que bueno encontrar personas como usted que comparten tal conocimiento a nosotros los novatos.

Sebastian

18/12/2014
Opinion sobre la pagina
Muy buena es poco PERFECTA la pagina muchas graciaas ! :D