SECRETARÍA DE EDUCACIÓN

SUBSECRETARÍA DE EDUCACIÓN MEDIA-SUPERIOR

DIRECCIÓN GENERAL DE EDUCACIÓN MEDIA-SUPERIOR
DEPARTAMENTO DE BACHILLERATO TECNOLÓGICO
SUPERVISIÓN ESCOLAR NO.17
CENTRO DE APRENDIZAJE TECNOLÓGICO EMPRESARIAL TECÁMAC

MEMORIA DE TRABAJO COMO REQUISITO PARA OBTENER TÍTULO DE

TÉCNICO EN INFORMÁTICA DE GESTIÓN

CREACIÓN DE SITIO WEB DEL COMITÉ MUNICIPAL PRI TECÁMAC

PRESENTA

GARCÍA SÁNCHEZ FRIDA INDIRA

TECÁMAC, MÉXICO A 13 DE JUNIO DE 2014.

AGRADECIMIENTOS Y DEDICATORIAS

A mi abuela, que fue el pilar donde siempre me apoyé tanto personal

como académicamente, quien siempre tuvo fé en mi , en que daría un
paso más en mi formación académica y nunca me negó un consejo
cuando tuvo la oportunidad de dármelo. Le agradezco el incansable
espíritu de madre que ha dedicado a mi por 18 años, que me dio amor
incondicional y me dio confianza en todo momento para alcanzar mis
metas.

A mi abuelo, que gracias a sus consejos he aprendido a ser una persona

con valores y con visión, que me apoyó para poder concluir mi
bachillerato sin dejarme guiar por otro camino que no me permitiera
hacerlo.

A mi madre, que me ha enseñado a no rendirme por más difícil que sea

el problema, por tener siempre un consejo a la mano para cualquier
situación. Por ser una guía irremplazable en mi crecimiento.

A mi hermana, por motivarme a ser mejor persona y estudiante,

haciéndome ver que no todo es tan fácil, sin embargo hay que esforzarse
para poder conseguirlo.

A mi novio, por mantener mis pies en el suelo y apoyarme para que mis
pasos sean más firmes, por darme su amor a pesar de las complicaciones
que se presentan. Por escucharme y apoyarme en todo momento.

A mis profesores, que han hecho posible mi recorrido por esta etapa
académica. Agradezco a los profesores que más que como estudiante,
me apoyaron como persona, brindándome consejos tanto académicos
como personales.

A las personas que me abrieron las puertas para que fuera posible la
realización de mi estadía, que también me apoyaron en mi crecimiento
como persona gracias a sus consejos.
ÍNDICE DE CONTENIDO

CAPÍTULO l. INTRODUCCIÓN

1.1 Introducción ………………………………………………………………… 1

1.2 Objetivos……………………………………………………………………. 2

CAPITULO ll. REFERENCIA DEL ESCENARIO REAL

2.1 Descripción del contexto social, económico y cultural del escenario
3
real………………………………………………………………………………..
2.2 Descripción de la empresa………………………………………………... 5

2.3 Organigrama de la empresa………………………………………………. 6

2.4 Misión, Visión y Valores…………………………………………………… 6

2.5 Croquis de ubicación………………………………………………………. 7

CAPITULO III. REFERENCIA DEL PERFIL PROFESIONAL

3.1 Descripción de la carrera técnica cursada………………………………. 8

3.2 Objetivo de la carrera………………………………………………………. 8

3.3 Perfil de egreso…………………………………………………………….. 9

3.4 análisis de competencias profesionales desarrolladas………………… 10

CAPITULO IV. EXPERIENCIA LABORAL

4.1 Marco teórico……………………………………………………………….. 11

4.2 Descripción de las actividades realizadas en el escenario real………. 20

4.3 Debilidades y fortalezas del estudiante en el escenario real………….. 23

CAPITULO V. CONCLUSIONES

5.1 Conclusiones……………………………………………………………….. 25

FUENTES DE CONSULTA……………………………………………………. 26
CAPÍTULO 1 INTRODUCCIÓN
En este apartado, se presenta el contenido de la memoria de trabajo, para

