Universidad de Guadalajara

Sistema de Educacin Media Superior

Preparatoria No. 10

DISEO WEB PARA EL H. AYUNTAMIENTO DE ZAPOPAN

Autor: NATHALIE SOLEDAD CRUZ FRIAS Director de trabajo recepcional: BIOL. EDUARDO BARAJAS CERVANTES

INDICE
TITULO PAGINA

INTRODUCCION..5 ANTECEDENTES HISTORICOS..7 JUSTIFICACION...8 ORGANIGRAMA..9 MARCO TEORICO..10 DESARROLLO DE PRACTICAS..46 Los primeros conocimientos en HTML..................46 Qu es HTML?.........................................................................................47 Aprendiendo a usar las etiquetas................47 Estructura bsica de un documento en HTML...48 Cmo alinear el texto?.............................................................................49 Cmo insertar una imagen?.....................................................................52 Cmo hacer un enlace (link)?..................................................................54 Poniendo en practica los conocimientos adquiridos..56 Cmo modificar el texto?.........................................................................57 Cmo crear una tabla?.............................................................................60 Finalizando el primer sitio...63 Cmo subir la pagina web a la red?.....................................................64 CONCLUSIONES....67 RECOMENDACIONES...68 BIBLIOGRAFIA....69

INTRODUCCION
Zapopan es un municipio que a lo largo del tiempo ha demostrado ser unos de los ms innovadores a nivel estatal en cuanto a tecnologa. El ms claro ejemplo de esta innovacin la hemos experimentado desde hace algunos aos todos los zapopanos con un proyecto llamado Zapopan Ciudad Digital. Zapopan Ciudad Digital es un proyecto que pretende inducir a los ciudadanos a tecnologas simples que hagan ms sencillos los trmites, papeleos y pagos que da a da creaban aglomeraciones y disgustos entre las personas que los realizaban, dando con ello facilidad, comodidad y libertad a todos los zapopanos e introducindolos en un mundo tecnolgico que todos los das crece. Ejemplo de estas sencillas innovaciones es el sitio web, www.zapopan.gob.mx, en el que podemos encontrar desde un poco de historia de nuestro municipio hasta la oportunidad de pagar algunos impuestos va internet, adems de ser un sitio en el que es muy sencillo de navegar y en el que podemos encontrar muchas cosas que pueden ser de mucho inters para los zapopanos. Para que las personas podamos familiarizarnos rpidamente con sitios como el que Zapopan Ciudad Digital nos ofrece, es de suma importancia que los diseadores del web hagan las programaciones de acuerdo con las necesidades que vallan a cubrir y segn al publico al que este dirigido el sitio, ya que las herramientas a utilizar por el usuario debe ser claras y fciles de manejar, para que su uso sea eficiente, sencillo y cmodo y con ello simple de utilizar. El diseo de una pgina Web tiene la misin de vincular al usuario con el mundo informativo, de un modo agradable y eficiente. Las facilidades que nos brinda el uso de las pginas web, nos permiten, adems de un simple acceso a la informacin de un modo entretenido, satisfacer las necesidades y gustos de los millones de usuarios que da con da ingresan a su sitio web preferido.

Para hacer realidad la programacin web es necesaria la utilizacin de un lenguaje conocido como HTML, que se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrn una pgina web. Los programadores Web encargados de la creacin del sitio de Zapopan estn interesados en facilitar a los usuarios la navegacin y el contacto con estos a travs del web convirtiendo poco a poco a Zapopan en un ejemplo de Ciudad Digital.

ANTECEDENTES HISTORICOS DEL H. AYUNTAMIENTO DE ZAPOPAN

