Descargar para leer sin conexión
Subido porAlexander Lopez
Cibergrafias
Este documento presenta información sobre páginas web a través de 13 imágenes y 3 cuadros. Resume conceptos clave como diseño de páginas web, logotipos, estructuras, partes y aplicaciones de las páginas web. Además, incluye mapas conceptuales que ilustran temas como servidores web y herramientas 2.0 relacionadas con las páginas web.
Cibergrafias
- 1. Cibergrafia: http://es.wikipedia.org/wiki/P%C3%A1gina_web Cibergrafia de imágenes ImagenN°1 Nombre: mundo web http://www.google.com.co/imgres?q=paginas+web&start=91&num=10&hl=es&biw=1366&bih=66 7&addh=36&tbm=isch&tbnid=R2M- 1iXT0ZiM_M:&imgrefurl=http://www.paginasweb.amarillasbogota.com/&docid=pcxtBFZvkmUNw M&imgurl=http://www.paginasweb.amarillasbogota.com/imgs/diseno- web.jpg&w=400&h=211&ei=Q8UpUJSQMoPe9ATMoIGwBw&zoom=1&iact=hc&vpx=178&vpy=20 9&dur=5063&hovh=163&hovw=309&tx=127&ty=88&sig=113491799964372389123&page=5&tbn h=118&tbnw=224&ndsp=24&ved=1t:429,r:0,s:91,i:6 Imagen N° 2 Nombre: revolución web http://www.google.com.co/imgres?imgurl=http://abogadocolombia.files.wordpress.com/2011/09 /pagina-web.jpg&imgrefurl=http://abogadocolombia.wordpress.com/2011/09/30/paginas-web- empresariales-herramienta-para-el-derecho-societario/pagina- web/&usg=__xGI3SSqALypV2t0V9gDB4Iast0A=&h=303&w=530&sz=21&hl=es&start=2&zoom=1&t bnid=QjDkhBv8YXvdMM:&tbnh=75&tbnw=132&ei=ws0pULuVHoqE8AS_g4DwDg&prev=/search% 3Fq%3Dpaginas%2Bweb%26num%3D10%26um%3D1%26hl%3Des%26sa%3DN%26biw%3D1241% 26bih%3D606%26tbm%3Disch&um=1&itbs=1
- 2. Imagen N°3 Nombre: diseñode las páginas web http://www.google.com.co/imgres?imgurl=http://abogadocolombia.files.wordpress.com/2011/09 /pagina-web.jpg&imgrefurl=http://abogadocolombia.wordpress.com/2011/09/30/paginas-web- empresariales-herramienta-para-el-derecho-societario/pagina- web/&usg=__xGI3SSqALypV2t0V9gDB4Iast0A=&h=303&w=530&sz=21&hl=es&start=2&zoom=1&t bnid=QjDkhBv8YXvdMM:&tbnh=75&tbnw=132&ei=ws0pULuVHoqE8AS_g4DwDg&prev=/search% 3Fq%3Dpaginas%2Bweb%26num%3D10%26um%3D1%26hl%3Des%26sa%3DN%26biw%3D1241% 26bih%3D606%26tbm%3Disch&um=1&itbs=1 Imagen N°4 Nombre: logotipo Imagen N°5 Nombre: dirección web http://www.google.com.co/imgres?imgurl=http://www.himalayasem.com/images/content/disen o-paginas-web.jpg&imgrefurl=http://www.himalayasem.com/diseno-paginas- web.php&usg=__8UMKApvD5oa151daTudGCBbHN7w=&h=275&w=339&sz=55&hl=es&start=14& zoom=1&tbnid=GuwnvACOha25cM:&tbnh=97&tbnw=119&ei=588pUPmSHJC49gTs- IGgDA&prev=/search%3Fq%3Dpaginas%2Bweb%26start%3D10%26num%3D10%26um%3D1%26hl %3Des%26sa%3DN%26biw%3D1241%26bih%3D606%26tbm%3Disch&um=1&itbs=1 Imagen N° 6 Nombre: estilos web
- 3. http://www.google.com.co/imgres?imgurl=http://www.cibertronica.com/images/image1.jpg&img refurl=http://www.cibertronica.com/&usg=__EiEjunW6zWHBNl6AQGmWQZSwqRs=&h=400&w=3 65&sz=34&hl=es&start=5&zoom=1&tbnid=haexDT8V2frTRM:&tbnh=124&tbnw=113&ei=rtApUP6 WM4Ok8QSFiIDgBA&prev=/search%3Fq%3Dpaginas%2Bweb%26num%3D10%26um%3D1%26hl% 3Des%26sa%3DN%26biw%3D1241%26bih%3D606%26tbm%3Disch&um=1&itbs=1 Imagen N°7 Nombre: sitioweb http://www.google.com.co/imgres?q=paginas+web&start=115&num=10&hl=es&biw=1092&bih=5 33&addh=36&tbm=isch&tbnid=HfSzT9jAW7kswM:&imgrefurl=http://www.icesi.edu.co/blogs_est udiantes/orimerca/2009/08/27/tipos-de-pagina- web/&docid=yAtPlc4ZHwBXhM&imgurl=http://www.icesi.edu.co/blogs_estudiantes/orimerca/file s/2009/08/diseno-web- 01.jpg&w=350&h=306&ei=CbItUJCyMMHX0QHdzoGICQ&zoom=1&iact=hc&vpx=485&vpy=173&d ur=1920&hovh=211&hovw=240&tx=104&ty=134&sig=113491799964372389123&page=10&tbnh =161&tbnw=184&ndsp=13&ved=1t:429,r:20,s:115,i:120 imagen N° 8 Nombre: conociendo el mundo web http://www.google.com.co/imgres?q=paginas+web&start=119&num=10&hl=es&biw=1241&bih=6 06&addh=36&tbm=isch&tbnid=x_p6wX2th6VGMM:&imgrefurl=http://www.zpac.site90.net/servi cio_al_cliente.html&docid=sdp7G_q9Y91SoM&imgurl=http://www.zpac.site90.net/imagenes/pagi na_web.jpg&w=499&h=400&ei=PrMtUPaHL8Ha0QH8sICICw&zoom=1&iact=hc&vpx=847&vpy=28 0&dur=4466&hovh=201&hovw=251&tx=146&ty=128&sig=113491799964372389123&page=6&tb nh=133&tbnw=164&ndsp=27&ved=1t:429,r:11,s:119,i:117 Imagen N°9 Nombre: logotipos web http://www.google.com.co/imgres?q=paginas+web&num=10&hl=es&biw=1241&bih=606&tbm=is ch&tbnid=AdzwNbBbIEtg- M:&imgrefurl=http://gaconsultoriaweb.com/precios.htm&docid=OUJSEgxVKgBMBM&imgurl=http ://gaconsultoriaweb.com/picts/plantillas.jpg&w=575&h=514&ei=JLMtUMumJdKC0QH_uIDIBA&zo om=1&iact=hc&vpx=871&vpy=243&dur=2568&hovh=212&hovw=238&tx=85&ty=140&sig=11349 1799964372389123&page=3&tbnh=133&tbnw=150&start=45&ndsp=25&ved=1t:429,r:17,s:45,i:3 31 Imagen N° 10 Nombre:ambiente web
- 4. http://www.google.com.co/imgres?q=logotipos+de+las+paginas+web&num=10&hl=es&biw=1241 &bih=606&tbm=isch&tbnid=NXIljTD- oWiAaM:&imgrefurl=http://cogitoergoscribere.blogspot.com/2008/04/logos-del-dia-de-la- tierra.html&docid=7K3NYzNThx-UgM&imgurl=http://4.bp.blogspot.com/_4Ie- 3nBf5l4/SA9ZqMBiWcI/AAAAAAAABok/2W8uPmJpKZ0/s400/earthday_logos_08.jpg&w=400&h=3 28&ei=gLUtUN67F7So0AHYkIDABg&zoom=1&iact=hc&vpx=681&vpy=138&dur=5848&hovh=203& hovw=249&tx=89&ty=152&sig=113491799964372389123&page=1&tbnh=119&tbnw=144&start= 0&ndsp=21&ved=1t:429,r:4,s:0,i:82 Imagen N°11 Nombre: figuray estilos web http://www.google.com.co/imgres?q=logotipos+de+las+paginas+web&num=10&hl=es&biw=1241 &bih=606&tbm=isch&tbnid=BeIgaVMzpqHRGM:&imgrefurl=http://estiloextra.com/diseno-de- logos-fuentes-paginas-web-ilustraciones-en-the-design- inspiration&docid=lZKiM6cuE8yCQM&imgurl=http://estiloextra.com/wp- content/uploads/2011/03/thedesigninspiration.jpg&w=478&h=303&ei=gLUtUN67F7So0AHYkIDAB g&zoom=1&iact=hc&vpx=921&vpy=151&dur=1308&hovh=180&hovw=282&tx=196&ty=92&sig=1 13491799964372389123&page=1&tbnh=100&tbnw=157&start=0&ndsp=21&ved=1t:429,r:6,s:0,i: 88 Imagen N° 12 Nombre: variedades web http://www.google.com.co/imgres?q=logotipos+de+las+paginas+web&num=10&hl=es&biw=1241 &bih=606&tbm=isch&tbnid=UVYUpzMMvf7KAM:&imgrefurl=http://www.vinagreasesino.com/arti culos/como-usar-logos-de-paginas-web-en-los-favoritos-de- opera.php&docid=CVgeL3XD7GaP0M&imgurl=http://img.vinagreasesino.com/wp- content/uploads/2011/04/speeddial- logo1.jpg&w=550&h=368&ei=gLUtUN67F7So0AHYkIDABg&zoom=1&iact=hc&vpx=102&vpy=148& dur=1110&hovh=184&hovw=276&tx=125&ty=100&sig=113491799964372389123&page=1&tbnh =107&tbnw=159&start=0&ndsp=21&ved=1t:429,r:0,s:0,i:70 Imagen N°13 Nombre: estructuras de las páginas web http://www.google.com.co/imgres?q=las+paginas+web&start=251&hl=es&biw=1241&bih=606&t bm=isch&tbnid=wOH1zI3x2spjFM:&imgrefurl=http://www.lawebera.es/diseno-web/estructura- de-una-pagina-web-estructura-del- diseno.php&docid=3u3zbsD34MUMsM&imgurl=http://i814.photobucket.com/albums/zz70/anfer gon/pagina.jpg&w=600&h=600&ei=wrgtUJHmPKeC0QHB5YGgCA&zoom=1&iact=hc&vpx=597&vp
- 5. y=116&dur=578&hovh=189&hovw=189&tx=144&ty=134&sig=113491799964372389123&page=1 1&tbnh=129&tbnw=129&ndsp=27&ved=1t:429,r:9,s:251,i:286 Cuadro N°1 Nombre: aplicacionessociológicas http://www.google.com.co/imgres?q=mapas+conceptuales+de+las+paginas+web&num=10&hl=es &biw=1241&bih=606&tbm=isch&tbnid=h3POcUkD32neaM:&imgrefurl=http://serveisdeinternet.w ikispaces.com/MAPA%2BCONCEPTUAL&docid=- Stu9370UIK4qM&imgurl=http://serveisdeinternet.wikispaces.com/file/view/WEB_2.0_MAPA_INS PIRATION.gif/34116581/WEB_2.0_MAPA_INSPIRATION.gif&w=920&h=662&ei=s7stUL2nJtCo0AHp 8oC4Ag&zoom=1&iact=hc&vpx=645&vpy=146&dur=821&hovh=190&hovw=266&tx=119&ty=93&s ig=113491799964372389123&page=1&tbnh=125&tbnw=173&start=0&ndsp=19&ved=1t:429,r:3,s :0,i:79 Cuadro N° 2 Nombre: partes d las paginas web http://www.google.com.co/imgres?q=mapas+conceptuales+de+las+paginas+web&start=460&nu m=10&hl=es&biw=1241&bih=606&tbm=isch&tbnid=Do9cV5JP- Do5rM:&imgrefurl=http://www.pearltrees.com/andonigonzalez/herramientas-2- 0/id5333126&docid=pV38DnT04ybPgM&imgurl=http://cdn.pearltrees.com/s/preview/index%253 FurlId%253D32316596&w=372&h=240&ei=tLwtUIqzFcf10gHb8IH4Bw&zoom=1&iact=hc&vpx=720 &vpy=300&dur=33&hovh=180&hovw=280&tx=107&ty=142&sig=113491799964372389123&page =20&tbnh=112&tbnw=174&ndsp=27&ved=1t:429,r:4,s:460,i:249 Cuadro: N°3 Nombre: servidores de la web http://www.google.com.co/imgres?q=mapas+conceptuales+de+las+paginas+web&num=10&hl=es &biw=1241&bih=606&tbm=isch&tbnid=AIB6rbyOpk9h7M:&imgrefurl=http://llamadavirtual.word press.com/category/mapas- conceptuales/&docid=pVnpvkvwVExSWM&imgurl=http://llamadavirtual.files.wordpress.com/200 8/10/bubblus-second- life2.jpg&w=475&h=480&ei=s7stUL2nJtCo0AHp8oC4Ag&zoom=1&iact=rc&dur=985&sig=1134917 99964372389123&page=1&tbnh=126&tbnw=124&start=0&ndsp=19&ved=1t:429,r:8,s:0,i:95&tx= 94&ty=62
- 6. Civergrafia de loanexos Imagen N° 1 de los anexos Nombre: Punto Vista de las paginas web http://www.google.com.co/imgres?q=paginas+web&start=365&um=1&hl=es&sa=N&biw=1241&b ih=606&addh=36&tbm=isch&tbnid=GItOPwCImAbPOM:&imgrefurl=http://nestavista.com/2007/1 2/convertir-pginas-web-formato-pdf- con.html&docid=j2ESB7h7qAGMHM&imgurl=http://lh3.google.com/ottoguzmanruiz/R2wIbYeV9II /AAAAAAAABks/qiEKQ_B3gUI/pdf2_thumb%25255B7%25255D%253Fimgmax%253D800&w=379& h=331&ei=D6AtUM60HMi30gHUmoCIAw&zoom=1&iact=hc&vpx=458&vpy=219&dur=261&hovh= 210&hovw=240&tx=78&ty=116&sig=113491799964372389123&page=16&tbnh=133&tbnw=152& ndsp=26&ved=1t:429,r:22,s:365,i:309 Imagen N° 2 de los anexos Nombre: Diferentes sitios web http://www.google.com.co/imgres?q=paginas+web&um=1&hl=es&sa=N&biw=1241 &bih=606&tbm=isch&tbnid=0_ljOdXMZT0BMM:&imgrefurl=http://www.superhostin g.cl/webcreator.php&docid=1Lge4bojr7_exM&imgurl=http://www.superhosting.cl/im ages/paginas-sitios- web.jpg&w=765&h=595&ei=wJ8tUKPuJ8nA0QGAzYCgBA&zoom=1&iact=hc&vpx =948&vpy=177&dur=1021&hovh=199&hovw=256&tx=185&ty=94&sig=113491799 964372389123&page=1&tbnh=121&tbnw=157&start=0&ndsp=21&ved=1t:429,r:6,s :0,i:154 Imagen N° 3 de los anexos Nombre: Calidad web: http://www.google.com.co/imgres?q=paginas+web&um=1&hl=es&sa=N&biw=1241 &bih=606&tbm=isch&tbnid=fD7lWhTQREPI9M:&imgrefurl=http://vendopaginasweb .com/&docid=SyMs0CRyXh scmM&imgurl=http://vendopaginasweb.com/wp-
- 7. content/uploads/2011/02/PaginasWebProfesional.jpg&w=420&h=389&ei=wJ8tUKP uJ8nA0QGAzYCgBA&zoom=1&iact=hc&vpx=269&vpy=280&dur=943&hovh=217& hovw=233&tx=123&ty=165&sig=113491799964372389123&page=1&tbnh=112&tb nw=128&start=0&ndsp=21&ved=1t:429,r:15,s:0,i:183 Imagen N° 4 de los anexos Nombre:Ventanas de las páginas web http://www.google.com.co/imgres?q=paginas+web&um=1&hl=es&sa=N&biw=1241 &bih=606&tbm=isch&tbnid=UE4NVwaU6RyzkM:&imgrefurl=http://www.anunciostu. com/empl/visualizacion_empl_usr.php%3Fid%3D964%26limit%3D0&docid=4nb6g gopN7QkaM&imgurl=http://www.anunciostu.com/empl/cargas/26-03- 2012_964__2.jpg&w=1001&h=902&ei=wJ8tUKPuJ8nA0QGAzYCgBA&zoom=1&ia ct=hc&vpx=428&vpy=169&dur=5321&hovh=213&hovw=238&tx=131&ty=122&sig= 113491799964372389123&page=1&tbnh=121&tbnw=134&start=0&ndsp=21&ved= 1t:429,r:2,s:0,i:142 Imagen N° 5 de los anexos Nombre: Modelos de las páginas web http://www.google.com.co/imgres?q=paginas+web&um=1&hl=es&sa=N&biw=1241 &bih=606&tbm=isch&tbnid=W_5ABhn4pqalpM:&imgrefurl=http://paginas- seo.com/disenadores-de-paginas-web/portafolios-paginas- web/&docid=X9ZG0WywP_BLRM&imgurl=http://paginas- seo.com/imagenes/modelo-de-paginaweb- 1.jpg&w=400&h=294&ei=wJ8tUKPuJ8nA0QGAzYCgBA&zoom=1 Imagen N°6 de los anexos Nombre: Estrategias de las páginas web http://www.google.com.co/imgres?q=paginas+web&um=1&hl=es&sa=N&biw=1241 &bih=606&tbm=isch&tbnid=0_ljOdXMZT0BMM:&imgrefurl=http://www.superhostin g.cl/webcreator.php&docid=1Lge4bojr7_exM&imgurl=http://www.superhosting.cl/im ages/paginas-sitios- web.jpg&w=765&h=595&ei=wJ8tUKPuJ8nA0QGAzYCgBA&zoom=1&iact=hc&vpx =948&vpy=177&dur=1021&hovh=199&hovw=256&tx=185&ty=94&sig=113491799 964372389123&page=1&tbnh=121&tbnw=157&start=0&ndsp=21&ved=1t:429,r:6,s :0,i:154
- 8. Imagen N°7 delos anexos Nombre: alquiler de las pagina web http://www.google.com.co/imgres?q=paginas+web&um=1&hl=es&sa=N&biw=1241 &bih=606&tbm=isch&tbnid=FdjGh3ybQf_vOM:&imgrefurl=http://bogotacity.olx.com .co/alquiler-y-diseno-de-paginas-web-economicas-video-catalogos-virtuales-iid- 144540541&docid=BwrUNuSLTLZ6AM&imgurl=http://images02.olx.com.co/ui/10/0 6/41/1291679395_144540541_2-ALQUILER-Y-DISEnO-DE-PAGINAS-WEB- ECONOMICAS-VIDEO-CATALOGOS-VIRTUALES-Bogota- 1291679395.jpg&w=450&h=450&ei=wJ8tUKPuJ8nA0QGAzYCgBA&zoom=1&iact =hc&vpx=404&vpy=255&dur=7101&hovh=226&hovw=226&tx=100&ty=161&sig=1 13491799964372389123&page=1&tbnh=112&tbnw=112&start=0&ndsp=21&ved=1 t:429,r:16,s:0,i:186 Imagen N°8 de los anexos Nombre: Las etapas de las páginas web http://www.google.com.co/imgres?q=paginas+web&um=1&hl=es&sa=N&biw=1241 &bih=606&tbm=isch&tbnid=soH7sAlj-JG5wM:&imgrefurl=http://kv- kevadi.blogspot.com/2011/02/diseno-de-paginas- web_11.html&docid=5G0g3rzaxTG8WM&imgurl=http://3.bp.blogspot.com/- 4oWbiZzAIwM/TVVGx_VPy3I/AAAAAAAAABw/21MmOMGlp2M/s1600/web.jpg&w =400&h=286&ei=wJ8tUKPuJ8nA0QGAzYCgBA&zoom=1&iact=hc&vpx=937&vpy= 160&dur=19395&hovh=190&hovw=267&tx=172&ty=150&sig=1134917999643723 89123&page=1&tbnh=107&tbnw=150&start=0&ndsp=21&ved=1t:429,r:20,s:0,i:198
- 9. Imagen N°9 delos anexos Nombre: Administración de página web http://www.google.com.co/imgres?q=paginas+web&um=1&hl=es&sa=N&biw=1092 &bih=533&tbm=isch&tbnid=OXPQAeWCEcccNM:&imgrefurl=http://www.posiciona mientopaginasweb.com.co/administracion-de-paginas- web&docid=vCpJ5AfdemqJeM&imgurl=http://www.posicionamientopaginasweb.co m.co/wp-content/uploads/2011/02/administracion-de-paginas- web.jpg&w=558&h=226&ei=V6wtULyMBoa68AS334CYDg&zoom=1&iact=rc&dur= 487&sig=113491799964372389123&page=2&tbnh=90&tbnw=221&start=10&ndsp =14&ved=1t:429,r:11,s:10,i:202&tx=83&ty=42 Imagen N°10 de los anexos Nombre: Elaboración de páginas web http://www.google.com.co/imgres?q=paginas+web&um=1&hl=es&sa=N&biw=1092 &bih=533&tbm=isch&tbnid=RqPpDJ_UVrRnzM:&imgrefurl=http://pereira.olx.com.c o/elaboracion-y-adminsitracion-de-paginas-web-profesionales-a-un-costo-muy- bajo-iid- 158830327&docid=11hd3NJSRPEdJM&imgurl=http://images01.olx.com.co/ui/11/1 0/27/1295405796_158830327_1-Elaboracion-y-adminsitracion-de-paginas-web- profesionales-a-un-costo-muy-bajo- Centro.jpg&w=510&h=285&ei=V6wtULyMBoa68AS334CYDg&zoom=1&iact=hc&v px=257&vpy=156&dur=5419&hovh=168&hovw=300&tx=228&ty=66&sig=1134917 99964372389123&page=4&tbnh=110&tbnw=196&start=39&ndsp=13&ved=1t:429,r :9,s:39,i:291 Glosario: Worldwide:
- 10.