qué se realizó, cuál fue el proyecto desarrollado, los datos generales de la

empresa o institución en donde se llevó a cabo dicho proyecto y un breve

resumen de su contenido.

1.1 Introducción

Para poder obtener una titulación como Técnico en Informática de Gestión

es necesario acreditar la materia de “Estadías”, para eso se debe realizar una

memoria de trabajo, la cual debe cumplir ciertos requisitos para ser válida,

dentro de los cuales se solicita hacer una estadía dentro de una empresa o

institución que cumpla con las características solicitadas. En la empresa se

debe desarrollar un proyecto de acuerdo a las capacidades adquiridas a lo

largo del bachillerato tecnológico cursado.

El proyecto realizado que a continuación se presenta es la creación de un

sitio web para el Comité Municipal del PRI, Tecámac. El proyecto se debió

concluir en un mínimo de 165 horas, empezando el 17 de Febrero de 2014 y

concluyendo el 30 de Mayo de 2014.

El trabajo que se presenta contiene la descripción del contexto social,

económico y cultural del escenario real, en éste caso, Tecámac. Muestra

también información sobre la carrera técnica cursada, en donde se mencionan

las capacidades que un egresado debe tener al concluir el bachillerato

tecnológico como Técnico en Informática de Gestión. La experiencia laboral, en

la cual se describen las actividades realizadas para llevar a cabo el proyecto,

en donde al mismo tiempo se exponen las dificultades que se presentaron a lo

largo del proceso, y por último las conclusiones y recomendaciones sobre la

realización de éste proyecto.

1.2 Objetivos

En éste apartado se definirán cuáles son los objetivos a seguir para la

realización del proyecto designado en el transcurso de la estadía profesional.

General:

• Crear un sitio web del Comité Municipal del PRI Tecámac para dar a

conocer las actividades que se llevan a cabo dentro de éste.

Específicos:

• Crear las páginas que llevará el sitio web conforme a un manual de

identidad específico del PRI.

• Elaborar un diseño para el sitio web que sea llamativo para las personas

que lo consulten, siguiendo las bases del manual de identidad.

• Habilitar un foro de opinión para que los usuarios puedan comentar lo

relativo a las actividades realizadas por el Comité Municipal del PRI

Tecámac y las organizaciones que lo integran.

CAPÍTULO 2 REFERENCIA DEL ESCENARIO REAL

El objetivo principal de éste capítulo es dar una breve introducción al

escenario en el que se desarrolla la estadía, en este caso nos referimos a

Tecámac como el escenario real, haciendo una breve descripción de su cultura,

economía, educación, entre otros. En el texto también se hablará sobre la

institución en donde se lleva a cabo la estadía, su misión, visión, los valores,

incluyendo el organigrama y el croquis de ubicación de la misma.

2.1 Descripción del contexto social, económico y cultural del escenario

real

Tecámac: Se localiza al nororiente de la capital del Estado de México y al

norte del Distrito Federal en la región conocida como el Valle de México, sus

coordenadas son 19*43`latitud norte y 98*58` de longitud oeste, a una altura de

2,340 sobre el nivel del mar. Limite al norte con el Estado de Hidalgo y

Temascalapa, al sur con Ecatepec, Acolman y Coacalco, al oeste con

Zumpango, Jaltenco, Tultitlan y Coacalco al oeste con Temascalapa y

Teotihuacán. La distancia aproximada con la capital del estado es de 100 Km.

Educación:

El municipio tiene una cobertura educativa que incluye todos los niveles de

educación desde preescolar hasta licenciatura, distribuida de la siguiente

manera.

El nivel de educación básica absorbe el mayor número de población

estudiantil con el 88% del total en tanto en los niveles medio superior y superior
tiene estándares mínimos, este mismo fenómeno de concentración sucede con

relación al personal académico y de instituciones educativas.

Es importante destacar el papel de la Normal de Maestros y la Universidad

Tecnológica de Tecámac pues da la pausa para que los egresados de nivel

medio superior no tengan que desplazarse fuera del municipio, además en

estas instituciones se forman algunos de los cuadros profesionales que

requiere el sector productivo.

Cultura:

Se cuenta con una red Municipal de cinco Casas de la Cultura y cuatro

módulos Culturales dirigidas por el centro regional de cultura de Tecámac en

coordinación con el Instituto Mexiquense de Cultura.

Bibliotecas:

Para apoyar las actividades de la población estudiantil del municipio

existente 15 bibliotecas públicas distribuidas en las localidades de Ojo de Agua,

Ozumbilla, San Francisco Quatliquixca, Parque Sierra Hermosa, Tecámac;

Santa María Ajoloapan , Loma Bonita, Reyes Acozác, Isidro Fabela, San Martín

Azcatepec, Lomas de Tecámac, San Lucas Xolox, Santa Cruz y Héroes

Tecámac.

Deporte:

En cuanto a infraestructura, además de contar con un número considerable

de canchas de Basquetbol/,Futbol y otros, en la actualidad cuenta con dos

modernos y funcionales gimnasios uno en la cabecera y otro en el

fraccionamiento Héroes Tecámac, así como una amplia cancha techada en

Ozumbilla.

Sector económico:

Las condiciones en las que se desarrolla el sector en un ámbito

metropolitano son de fuerte presión urbana, haciendo de esto una peculiaridad

que adquiere el mismo proceso de urbanización. Así y de acuerdo a la

Procuraduría Agraria existen en el municipio 12 ejidos, Los Reyes Acozác, San

Francisco, Cuautliquixca, San Lucas Xolox, San Jerónimo Aconacahuacan,

San Pablo Tecalco, San Pedro Atzompa, San Pedro Pozohuacán, Santa María

Ozumbilla, los dos últimos en términos administrativos pertenecen a otros

municipios, el primero Tonanitla y el segundo a Ecatepec.1

2.2 Descripción de la empresa

El Comité Municipal del PRI Tecámac se encarga de asuntos del partido

como son las solicitudes de apoyo como son despensas y seguro para madres

solteras y trámites que se realizan en la zona del municipio de Tecámac,

teniendo un control sobre cada localidad perteneciente al área que está

determinada como Municipio de Tecámac y Los Héroes Tecámac.

1
Características físicas y geográficas de Tecámac en

investigacion.unblog.fr/files/2011/10/modificacionesequipo1.doc (Documento)
2.3 Organigrama de la empresa

FIGURA 1. ORGANIGRAMA DEL COMITÉ MUNICIPAL PRI TECÁMAC

2.4 Misión, Visión y Valores

Misión:

Contribuir a que el partido revolucionario institucional cumpla con el

programa de acción a través del impulso de estrategias políticas, de gestión y

acción social que vinculen el trabajo de un nutrido grupo de lideres sociales,

mediante la captación y movilización de la demanda social , en torno a la oferta

institucional en los distintos ordenes de gobierno , y así responder a las

necesidades de los diferentes sectores de la población ,enriquecer la

plataforma política de los candidatos y re posicionar al partido en la

competencia política estatal.

Visión:

Buscar mejorar la calidad de vida de los militantes, simpatizantes y

sociedad en general, siempre comprometidos con los valores del Partido

Revolucionario Institucional, para con ello tener el poder político y seguir

impulsando los preceptos constitucionales y la unidad nacionalista.2

2
Extraído de: Proyecto PRI http://priecch.blogspot.mx/2009/09/mision-vision.html
 Valores:

Surgen de los grandes valores sociales de la Revolución Mexicana de la

consolidación de la República Liberal, Laica y Federalista, en la lucha por la

soberanía nacional y la independencia de México.

Responsabilidad Cooperación Fraternidad

Compromiso Pacifismo

Justicia Integridad

Eficacia Colaboración

Igualdad Equidad

Respeto Tolerancia

2.5 Croquis de Ubicación:

FIGURA 2. CROQUIS DE UBICACIÓN DEL COMITÉ MUNICIPAL PRI TECÁMAC

Extraído de: https://maps.google.com.mx/

CAPÍTULO 3 REFERENCIA DEL PERFIL PROFESIONAL

Este apartado hace referencia a la carrera de Informática de gestión,

menciona cuál es el objetivo general y el perfil de egreso que el estudiante será