En el archivo del ayuntamiento de Zapopan, la primera acta que existe es la del 1 de enero de 1822; en la que se manifiestan que el primer ayuntamiento fue fundado en el ao de 1821. A lo largo de diversos periodos de tiempo, el ayuntamiento de Zapopan ha experimentado cambios significativos a fin de hacer mas eficiente su funcionamiento y adecuar su aparato administrativo a las crecientes demandas de su poblacin y del medio ambiente. El reto de transitar de una comunidad de 50 000 habitantes en 1970 a otra en la que en 30 aos su poblacin se multiplico por 20 ha sido enorme. El lapso que va desde los aos setenta hasta la administracin 1998-2000 se divide principalmente en 3 momentos trascendentes para la vida del municipio. El primero corresponde a toda la etapa anterior a la reforma municipal de 1982; el segundo comprende al periodo que se inaugura con la reforma, cuando se transfieren a los municipios importantes atribuciones y recursos; y finalmente el tercero, del momento de la alternancia poltica en el gobierno municipal, y que sucede en nuestro estado, a mediados de los aos noventa. Desde el ao 2009 y hasta la fecha el municipio de Zapopan es gobernado por el alcalde Hctor Vielma Ordoez.

JUSTIFICACION
Este trabajo lo realizo para dar a conocer las situaciones a las que me enfrente en el desarrollo de mis prcticas profesionales, indicando las diferentes herramientas que use para la creacin y desarrollo de las pginas web. Adems, quiero hacer una pequea induccin a las personas interesadas en el diseo web, introducindolos en la historia y dando algunas herramientas para los principiantes en el tema. Me parece importante que antes de decidir crear un proyecto, primero nos llenemos de herramientas e informacin, para que la realizacin del dicho sea ms sencilla y por consecuencia tenga un resultado ms eficiente. Es por eso que en este trabajo quiero, como ya lo mencione, dar los primeros datos y herramientas para que todo novato en el diseo de las web tenga las primeras nociones sobre lo que podran ser sus prximos proyectos.

ORGANIGRAMA

MARCO TEORICO
Manual de HTML

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

}
36

37

38

39

40

41

42

43

44

45

DESARROLLO DE PRCTICAS
El desarrollo de mis prcticas profesionales lo realice en el H. Ayuntamiento de Zapopan, Especficamente, en la direccin de sistemas y telecomunicaciones, Lugar en el que se dedican al diseo, modificacin y creacin de los diferentes sitios dentro de la pgina web del municipio de Zapopan, www.zapopan.gob.mx, la principal herramienta de trabajo que se utiliza es el lenguaje HTML, usndolo principalmente para hacer el cdigo fuente de los sitios y adems entrando en los cdigos fuentes de los sitios ya hechos para poder modificarlos.

Los primeros conocimientos en HTML

En esta primera parte se hablara de los primeros conocimientos que se obtienen dentro de este desarrollo de prcticas profesionales, adems de las primeras cosas que se aprenden en el lenguaje HTML, las cuales pusieron en practica un grupo de programadores encargados de la creacin de la pgina

www.zapopan.gob.mx. Entre otras cosas, uno de los primeros conocimientos que se obtienen y adems se ponen en practica es poner una estructura en el texto, agregar algunas imgenes y adems, poner enlaces a los diferentes sitios de la pagina Web, lo cual se explicara mas adelante. Las pginas web se caracterizan por contener texto, imgenes, animaciones e incluso sonido y video. Una de las caractersticas ms importantes de las pginas web es que son de hipertexto. Lo cual quiere decir que no son elementos aislados, si no que estn unidas a otras mediante los links o enlaces de hipertexto. Gracias a estos enlaces el navegante de internet puede pulsar sobre un texto de una pgina para navegar hasta otra. Ser cuestin del programador de la pgina inicial decidir las frases o palabras que nos servirn de link.

46

Lo importante en este trabajo es responder a la pregunta Cmo se hace una pgina web?

Que es HTML?
El lenguaje encargado de la creacin de las pginas web y adems convertir un simple texto en lo que ya llamaremos pagina con diferentes tipos y tamaos de letra, imgenes, animaciones etc. Es HTML cuyas siglas en espaol significan lenguaje hipertexto de marcas. Para los programadores, lo ms importante del lenguaje HTML es que no se necesita ms que una computadora con un sistema operativo, lo nico necesario para poder utilizarlo es un editor de texto, el cual en este caso fue el block de notas de Windows. El lenguaje HTML esta basado en el uso de etiquetas, las cuales se usan para definir los atributos del texto o los objetos que se incluirn dentro de la pgina web. Entre las caractersticas de HTML una de las ms importantes es que este lenguaje no distingue entre maysculas o minsculas, lo que lo hace ms sencillo de aprender.