capaz de aplicar al término de su trayectoria curricular.

3.1 Descripción de la carrera técnica cursada

Informática de Gestión:

El uso de las computadoras se ha extendido de tal forma que existe una

enorme cantidad de usuarios requiriendo soporte técnico que garantice la

funcionalidad de las herramientas computacionales y por ende, la productividad

empresarial. Mediante la aplicación de conocimientos y habilidades adquiridos

en el centro de aprendizaje tecnológico empresarial Tecámac, el manejo de los

recursos y el uso de las tecnologías modernas para la solución de problemas

serán apoyados mediante la aplicación de métodos y fórmulas para realizar la

gestión informática para una organización, ofrecer servicio y atención a los

futuros clientes. Los egresados de esta trayectoria curricular conocerán

funciones de instalación, mantenimiento, explotación de información y soporte

técnico a usuarios.

3.2 Objetivo de la carrera

Ofrecer bachillerato tecnológico con formación tecnológica, posibilitando la

certificación de competencias laborales o de empresas líderes del mercado,

mediante la impartición de itinerarios técnicos, acordes a los intereses del

estudiante y a las necesidades del mercado laboral.

3.3 Perfil de egreso

El desarrollo tecnológico ha generado una creciente necesidad de personal

calificado en el manejo de la tecnología computacional. El uso de las

computadoras se ha extendido de forma que existe una enorme cantidad de

usuarios requiriendo soporte técnico que garantice la funcionalidad de las

herramientas computacionales.

La Nueva Escuela Tecnológica considera importante ofrecer formación

tecnológica en este campo, porque permitirá a sus estudiantes adoptar nuevas

herramientas de trabajo para optimizar la producción y/o gestión de una

empresa, y además, proporciona al estudiante las bases para continuar una

carrera informática en el ámbito de la informática.

Los egresados de esta trayectoria curricular podrán entre otras cosas,

desempeñarse en funciones de servicio técnico, es decir, instalación y

mantenimiento de equipos, explotación de información y soporte al usuario;

además, adquirirán las habilidades básicas para realizar una carrera como

programador o administrados de sistemas de cómputo. Podrán ejercer sus

funciones en empresas de distintos sectores económicos, en las áreas de

informática o procesamiento de datos, así como en compañías de servicios

informáticos, en el área de servicios a empresas.

Los egresados tendrán las siguientes capacidades específicas:

  Interpretar las necesidades del usuario en materia de productos o

servicios informáticos

 Proporcionar servicios de instalación de equipos, capacitación en el uso

de aplicaciones, sistematización en la explotación de información,

mantenimiento básico y solución de problemas de operación de

sistemas de cómputo

 Brindar apoyo para el seguimiento de contratos de prestación de

servicios informáticos3

3.4 Análisis de las competencias profesionales desarrolladas

Como futuro egresado del Centro de aprendizaje tecnológico empresarial

Tecámac, el conocimiento en el área de informática me proporciona bastantes

facilidades para mi desarrollo profesional de casi cualquier área, ya que las

herramientas que se aprenden a utilizar de manera más amplia son de alta

demanda tomando en cuenta que la mayoría de las empresas necesitan de una

organización no solo eficiente, si no eficaz para la manipulación de información.

Como técnico en informática de gestión tengo las capacidades para poder dar

mantenimiento tanto preventivo como correctivo a PCs, tengo las bases para la

creación de una base de datos, la creación de páginas y sitios web, la creación

de formas específicas en programas que te permiten crear imágenes, logotipos,

etc., las bases para la creación de un programa, he adquirido conocimientos

que me permiten trabajar con facilidad en la paquetería de office (Word, Excel,

PowerPoint, Publisher).

3
Información proporcionada por las autoridades escolares del Centro de Aprendizaje Tecnológico Empresarial Tecámac
CAPÍTULO 4 EXPERIENCIA LABORAL

En el siguiente apartado se muestran definiciones y explicaciones de los

conceptos de informática empleados en el proyecto, lo cual ayudará al lector a

relacionarse con el objetivo.

4.1 Marco teórico

Internet

La importancia de Internet en nuestra sociedad es de gran impacto, ya que

en comparación con otras fuentes de consulta, Internet tiene la ventaja de ser

para muchas personas una herramienta de fácil acceso, en la cual es posible

encontrar casi cualquier tema ya sea de gran importancia o irrelevante. Internet

nos ofrece gran cantidad de información en distintos ámbitos, ya sea de

entretenimiento, educación, cultura, economía, comunicación, comercio, entre

otros.

"... Internet es una colección de computadoras y cables que forman una red de
comunicaciones, similar a los teléfonos y cables que forman el sistema telefónico. Internet está
diseñada para transportar datos de computadora, así como la red telefónica está diseñada para
transmitir conversaciones. Internet transporta diversos tipos de datos, incluidos correo
electrónico, videoconferencias y mensajes instantáneos. El contenido de páginas web es otro
4
tipo de datos que se transporta en internet."

Internet como fuente de entretenimiento puede ser utilizado para la

búsqueda de películas, música, imágenes, juegos, videos, recorridos virtuales,

información específica de intereses, etcétera. Todas estas opciones son de

fácil acceso para personas de diferentes edades, ya que la mayor parte de este

contenido está dirigido para la población en general, no necesitando en la

4
JAMRICH Parsons, June y OJA, Dan (2003) Conceptos de computación Ed. Apolo, México, p.p 274.
mayoría de los casos, de algún requisito específico para poder acceder.

Internet ha sido de gran importancia al momento de hablar de una eficaz

forma de comunicación, en éste puede encontrar una gran diversidad de

información que le permitirá gozar de los distintos servicios que nos ofrece,

dentro de los cuales los más utilizados son: el correo electrónico, las redes

sociales, la WWW., entre otros

. " La world wide web, también conocida por www o simplemente Web, es uno de los logros
más interesantes en internet. La Web es un sistema hipermedia interactivo que permite
conectarse a grandes cantidades de información en Internet. Un sistema hipermedia está
compuesto por páginas que contienen texto cuidadosamente formateado, imágenes llenas de
color, sonido, vídeo y enlaces a otras páginas distribuidas por todo el mundo. Puede acceder a
5
esas otras páginas simplemente seleccionando uno de los enlaces..."

Servidor:

Un servidor, como la misma palabra indica, es un ordenador o máquina

informática que está al “servicio” de otras máquinas, ordenadores o personas

llamadas clientes y que le suministran a estos, todo tipo de información.

Navegador web:

Para establecer conexiones con los servidores electrónicos y obtener la

información y los servicios que éstos prestan, el usuario necesita tener

instalado en su equipo un programa cliente capaz de comunicarse con ellos.

Estos programas son los llamados navegadores electrónicos.

Página web

Una página web es un documento disponible en internet, cuyo contenido

5
CEBALLOS, Francisco Javier (2006) Java TM2 Interfaces gráficas y aplicaciones para Internet, Ed. RA-MA,
España, p.p. 296
se muestra de forma visual o gráfica, no en código. Una página web puede

ser de dos tipos, dinámica y estática. Una página web estática es poco utilizada

ahora, ya que ésta sólo te permite contener información fija, a diferencia de una

dinámica, en la cual se puede actualizar el contenido de manera regular y

dependiendo de cuál sea su giro la información puede ser modificada en

tiempo real, por ejemplo, la transmisión de radio en línea.

Los elementos de una página web varían de acuerdo a los intereses del

creador, por lo general las páginas web están compuestas por texto e

imágenes, pero pueden tener una gran variedad de elementos, algunos de

ellos son imágenes, tablas, capas, animaciones, sonido, video, marcos,

hipervínculos, botones, texto, líneas horizontales.

Una página web puede tener varios usos, puede ser una forma de difundir

diversos temas, ya sean culturales, de educación, ciencia, foros, tecnología,

etc.

Sitio web

Un sitio web es un conjunto de páginas web entrelazadas mediante

hipervínculos, cuyo objetivo es contener diferente información unas de otras,

normalmente teniendo algo en común.

Su utilidad en diferentes áreas es muy amplia, para las empresas, por ejemplo,

un sitio web puede hacerlas crecer en nivel de popularidad, ya que utilizando