Aprendiendo a usar las etiquetas

Las etiquetas de HTML se representan de la siguiente manera: <Apertura de la etiqueta> </Cierre de la etiqueta> Las etiquetas afectan a todo lo que esta entre una apertura y un cierre de etiqueta. Algunas etiquetas pueden contener atributos, los cuales especifican algn atributo de la etiqueta en cuestin, como color, alineacin, tamao, etc.

47

Estructura bsica de un documento en HTML

El lenguaje HTML, es caracterstico, porque todo documento de texto que se convertir posteriormente en un sitio web tiene una estructura general, la cual se muestra en la siguiente imagen:

En la pasada imagen se pueden observar las 2 zonas principales en las que se divide un documento HTML. El encabezado o HEAD, comprendido entre las etiquetas <HEAD> y </HEAD>, donde se coloca informacin del documento que no se vera dentro del explorador, aqu se puede agregar titulo, en un documento HTML no es necesario que se utilice.

El cuerpo o BODY, comprendido entre las etiquetas <BODY> y </BODY>, donde se desarrolla todo el cuerpo de la pagina.

Adems del contenido de los sitios, una de las cosas mas importantes que se conocen en este desarrollo de practicas profesionales, como programadores web, es que los sitios deben captar completamente la atencin del usuario, por lo cual es muy necesario que dichas paginas cuenten con colores, textos llamativos y ordenados, logotipos, imgenes, videos, etc., lo cual es posible en el lenguaje

48

utilizado a travs de muchas otras etiquetas que a continuacin se comentaran y explicaran.

Como alinear el texto?

Para poder iniciar con la introduccin del texto en un documento de HTML es necesario que se comprenda como se interpreta dicho texto por los navegadores. Al escribir un archivo HTML, el resultado es un texto sin ninguna caracterstica especial, cuando un navegador lee el cdigo HTML de una pagina y lo interpreta para mostrar la pagina, todos lo espacios, tabulados o saltos de lnea que se incluyan en los textos sern interpretados como un nico espacio. Como ejemplo se muestra un texto con diversos saltos de lnea:
<h1>El conductor del coche le pregunto si se encontraba mal</h1> <h1> El conductor del coche le pregunt si se encontraba mal </h1> <h1> El conductor del coche le pregunto si se encontraba mal </h1>

En estos ejemplos se observan distintos tipos de saltos de lnea y separaciones en el texto, sin embargo el navegador mostrar un solo espacio entre las palabras y producir saltos de lnea donde sea necesario en funcin del tamao de la ventana.

Cuando se cree conveniente usar un punto y aparte en el texto de la pgina web que se esta creando es necesario que se utilice la etiqueta <br>. Cuando el navegador se encuentra con esta etiqueta provoca un salto de lnea y sigue mostrando el contenido de la pgina. Ejemplo:
Estaba internndose en lo desconocido. <Br> Durante todo el trayecto hasta Woodfield no dej de pensar en los aspectos econmicos, con el temor de estar cometiendo...

49

Para insertar un prrafo, se usa la etiqueta <p>, dentro de la cual es posible incluir los saltos de lnea que se requieran, as como muchas otras etiquetas. Ejemplo:
<p>

Estaba internndose en lo desconocido.

</p> <p>

Durante todo el trayecto hasta Woodfield no dej de pensar en los aspectos econmicos, con el </p>

En la siguiente imagen se muestran los ejemplos con salto de lnea y con cambio de prrafo:

Uno de los atributos de la etiqueta <p>, es que esta brinda la posibilidad de elegir la alineacin en la que queremos que nuestro texto aparezca, mediante el atributo align el cual puede tener 3 valores: center, left y right, en la siguiente imagen se muestra el prrafo anterior con los 3 tipos de alineacin.

50

Otra de las etiquetas que se relacionan con el formato de prrafos en HTML es <blockquote>, la cual consta de una instruccin de inicio y una de fin y que indica que el prrafo que encierra es un texto parafraseado. Al usar esta etiqueta el navegador mostrar el texto en un nuevo prrafo con mrgenes a la izquierda y a la derecha. Ejemplo:

Mi poema favorito es aquel de Federico Garca Lorca que reza: <blockquote> Mi corazn, como una sierpe<br> se ha desprendido de su piel, <br> y aqu la miro entre mis dedos<br> llena de heridas y de miel<br> </blockquote>

51

El cual se representa en la siguiente imagen:

Como insertar una Imagen?

Una de las principales caractersticas y adems de las ms interesantes de las pginas web son las imgenes, ya que estas le dan presentacin e impacto a dichas paginas. La etiqueta que se uso en este desarrollo de prcticas para insertar imgenes es la siguiente: <IMG SRC=nombre de la imagen.extensin

52

Donde IMG es la etiqueta y SRC (Source) es un atributo que especifica el nombre, la extensin y la ruta completa de la imagen, por ejemplo:
Pulsa en la flecha <img
src="flecha1.gif"> para pasar a la

pgina siguiente.

Aunque se puede crear este efecto con imgenes de todos los tamaos no es recomendable hacerlo con aquellas que tengan una altura mayor que la del texto.

Los programadores del Web deben tener muy en cuenta el tamao de las imgenes, ya que una imagen grande supone un archivo grande, y esto repercute en un tiempo excesivo de carga. Es por esto que, aunque es posible utilizar muchos formatos de imagen como, BMP, XPM, PNG, etc., los mas comunes a utilizar son GIF y JPEG. La etiqueta IMG, al igual que muchas otras, cuenta con atributos,

como por ejemplo ALT, con el cual se muestra una descripcin (palabra o frase breve) acerca de la imagen, el cual se puede apreciar al dejar el puntero del mouse sobre ella. Para esto, se utiliza la siguiente etiqueta: <IMG SRC=imagen.jpg ALT=descripcin de la imagen>

53

Como Hacer un Enlace (Link)?

Lo mas importante para los programadores que se encargan de la pagina web de Zapopan son los enlaces con otras paginas, mas conocidos como links, que no son mas que zonas (palabras o frases) especiales de nuestro texto que ofrecen la posibilidad de pulsar sobre ellas para ir a otras paginas. Existen 4 tipos de enlaces: Enlaces con pginas locales Enlaces dentro de la misma pagina Enlaces con una pgina de internet Enlaces con una direccin de email

Los que ms se utilizan dentro de la pgina Web que usualmente se modifica fueron los enlaces dentro de la misma pgina, estos enlaces se hacen utilizando la siguiente etiqueta en la pgina principal: <A HREF=#nombre> internet </A> Y en el sitio al que se direccionara dicha pagina, se debe poner la siguiente etiqueta: <A NAME=nombre> </A> En la pgina de internet que se realice se va a observar el enlace de la siguiente manera:

Los enlaces generalmente se encuentran subrayados y con un tono azul, aunque HTML brinda la oportunidad de elegir el que se prefiera para el link.

54

El lenguaje HTML tambin nos cuenta con la posibilidad de poner una imagen como enlace a otra pagina, para esto, se debe colocar una etiqueta de enlace, y en lugar de un texto entre las etiquetas de apertura y cierre se indica la ruta completa en la que se encuentra la imagen, por ejemplo: <A HREF=nombre.html> <IMG SRC=imagen.jpg> </A> Esto permitir que al hacer clic sobre la imagen, esta direccione hacia otro sitio o pagina web distinta.

55

Poniendo en prctica los conocimientos adquiridos

Como ya fue comentado, Durante un corto periodo de tiempo en el desarrollo de practicas profesionales, un pequeo equipo de personas con algunos