internet como medio de comunicación es más fácil dar a conocer sus servicios,

dando a la empresa la ventaja de no gastar en otros tipos de publicidad.

Estructuras de sitios web:

En relación con la diferencia entre una página web y un sitio web, un sitio

web está compuesto por dos o más páginas web las cuales se encuentran

enlazadas por medio de hipervínculos, para realizar un sitio web se debe

establecer su estructura general, a continuación se mencionarán las diferencias

entre las estructuras y un gráfico que las represente.

 En árbol: El sitio web está compuesto por una página principal o

index, la cual permitirá dirigirse a una página directamente

relacionada a la página posterior, o anterior en caso de pertenecer a

un nivel que no sea la página principal. Ésta estructura no relaciona

páginas del mismo nivel.

Página principal

Página en Página en Página en

segundo nivel segundo nivel segundo nivel

FIGURA 3. ESTRUCTURA DE ÁRBOL

 Estructura lineal: No es necesario que el sitio web cuente con una

página principal, ésta estructura permite dirigirse a la siguiente

página o a la página anterior.

Página web Página web Página web Página web

FIGURA 4. ESTRUCTURA LINEAL

  Estructura mixta: En éste tipo de estructura se combinan la

estructura de árbol y lineal, teniendo así una estructura en árbol que

permite dirigirse entre páginas del mismo nivel de forma lineal.

Página principal

Página web Página web Página web Página web

FIGURA 5. ESTRUCTURA MIXTA

 Estructura en red: La característica específica que posee éste tipo

de estructura es que permite que todas las páginas del sitio web

tengan relación con el resto, lo cual facilita la navegación, tomando

en cuenta que no es necesario volver a la página principal para

poder dirigirse a otra.

Página web Página web

Página web Página web

FIGURA 6. ESTRUCTURA DE RED

Lenguajes de hipertexto

Para crear una página web se debe tener conocimiento previo de los

lenguajes hipertextuales. Los lenguajes hipertextuales te permiten desarrollar

páginas y documentos web utilizando etiquetas que serán interpretadas por el

explorador en que se visualizará la página o documento web creado, dichas

etiquetas sirven para establecer el formato que éstos tendrán.

El lenguaje más utilizado para la creación de páginas web es HTML, como

se mencionó en el texto anterior, los lenguajes hipertextuales manejan

etiquetas que indican al explorador cómo se debe mostrar el texto, los gráficos

y los elementos que se incluyan en la página a realizar, para poder visualizar y

modificar el contenido de la página es necesario utilizar un editor de texto sin

formato, por ejemplo, el Bloc de notas. Respecto a las etiquetas, es necesario

que éstas estén dentro de los símbolos < y >.

Una página web está dividida en dos secciones definidas por las etiquetas

<head> y <body>, las cuales se encuentran dentro de una etiqueta <html>. La

etiqueta <head> llevará el contenido general de la página, como el nombre que

se mostrará en la barra de título. La etiqueta <body> es la que contendrá las

etiquetas que definirán el contenido de la página, así como su formato,

ordenes, condiciones y/o elementos. A continuación se mostrarán algunas de

las etiquetas que dan formato al texto y se señalará la función que cumple cada

una de estas.

<hr> sirve para separar el contenido con una raya horizontal.

<h1>,<h2>,<h3>,<h4>,<h5> y <h6> se utilizan para insertar texto en la

cabecera de la página, se puede elegir el tamaño del texto dependiendo del

número que se escriba después de la letra h, tomando en cuenta que el 1 es de

mayor tamaño a diferencia del 6, que es el menor tamaño. Ejemplo: En la

siguiente imagen se muestra el código en un editor de texto. Para que éstas

instrucciones puedan visualizarse es necesario guardar el archivo como html

(nombredelarchivo.html).

FIGURA 7. EJEMPLO DE CÓDIGO DE UNA PÁGINA WEB EN LENGUAJE HTML

Para visualizar la página creada en un navegador web, se debe insertar en

la barra de dirección la ruta del archivo creado, para obtener la ruta del archivo

se presionan las teclas "Windows" y "R" simultáneamente, se abrirá un cuadro