conocimientos en el lenguaje HTML se dedico a la modificacin y actualizacin de la pagina www.zapopan.gob.mx, utilizando los sitios que anteriormente haban sido creados y solo haciendo en ellos algunos pequeos cambios que la dependencia requera, sin embargo, al tener un tiempo poniendo en practica los conocimientos adquiridos en dicho tiempo, El ayuntamiento dio la oportunidad de crear un sitio para dicha pagina, que aunque fue pequeo, fue muy bueno para poner en practica los conocimientos bsicos que se proporcionaron con anterioridad, ya que con dicho sitio el equipo aprendi cosas nuevas y adems puso en practica los conocimientos previos ya mencionados. Dicho sitio se encuentra dentro de la pgina, y no es ms que las direcciones de los diferentes registros civiles que se encuentran en el municipio de Zapopan:

56

Al estar realizando este sitio se fueron utilizando mas etiquetas del lenguaje HTML, sobre todo para modificar la apariencia del sitio. Las primeras etiquetas que se usaron fueron las de formato de texto.

Como modificar el texto?

El lenguaje HTML permite dar varios tipos de formatos al texto de las pginas. Para ello se utilizan una serie de etiquetas, compuestas por una instruccin de inicio y otra de fin, las cuales realizan efectos diversos en el texto que encierran. Estas etiquetas son las que, entre otras cosas, nos sirven para poner nuestro texto en negritas, poner el texto en cursiva, poner un texto con letras de tamao fijo, hacer el texto grande o pequeo, etc., con distintas etiquetas que se muestran en la siguiente imagen:

57

Las etiquetas de formato de texto tambin otorgan la posibilidad de modificar el color y tipo de letra de dicho texto, para darle una apariencia ms agradable y segn el gusto personal por medio de la etiqueta FONT y sus atributos: La etiqueta FONT permite tener un gran control sobre el tamao de un texto. Este tamao se especifica con su atributo SIZE y afectar al texto que encierre la instruccin de inicio y fin: <FONT SIZE=5> </FONT> Segn el nmero que se elija en el atributo ser el tamao del texto, como se muestra en la siguiente imagen:

58

Con otro atributo de la etiqueta FONT: COLOR se puede cambiar el color del texto con la misma facilidad con la que se cambio el tamao del texto, aunque existen 2 mtodos para usar en este atributo, se opto por usar el mas sencillo, ya que los colores que se usaron para este sitio fueron los predeterminados por la pagina Web, y al ser colores bsicos no fue necesario hacer combinaciones. El mtodo que se utilizo consiste en poner como valor de COLOR el nombre del color en ingles. Aunque en este mtodo solo se aceptan los colores bsicos. La forma de usar este atributo es de la siguiente manera:
<H1> <FONT COLOR=GREEN> Texto </FONT>

Un Ejemplo de una pgina web sencilla con el atributo COLOR se muestra en la siguiente imagen:

59

En este desarrollo de practicas, al estar haciendo el sitio web, fue sencillo aprender las diferentes maneras de modificar el texto, con simples investigaciones se logro el objetivo que se deseaba, sin embargo, ese fue el reto mas pequeo al que el equipo se enfrento.

Como crear una tabla?

El mayor de los retos a vencer fue la creacin de las tablas para hacer las divisiones del sitio, ya que era difcil hacer que se acomodaran a la perfeccin, este problema fue resuelto investigando en diversos manuales, en los cuales se encontraron datos para resolver este pequeo problema. En la siguiente imagen se muestran 2 diferentes tablas, las cuales fueron la plantilla para las dems:

60

Una tabla es un conjunto de filas y columnas que se utilizan para un mejor acomodo de la informacin en una pagina web. La etiqueta general, que engloba a todas las dems es <TABLE> y </TABLE> Dentro de la etiqueta anterior se colocan las etiquetas para formar cada fila, que son <TR> y </TR>. Se colocan tantas etiquetas como filas tendr la tabla. Dentro de las etiquetas anteriores se colocan las etiquetas de cada celda, que son <TD> y </TD> las cuales engloban el contenido de cada celda concreta, (se puede colocar texto, imgenes, videos, etc.) Hay que repetirla tantas veces como celdas haya en esa fila. Un ejemplo de cdigo para una tabla con 2 filas y 3 celdas es el siguiente:
<TABLE> <TR> <TD> fila1-celda1 </TD> <TD> fila1-celda2 </TD>