de diálogo y selecciona el botón "Examinar", se abrirá otro cuadro de diálogo

en el cual deberá identifica el archivo y dando doble clic o un clic y presionar el

botón "Abrir".

FIGURA 8. CUADRO DE DIÁLOGO PARA OBTENER RUTA DE LA PÁGINA WEB

 De inmediato aparecerá una dirección en el cuadro de texto, ésta

dirección debe ser copiada a la barra de dirección de su navegador para poder

visualizar la página creada:

FIGURA 8. BARRA DE DIRECCIÓN

FIGURA 9. PÁGINA MUESTRA

<p> es utilizada para separar un párrafo de otro dejando un renglón en blanco.

En algunos casos, esta instrucción es ignorada y puede ser sustituida por la

etiqueta <br>, la cual cumple la misma función.

<li> se utiliza en conjunto con la etiqueta <ol>. <li> indica que se insertarán

viñetas de numeración; <ol> nos indica en dónde se insertará viñeta por viñeta
6
al inicio de cada texto.

<b> se utiliza para resaltar el texto indicado en negritas.

<i> se utiliza para que el texto aparezca de forma cursiva.

<font> es una etiqueta en la cual se puede especificar el tamaño, color y/o tipo

de letra a utilizar.

<center> nos permite centrar el texto, imagen, tabla, o cualquier elemento de la

página web especificado.

Dreamweaver:

Dreamweaver es un editor que utiliza como base el código HTML,

dreamweaver se utiliza para diseñar, codificar y desarrollar sitios, páginas y

aplicaciones web. Tanto si desea controlar manualmente el código HTML

como si prefiere trabajar en un entorno de edición visual7 . Para la creación de

una página web, Dreamweaver tiene la opción que te permite utilizar hojas de

estil, por ejemplo, CSS para dar un mayor impacto estético al proyecto a

realizar. Dreamweaver proporciona diversas herramientas que mejorarán su

experiencia de creación web.

6
Las etiquetas antes mencionadas no necesitan una etiqueta que indique su fin, la etiqueta <b>, por ejemplo, necesita
indicar el inicio del texto que se resaltará en negritas y para indicar hasta dónde se desea resaltar, es necesario indicar
el final con </b>. Esto se aplicará a las etiquetas que se mencionarán a continuación.
7
La edición visual se refiere a manipular el diseño sin necesidad de escribir el código en la parte que corresponde.
4.2 Descripción de las actividades realizadas en el escenario real

A continuación se detallará el proceso mediante el cual se realizó el

proyecto designado durante la estadía profesional en el Comité Municipal del

PRI Tecámac. El proyecto tiene como objetivo crear un sitio web del Comité

Municipal, en el cual se incluye información sobre las actividades realizadas

dentro de éste y sobre las organizaciones que lo integran.

En el primer periodo de estadía profesional, se plantearon los objetivos a

seguir conforme a los requerimientos del sitio web, se definió el objetivo

general y los objetivos específicos.

Uno de los requisitos del sitio web es que debía ser realizado de a cuerdo

a un manual de identidad del PRI. Fue solicitado realizar mantenimiento a

equipos de la institución, en el cual se formatearon seis PCs. Esto se realizo

antes de comenzar con la creación del sitio web. Hubieron complicaciones en

éste periodo debido a que los conocimientos sobre mantenimiento de PCs que

adquirimos en primer semestre de bachillerato fueron insuficientes para llevar a

cabo las tareas necesarias del proceso, debido a esto, se optó por realizar una

investigación sobre cómo restaurar las máquinas para ofrecer un servicio

óptimo a las oficinas que integran el Comité Municipal.

Más adelante, fue necesario reunir todas las herramientas pertinentes para

la creación del sitio web, dentro de las cuales vale destacar el programa

“Dreamweaver”. Al principio fue complicado conseguir el programa antes

mencionado, aún así, se asistió a la estadía en el Comité Municipal y el tiempo

se aprovechó para apoyar con las actividades propias de la institución, como la

organización de los formatos de afiliación al partido, su separación por sección,

entre otras actividades.

Posteriormente fue posible conseguir el programa “Dreamweaver”, el cual

más adelante fue instalado en la máquina que se asignó para realizar el

trabajo. Posteriormente se llevó a cabo la búsqueda del manual de identidad

del PRI, el cual al ser un documento institucional fue de fácil acceso por medio

de Internet. De éste se obtendría el logotipo permitido por la institución y las

imágenes prediseñadas, mismas que se utilizan en la publicidad del partido,

como son folletos, lonas, adhesivos, etcétera. Éste contenido sería utilizado

para la creación del diseño de las páginas del sitio web.

Después se investigó acerca de las hojas de estilo, en específico de “CSS”

que se utilizaría para la asignación de un formato general para el contenido de

cada página, fue en parte complicado, ya que no estaba incluido en el temario

las hojas de estilo y tampoco se tenía un conocimiento previo o externo sobre

el tema.

Teniendo claro la forma de utilizar correctamente CSS y consultándolo en

diversos manuales, fue posible continuar con el primer boceto del esqueleto del

sitio web, comenzando por identificar cuántas páginas tendrían que ser creadas

para después poder añadirlas de acuerdo al diseño del esqueleto creado, para

la creación de las páginas web se compararon varias formas de acomodar la

información de manera que fuera lo más estético posible, esta parte del

proceso fue tardado debido a que es necesario tener una organización que

permitan a la persona que consulta entender la forma en que está acomodada

la información sin que la información se confunda con la de otro apartado.

 Fue necesario modificar constantemente los hipervínculos de dichas

páginas para que tuvieran un orden de acuerdo a la página principal del sitio.

Ya que se tuvo un boceto de las páginas general, se fue manipulando una por

una para así poder acomodar la información.

Al finalizar la estructura completa del sitio web, se habilitó un foro de

opinión del Comité Municipal del PRI temporalmente, ya que la página aún no

estaba en internet para poder ser consultada.

4.3 Debilidades y fortalezas del estudiante en el escenario real

DEBILIDADES FORTALEZAS



Conocimientos deficientes

Creatividad

Falta de responsabilidad

Dedicación

Impuntualidad al finalizar
Interés

actividades

Versátil
Distraída
 Olvidadiza

AMENAZAS OPORTUNIDADES



Inconformidad por parte de la
Oferta laboral
institución
CAPÍTULO 5 CONCLUSIONES
5.1 Conclusiones

Durante el lapso de tiempo establecido para desarrollar el proyecto de

estadía profesional se lograron cumplir satisfactoriamente los objetivos

planteados, aun teniendo algunas complicaciones, las cuales fueron

superadas.

La realización de éste proyecto tuvo grandes ventajas, de las cuales la

mayor ventaja observada consistió en el desarrollo de nuevas habilidades y la

adquisición de conocimientos técnicos que eran insuficientes al principio para

cumplir con las actividades asignadas.

Al realizar la estadía en un escenario real queda constatada la manera y la

necesidad de hacer las cosas correctamente para obtener resultados

satisfactorios, demostrando y aplicando los conocimientos, capacidades y

competencias necesarias para el cumplimiento de los objetivos, las cuales se

obtuvieron a lo largo de la trayectoria académica

Con motivo de que los alumnos que realicen estadía profesional a futuro

tengan un mejor aprovechamiento de ésta, sería recomendable realizar las

actividades de forma responsable, precisando y organizando las actividades

que se realizarán en el tiempo establecido para así poder finalizar

puntualmente. Tener claros los objetivos, buscando que sean de realización

factible para evitar complicaciones.

FUENTES DE CONSULTA

 Características físicas y geográficas de Tecámac

investigacion.unblog.fr/files/2011/10/modificacionesequipo1.doc

 CEBALLOS, Francisco Javier (2006) Java TM2 Interfaces gráficas y

aplicaciones para Internet, Ed. RA-MA, España.

 JAMRICH Parsons, June y OJA, Dan (2003) Conceptos de

computación Ed. Apolo, México.

 Jesús David Desarrollo de páginas web: KompoZer

http://www.jesusda.com/docs/ebooks/ebook_disenno-web-con-

kompozer.pdf

 Proyecto PRI http://priecch.blogspot.mx/2009/09/mision-vision.html