61

<TD> fila1-celda3 </TD> </TR> <TR> <TD> fila2-celda1 </TD> <TD> fila2-celda2 </TD> <TD> fila2-celda3 </TD> </TR> </TABLE>

Para agregar un borde a la tabla es necesario que se aada un atributo a la etiqueta TABLE, este atributo es el llamado BORDER, Este atributo puede tomar un valor en pixeles que representa el grosor del borde a mostrar. Si se incluye BORDER sin ningn valor es equivalente a 1. La siguiente imagen es un ejemplo de pgina web, en la que se muestran diferentes tablas, con distintos tamaos de bordes:

62

La imagen anterior, cuenta con una serie de tablas, las cuales, cuentan con diferentes tipos de bordes, en las que se muestran imgenes y texto, distribuidas en la totalidad de la pgina, para que luzca con orden.

Finalizando el primer sitio

El reto de la creacin de las tablas, aunque fue un poco tardado y complicado de resolverse, al final resulto sencillo, para lo cual se utilizaron 2 tablas distintas, una para el titulo y la otra para la direccin y el mapa, como se muestra en la imagen:

La creacin de este sitio en la pgina de Zapopan fue muy importante para el aprendizaje del lenguaje HTML, a pesar de ser muy pequeo se adquirieron muchos nuevos conocimientos en el lenguaje, adems de concluir con un satisfactorio resultado.

63

Como subir la pagina web a la red?

El ltimo pas y adems el cierre de este desarrollo de prcticas fue la conclusin de este proyecto, en la cual se dieron a la tarea de subir el sitio creado a la web. Antes de subir una pgina web a la red es necesario que se tengan muy en cuenta algunos puntos: Verificar que todos los archivos del sitio se encuentren en una misma carpeta, incluyendo las imgenes, videos, sonidos, etc. Es recomendable que se tenga un orden, por lo que se debe crear una carpeta para cada tipo de archivo (imagen, video, sonido, etc.) Es importante asegurarse de que las rutas especificadas en las etiquetas <img> no sean locales, sino, que sean relativas. Un ejemplo de esto puede ser: Ruta local <img src =C:\Mi sitio\imagenes\imagen.jpg> Como se puede observar, la imagen pasada esta se esta llamando localmente, esto se cambiaria a <img src=imgenes\imagen.jpg>, esto se hace, porque, al subir nuestra pagina a internet, cuando un usuario trate de acceder a la imagen, el navegador intentara localizar una imagen en el directorio C:\mi sitio\imagenes, y, por supuesto, no la va a encontrar. No es recomendable utilizar maysculas, ni acentos, para nombrar los archivos de HTML ni las imgenes. Evitar el uso de espacios en blanco para nombrar los archivos, se pueden remplazar por un o _. Ejemplo, en lugar de nombrar un archivo como mi pagina.html puede nombrarse mi-pagina.html. Es necesario renombrar la pagina principal de el sitio a index.html (o la extensin de el lenguaje utilizado), ya que al momento de ingresar la direccin del sitio el servidor intentara localizar el archivo index.html, si dicho archivo no se encuentra nos mostrara un listado de los archivos contenidos en nuestro directorio. Una vez cumplidos los pasos anteriores, se puede proseguir con los pasos para subir el sitio a internet.

64

Lo primero que se necesita para subir el sitio a internet es un hosting el cual es bsicamente un alojamiento web, que es un servicio que provee a los usuarios de internet un sistema para poder almacenar informacin, imgenes, video, o cualquier contenido accesible va Web. El usado en este desarrollo de prcticas fue el llamado sistemex. Adems de elegir un dominio, que es una forma simple de direccin de internet, que como antes ya se menciono, el usado en el desarrollo de prcticas es www.zapopan.gob.mx. Una vez que se cuente con el hosting es necesario seguir un proceso de registro, en el que se debe llenar un formulario, con algunos datos personales y adems se tiene que elegir un nombre de usuario y una contrasea. Una vez creado el nombre de usuario y la contrasea, el proveedor del hosting proporciona un panel de control desde el cual se administra el sitio y se suben los archivos. Tambin, el proveedor debe indicar los datos de conexin FTP, que es un protocolo de transferencia de ficheros entre sistemas conectados a una red TCP basado en la arquitectura cliente-servidor, esto es importante, ya que con ello se podrn subir directamente los archivos. Cuando se cuente con esos datos se procede a conectarse al FTP usando un cliente FTP, El usado en este desarrollo de practicas fue FileZilla, una vez instalado el cliente FTP se procede a poner los datos de conexin. Como se muestra en la siguiente imagen:

65

Una vez realizada la conexin, en la parte derecha del FileZilla aparece un rbol de carpetas del servidor y en la parte izquierda aparece el rbol de carpetas del disco duro. En la carpeta del servidor se busca una que se llame www o public_html y se da doble click. Una vez dentro de esa carpeta se seleccionan los archivos del sito a subir y se arrastran a la parte derecha de la pantalla. Al terminar la carga de los archivos ya es posible acceder al sitio con la direccin que indique el proveedor o con un dominio, en caso de haber registrado uno. El resultado final, de este desarrollo de practicas fue la creacin de este nuevo sitio, que en general es uno de los muchos logros y avances tecnolgicos que Zapopan Ciudad Digital busca conseguir.

66

CONCLUSIONES
Este desarrollo de practicas fue muy importante para mi crecimiento en el mbito laboral, ya que en el adquir muchos conocimientos, que en mi opinin, me servirn para mi vida futura al desempearme en dicho mbito. Para concluir con mi desarrollo de prcticas, fue necesario que pasara por un largo proceso de aprendizaje, el cual, fui adquiriendo y aplicando conforme pasaba el tiempo realizando mi trabajo. Durante el transcurso de este proceso, me di cuenta de que el mbito laboral es muy diferente de lo que yo crea, pero en realidad termine muy satisfecha con esto, ya que me llene de nuevos conocimientos y tuve la oportunidad de participar junto con grupos de grandes expertos, que, en mi opinin quedaron complacidos con mi trabajo. En lo personal, el desarrollo de practicas fue la parte mas importante de mi carrera, ya que la construccin de este sitio web me dejo conocimientos, que, en el transcurso del tiempo s que me servirn para poder desarrollarme como una profesional. Adems, la oportunidad de participar en un proyecto tan ambicioso para mi municipio fue demasiado importante, es excelente contar con proyectos tan buenos para la realizacin de nuestro desarrollo de prcticas.

67

RECOMENDACIONES
Mis recomendaciones para el desarrollo de las prcticas profesionales son las siguientes: Lo principal es que se canalice a los alumnos a un lugar apropiado para ellos, intentando con ello, que en el campo se obtengan los mayores resultados posibles. Con ello se mejorara en mucho el desempeo de nosotros, los alumnos, ya que realizaramos nuestras prcticas en un lugar donde existan los medios para que podamos crecer en el mbito profesional que se enfoque en nuestras metas e intereses.

Es importante que se busquen lugares en los que realmente se lleve a la practica lo aprendido en la escuela, ya que existen casos en los que se envan a alumnos a lugares que no tienen nada que ver con el campo en el que se desarrollan, ya que, en mi opinin esos campos podran llenarse con personas que presten servicio social y no practicas profesionales.

Para terminar, tambin seria importante que se nos diera la oportunidad de presentar nuestras practicas que creamos apropiados, sin que se nos imponga un sitio que tal vez no nos parezca conveniente.

68

BIBLIOGRAFIA
http://www.misrespuestas.com/que-es-html.html Manual Curso completo de HTML por Jorge Ferrer. http://www.webadictos.com.mx/2007/06/23/tutorial-%C2%BFcomo-subir-un-sitio-ainternet/ http://es.scribd.com/doc/17674872/Subir-una-pagina-web-a-Internet http://es.wikipedia.org/wiki/Alojamiento_web http://es.wikipedia.org/wiki/File_Transfer_Protocol http://www.nic.mx/

69