Garcia Garcia Brisa Memoria de Trabajo Profesional

CBT No. 2 LIC.
CARLOS PICHARDO, TECMAC
Actualizacin de pgina web de la Universidad Politcnica de

Tecmac
MEMORIA DE TRABAJO PROFESIONAL
PARA OBTENER EL TITULO DE:
TCNICO EN INFORMTICA
PRESENTA:
Alumna. Brisa Garca Garca
ASESORA: PROFRA. MARTHA FLORES MORA
SAN PEDRO POZOHUACN, TECMAC, MXICO, JUNIO DE 2017

Actualizacin de pgina web de la Universidad Politcnica de Tecmac
NDICE
1
INTRODUCCIN
2
Justificacin
Una pgina web sirve para promocionar productos, informar a clientes u organizar los
recursos de una empresa.
Es un documento electrnico que pertenece a la WWW comnmente est desarrollado en el

lenguaje HTML.
Ayuda a facilitar los servicios de empresas o instituciones ya sea para divulgar los bienes
que ofrece o de lo contrario simplificar los procesos que hacen dentro de la misma.
Estas pginas se pueden desarrollar y disear con las caractersticas que poda el cliente para
que sea esttico, organizado y con atraccin al personal que lo manipule o visualice.
Comnmente se utilizan estilos CSS, los cuales ayudan a que se establezca un diseo
predeterminado, la informacin sea organizada y llamativo para el usuario.
Utilizar el estilo CSS es fcil de desarrollar y comprender.
Manejar pginas web beneficia tanto a la institucin como a su personal porque es eficaz,
de mayor rendimiento y se puede informar de manera fcil a los usuarios.
En la Universidad Politcnica de Tecmac se actualizar la pgina web agregndole estilo

CSS porque no presenta una platilla de diseo estable y esto por consecuencia hace que al
usuario se le complique el uso de la pgina web.
Objetivo del tema
Actualizar pgina web de la Universidad Politcnica de Tecmac
Objetivos Especficos
Implementar una plantilla de diseo en la pgina web para una mejor presentacin
Organizar la informacin para que la pagina sea ms verstil y dinmica
3
Planteamiento del problema
La Universidad Politcnica de Tecmac ubicada en Av. Prolongacin 5 de mayo No. 10

Tecmac de Felipe Villanueva Centro, Tecmac, Estado de Mxico C. P. 55740 se realiza
el desarrollo de diversas pginas web las cuales simplifican distintos procesos
administrativos ya que se utiliza demasiada informacin. Estas pginas web se hicieron con
el fin de beneficiar a los alumnos y el personal de la misma ya que anteriormente haba
prdida de informacin, ya que todos los procesos los hacia una persona y no haba una
organizacin.
Desafortunadamente estas pginas web no presentan una plantilla de diseo y hace ms

compleja la interfaz del usuario-pc.
Por ello se disearon estilos CSS (Cascading Style Sheets) en el software C# los cuales son
un lenguaje de diseo grfico para establecer el diseo visual de las pginas web; para
actualizar cada pgina web y as cuenten con la plantilla de diseo que se solicita.
El beneficio de implementar el estilo CSS en la pgina web de la institucin ser de gran

ayuda para todos los servicios administrativos ya que no complicar ningn proceso,
adems de que ser eficaz y con facilidad de manejarlo.
El diseo de estilos CSS hacen que cualquier proceso sea eficiente y rpido por eso son
comnmente utilizados por las empresas que llegan a tener problemas con la organizacin o
perdidas de informacin.
4
Captulo 1. Referencias del

escenario real
5
Captulo 1. Referencias del escenario real
1.1 Descripcin del Contexto Social, Econmico, y Cultural en el que se ubica el

Escenario Real.
La Universidad Politcnica de Tecmac ubicada en Av. Prolongacin 5 de mayo No. 10,

Tecmac de Felipe Villanueva Centro, Tecmac, Estado de Mxico C. P. 55740 por su
ubicacin cuenta con diferentes servicios como accesibilidad a servicios de transporte,
mercado, farmacias y tiendas. La forma de vida de los habitantes alrededor de la
Universidad es de manera tranquila adems existen diferentes lugares para el mbito
empresarial.
La Universidad tiene el firme compromiso de contribuir al crecimiento nacional de nuestro

pas mediante la formacin de profesionistas con calidad, a travs del desarrollo de
competencias profesionales; permitiendo con ello resolver la problemtica de las empresas
y fomentar el bienestar social. Cuenta con las siguientes carreras:
- Licenciatura en Negocios Internacionales

- Ingeniera en Mecnica Automotriz
- Ingeniera en Software
- Ingeniera Financiera
- Ingeniera en Tecnologas de Manufactura
Cuenta con un horario de Lunes a Viernes de 7:00 a.m. - 21:00 p.m. y sbados de 7:00 a.m.
- 14:00 p.m.
Cobra colegiaturas al estudiante en periodo cuatrimestral para su inscripcin, recientemente

hizo convenios con las empresas que abajo se mencionan para favorecer al estudiante en
cuestin de bolsa de trabajo.
- HERBALIFE
- INGENIERA Y SOPORTE EN MECATRONICA AVANZADA S. A. DE C. V.
- GOBIERNO DEL ESTADO DE MXICO UAEM
- VOLTRAN S. A. DE C. V.
6
- LITOGAP S. DE R. L. DE C. V.
- OLOLI SYSTEM S. A. DE C. V.
- MC CORD PAYEN DE MXICO S. DE R. L. DE C. V.
- MANPOWER S. A. DE C. V. MANPOWER CORPORATIVO S. A. DE C. V. Y
MANPOWER INDUSTRIAL S. A. DE C. V.
- NUEVA ESCUELA TECNOLGICA NET
Participa y realiza acciones culturales y deportivas, cuenta con un equipo de ftbol soccer y
un equipo de ftbol americano tanto femenil como varonil, imparte cursos de ingls, realiza
acciones para la prevencin de la violencia escolar en educacin media superior, realiza
acciones de equidad de gnero.
Fortalezas Oportunidades
- Bolsa de trabajo
- Calidad de profesores
- Cursos culturales
- Cuenta con equipos de calidad en sus
- Seguridad
centros de trabajo
- reas deportivas
- Ingenieras
Debilidades Amenazas
- Alta demanda
- La viabilidad de la escuela no cuenta
- Comercios
con alumbrado publico
- Pocas licenciaturas
- Accidentes viables
Tabla 1.Foda
7
1.2 Organizacin General
Ilustracin 1. Organigrama Institucional
8
1.3 Misin, Visin y Valores
Misin
Contribuir al crecimiento nacional, mediante la formacin de profesionistas con calidad, a

travs de competencias profesionales con innovacin en la generacin de tecnologa; que
permita resolver la problemtica de las empresas, fomentar el bienestar social, avivar
los valores humansticos y la conservacin de la cultura ecolgica. Dictar las polticas de la
administracin financiera y tributaria que busquen eficientar la recaudacin, planeacin,
programacin y evaluacin; as como las administrativas para el uso eficiente de los
recursos humanos y materiales, contribuyendo al desarrollo de un servicio pblico de
calidad.
Visin
Ser un referente nacional, con reconocimiento internacional en educacin superior basada

en competencias profesionales, por la calidad y pertinencia de sus programas educativos
que se expresan en la competencia tcnica y calidad personal de sus egresados; por sus
aportaciones al desarrollo econmico y social, a travs de la investigacin, el desarrollo
tecnolgico, la promocin de la cultura, el compromiso con la mejora continua y la
preservacin del medio ambiente.
Valores
- Emprendimiento.
- Moral con Sentido Ecolgico.
- Honestidad.
- Libertad.
- Responsabilidad.
- tica.
- Liderazgo.
9
1.4 Croquis de la ubicacin
Ilustracin 2. Croquis
10
Captulo 2. Referencia del

perfil profesional
11
Captulo 2. Referencia del perfil profesional
2.1 Descripcin de la carrera tcnica cursada.
La carrera de Tcnico en Informtica proporciona las herramientas necesarias para que el

estudiante adquiera conocimientos, desarrolle las habilidades y destrezas y asuma una
actitud responsable en su ambiente de trabajo. El alumno ser capaz de aplicar sus
conocimientos de Informtica en alguna empresa u organizacin que lo requiera, porque el
alumno ser capaz de realizar diferentes actividades tales como realizar mantenimiento de
los equipos de cmputo de forma preventiva y correctiva. Podr desarrollar aplicaciones
informticas bsicas o con cierto nivel de complejidad, fomentando as la automatizacin
de procesos mediante sistemas de informacin. Todos estos conocimientos sern adquiridos
mediante el curso completo que consta de los siguientes Mdulos:
- Mdulo I. Identifica las bases de la Informtica.

- Mdulo II. Maneja Sistemas de Informacin.
- Mdulo III. Maneja Software de Diseo.
- Mdulo IV. Desarrolla Aplicaciones Informticas.
- Mdulo V. Implementa el proyecto Integrador.
Es importante mencionar que se recomienda una actualizacin peridica de los temas

aprendidos durante el curso debido al creciente desarrollo de nuevas tecnologas.
2.2 Objetivo de la Carrera
Que el alumno adquiera conocimientos de las Tecnologas Informticas. Aplicar las

habilidades necesarias para que logre realizar anlisis de manera correcta y sea capaz de
Disear e Implementar Sistemas de Informacin, as como darle mantenimiento a los
mismos. As mismo una de las metas de la carrera es que el alumno logre realizar
mantenimiento preventivo y correctivo de equipos de cmputo
12
2.3 Perfil de egreso
Al egreso de la carrera Tcnico en Informtica habrs obtenido las competencias necesarias

para participar en un escenario real en el rea de informtica, as mismo ser capaz de
manejar los recursos y el uso de los conocimientos y habilidades obtenidas.
El egresado ser capaz de:
- Ensambla, configura y mantiene equipos de cmputo.

- Disea base de datos.
- Analiza procesos relacionados con el manejo de la informacin.
- Disea sistemas para automatizar procesos relacionados con el manejo de datos.
- Maneja diagramas UML.
- Conexiones de redes de computadoras.
- Maneja el lenguaje de programacin orientado a objetos.
- Maneja software de diseo para multimedia pginas Web.
- Desarrolla proyectos o planes de negocios para la conformacin de microempresas.
Conocimiento de:
- Clasificacin de hardware.
- Clasificacin de software.
- Construccin de diagramas relacionales para base de datos.
- Conocimientos e interpretacin de diagramas UML.
- Anlisis y diseo de sistemas de informacin.
- Redes de computadoras, protocolos de transferencias, modelo OSI y modelo
TCP/IP.
- Multimedia y Web.
- Estructura del plan de negocios.
Actitudes:
- Disponibilidad para trabajar en equipo.
13
- Ser creativo.
- Ser innovador.
- Ser emprendedor.
- Inters por la actualizacin constante.
- Impulsar a sus compaeros a progresar.
- Tener tica en la presentacin y entrega de sus servicios.
Valores:
- Orden
- Limpieza
- Honestidad
- Responsabilidad
- Puntualidad
- Respeto
- Solidaridad
- Adaptacin
- Empata
- Servicio
14
2.4. Anlisis de las competencias profesionales desarrolladas, de acuerdo al perfil de

egreso.
Ilustracin 3. Competencias Profesionales
15
Captulo 3. Experiencias
laborales
16
Captulo 3. Experiencias laborales
3.1 Descripcin de las actividades realizadas en escenario, as como la fundamentacin

terica de cada una de ellas y la descripcin de debilidades y fortalezas del estudiante o
egresado en el momento de su ejecucin.
Descripcin del escenario real
La Universidad Politcnica de Tecmac se dedica a la fomentacin de valores as como de

conocimientos de diferentes ingenieras y licenciatura como son: Ingeniera en Software,
Ingeniera en Mecnica Automotriz, Ingeniera Financiera, Ingeniera en Tecnologas de
Manufactura y Licenciatura en Negocios Internacionales.
La universidad desarrolla muchos proyectos sociales que la benefician adquiriendo

herramientas para sus ingenieras y licenciatura as logrando un mejor nivel acadmico y un
mayor prestigio alcanzado por los alumnos y padres de familia.
Tambin cuenta con centros recreativos como un centro de ingeniera avanzada, taller
mecnico, gimnasio, centro de idiomas, auditorio, campos de futbol, basquetbol y futbol
americano.
En este plantel se eligen diversos chicos de bachilleratos tecnolgicos para apoyarlos con la
realizacin de sus proyectos de titulacin (estadas) donde adquieren nuevos
conocimientos.
En el rea de Ingeniera en software aprendimos a aplicar estilos CSS en el software Visual

Studio C#, para dar diseo a la pgina web institucional mejorando la interfaz usuario-pc.
17
Ilustracin 4.Fundamento Terico
HTML: Miguel Angel Alvarez (2011) afirma que (HyperText Markup Language) HTML
es el lenguaje con el que se define el contenido de las pginas web. Bsicamente se trata de
un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrn
una pgina web, como imgenes, listas, vdeos, etc.
Etiquetas HTML: Jorge Snchez (2003) dice que las etiquetas en HTML estn cerradas
entre smbolos < y >. Se cierran con el nombre de la etiqueta precedido con el smbolo
/. Las etiquetas afectan el cdigo delimitado por la apertura y el cierre de la etiqueta.
Pgina Web: Adrin Estrada Corona (2007) Clara Lpez Guzmn (2007) es un documento
digital en el que se puede hallar informacin variada y numerosa. Esto se puede constatar
con tan slo teclear un tema en buscadores como Yahoo, Google, Altavista, Terra y Oz,
entre muchos otros. En ellos aparecen grandes listados de pginas web, en los que se puede
localizar una gama de contenidos, cuya diferencia radica slo en aspectos como la
organizacin y la seleccin de la informacin.
WWW: Es todo el conjunto de informacin interrelacionada que se haya disponible en

Internet, sta se conforma por una serie de servidores a nivel mundial organizados por
dominios (nombres lgicos asociados a instituciones o empresas, otorgados por empresas
registradoras oficiales).
18
Usuario: Leandro Alegsa (2010) define que un usuario es un individuo que utiliza una
computadora, sistema operativo, servicio o cualquier sistema informtico. Por lo general es
una nica persona
PC: Jos Luis Lombardero P encuentra que pc es mquina electrnica que recibe y procesa
datos (input) para convertirlos en informacin til de salida (output). Est formada por un
hardware (parte fsica) que consta de circuitos integrados y otros componentes electrnicos,
y el software (parte lgica) que se encarga de ejecutar con exactitud, rapidez y de acuerdo a
lo indicado por un usuario o automticamente por un programa, una gran variedad de
secuencias o rutinas de instrucciones.
Interfaz: Scolari (2004) presenta una interesante mirada sobre la historia del trmino
interfaz, lo propone como una palabra, cuyo significado se ha convertido con el paso de los
aos en un concepto paraguas susceptible de mltiples interpretaciones. Esta propuesta
permite una aproximacin al concepto evolutivamente y desde diversas miradas.
Diseo: Wucius Wong (2008) afirma que el diseo es un proceso de creacin visual con un
propsito. Es la mejor expresin visual de la esencia de algo, ya sea esto un mensaje o un
producto. Para hacerlo fiel y eficazmente, el diseador debe buscar la mejor forma posible
para que ese algo sea conformado, fabricado, distribuido, usado y relacionado con su
ambiente.
Qu es ASP.net?
Microsoft (2007) ASP.NET es un modelo de desarrollo Web unificado que incluye los
servicios necesarios para crear aplicaciones Web empresariales con el cdigo mnimo.
ASP.NET forma parte de .NET Framework y al codificar las aplicaciones ASP.NET tiene
acceso a las clases en .NET Framework. El cdigo de las aplicaciones puede escribirse en
cualquier lenguaje compatible con el Common Language Runtime (CLR), entre ellos
Microsoft Visual Basic, C#, JScript .NET y J#. Estos lenguajes permiten desarrollar
aplicaciones ASP.NET que se benefician del Common Language Runtime, seguridad de
tipos, herencia, etc. Las pginas Web ASP.NET estn completamente orientadas a objetos.
En las pginas Web ASP.NET se puede trabajar con elementos HTML que usen
19
propiedades, mtodos y eventos. Las aplicaciones ASP.NET utilizan un sistema de

configuracin que le permite definir valores de configuracin para su servidor Web, para un
sitio Web o para aplicaciones individuales. Puede crear valores de configuracin cuando se
implementan las aplicaciones ASP.NET y puede agregar o revisar los valores de
configuracin en cualquier momento con un impacto mnimo en aplicaciones y servidores
Web de operaciones. Los valores de configuracin de ASP.NET se almacenan en archivos
basados en la tecnologa XML. Dado que estos archivos XML son archivos de texto ASCII,
es fcil realizar cambios de configuracin a sus aplicaciones Web. Puede extender el
esquema de configuracin para satisfacer sus requisitos.
Qu es Visual C#?
Visual Studio .NET (2003) Microsoft C# es un nuevo lenguaje de programacin diseado

para crear un amplio nmero de aplicaciones empresariales que se ejecutan en .NET
Framework. Supone una evolucin de Microsoft C y Microsoft C++; es sencillo, moderno,
proporciona seguridad de tipos y est orientado a objetos. El cdigo creado mediante C# se
compila como cdigo administrado, lo cual significa que se beneficia de los servicios de
Common Language Runtime. Estos servicios incluyen interoperabilidad entre lenguajes,
recoleccin de elementos no utilizados, mejora de la seguridad y mayor compatibilidad
entre versiones.
C# se presenta como Visual C# en el conjunto de programas Visual Studio .NET. Visual

C# utiliza plantillas de proyecto, diseadores, pginas de propiedades, asistentes de cdigo,
un modelo de objetos y otras caractersticas del entorno de desarrollo. La biblioteca para
programar en Visual C# es .NET Framework.
Qu es estilo CSS?
Juliana Monteiro Lzaro (2001) afirma que CSS, es una tecnologa que nos permite crear
pginas web de una manera ms exacta. Gracias a las CSS somos mucho ms dueos de los
resultados finales de la pgina, pudiendo hacer muchas cosas que no se poda hacer
utilizando solamente HTML, como incluir mrgenes, tipos de letra, fondos, colores...
20
CSS son las siglas de Cascading Style Sheets, en espaol Hojas de estilo en Cascada. En
este reportaje vamos a ver algunos de los efectos que se pueden crear con las CSS sin
necesidad de conocer la tecnologa entera. Las Hojas de Estilo en Cascada se escriben
dentro del cdigo HTML de la pgina web, solo en casos avanzados se pueden escribir en
un archivo aparte y enlazar la pgina con ese archivo.
Cmo se aplica un estilo CSS?
El lenguaje CSS se basa en una serie de reglas que rigen el estilo de los elementos en los
documentos estructurados, y que forman la sintaxis de las hojas de estilo. Cada regla
consiste en un selector y una declaracin, esta ltima va entre corchetes y consiste en una
propiedad o atributo, y un valor separados por dos puntos.
Ejemplo:
H2 {Color: Green;}
H2 ---> es el selector
{Color: Green;} ---> es la declaracin
Color ---> es la propiedad o atributo
Green ---> es el valor
Selector
El Selector especifica que elementos HTML van a estar afectados por esa declaracin, de
manera que hace de enlace entre la estructura del documento y la regla estilstica en la hoja
de estilo.
Declaracin
La Declaracin que va entre corchetes es la informacin de estilo que indica cmo se va a

ver el selector. En caso de que haya ms de una declaracin se usa punto y coma para
separarlas.
21
Propiedad o Atributo y Valor
Dentro de la declaracin, la Propiedad o Atributo define la interpretacin del elemento

asignndosele un cierto Valor, que puede ser color, alineacin, tipo de fuente, tamao..., es
decir, especifican qu aspecto del selector se va a cambiar.
Para qu sirve un estilo CSS?
CSS es una especificacin desarrollada por el W3C (World Wide Web Consortium) para
permitir la separacin de los contenidos de los documentos escritos en HTML, XML,
XHTML, SVG, o XUL de la presentacin del documento con las hojas de estilo,
incluyendo elementos tales como los colores, fondos, mrgenes, bordes, tipos de letra...,
modificando la apariencia de una pgina web de una forma ms sencilla, permitiendo a los
desarrolladores controlar el estilo y formato de sus documentos.
Ventajas de utilizar CSS
- La principal ventaja de CSS sobre el lenguaje HTML o similar, es que el estilo se

puede guardar completamente por separado del contenido siendo posible, por
ejemplo, almacenar todos los estilos de presentacin para una web de 10.000
pginas en un slo archivo de CSS.
- CSS permite un mejor control en la presentacin de un sitio web que los elementos
de HTML, agilizando su actualizacin.
- Aumento de la accesibilidad de los usuarios gracias a que pueden especificar su
propia hoja de estilo, permitindoles modificar el formato de un sitio web segn sus
necesidades, de manera que por ejemplo, personas con deficiencias visuales puedan
configurar su propia hoja de estilo para aumentar el tamao del texto.
- El ahorro global en el ancho de banda es notable, ya que la hoja de estilo se
almacena en cache despus de la primera solicitud y se puede volver a usar para
cada pgina del sitio, no se tiene que descargar con cada pgina web. Por otro lado,
quitando todo lenguaje de marcado en la presentacin en favor del uso de CSS
reduce su tamao y ancho de banda hasta ms del 50%, esto beneficia al dueo del
22
sitio web con menos ancho de banda y costes de almacenamiento, as como a los
visitantes para los cuales las pginas se van a cargar ms rpido.
- Una pgina puede tener diferentes hojas de estilo para mostrarse en diferentes
dispositivos, como pueden ser impresoras, lectores de voz, o mviles.
Acerca de CSS
Si un documento HTML identifica la estructura de una pgina web, un archivo CSS indica
al navegador cmo mostrar los elementos estructurales contenidos en la pgina. El cdigo
Cascading Style Sheets (CSS u Hojas de estilo en cascada), igual que el HTML, est
basado en texto, pero, en vez de etiquetas, contiene normas de estilo o instrucciones de
presentacin para el navegador web.
Por qu se recomienda utilizar estilo CSS y no etiquetas de diseo en HTML?
Mara Jess Lamarca Lapuente (2013) comenta que el lenguaje HTML defina la estructura
y la semntica de los documentos y se centraba, sobre todo, en el contenido, ya que surgi
como medio de comunicacin entre los cientficos. Sin embargo, el xito de la Word Wide
Web ampli el abanico de usuarios y poco a poco fue cobrando importancia no slo el
contenido, sino tambin el diseo y la presentacin de la informacin. Los diseadores de
webs y los editores de pginas HTML comenzaron a integrar nuevas funciones y las
sucesivas versiones de HTML incluyeron nuevas etiquetas capaces de realizar esas
funciones.
Sin embargo, la diversidad de plataformas y navegadores que recogan de distinta forma

estas nuevas versiones, condujeron a que en la ltima versin de la especificacin HTML,
la 4.0, se volviera hacia el objetivo inicial que era dar importancia a las caractersticas que
afectaban a la estructura y a la semntica de los documentos, y no a su diseo o aspecto
fsico, desaconsejando el uso de ciertos elementos y atributos relacionados con la
presentacin del documento. En esta especificacin tambin se propone delegar todas estas
caractersticas de presentacin y diseo en las hojas de estilo.
Una hoja de estilo (style sheets) no es ms que una coleccin de reglas que afectan a la
apariencia de un documento. Estas reglas se refieren al modo en que aparecer un
23
documento en pantalla cuando el usuario utilice un navegador o explorador grfico,

controlando por ejemplo el color, el fondo, tipo de fuente, apariencia de los bordes,
mrgenes, alineacin y espacio entre caracteres.
El HTML 4.0 desplaza muchas de las funciones realizadas por las anteriores versiones
hacia las hojas de estilo, reservando el lenguaje HTML para cuestiones menos formales,
relativas a la propia organizacin del contenido, y lo mismo ocurre con el lenguaje XML.
Las ventajas que ofrece la utilizacin de hojas de estilo es que se disean de forma
independiente al documento HTML y que se pueden aplicar, enteras o alguno de sus
niveles, a los documentos que se desee, facilitando la consistencia y homogeneidad en el
diseo y la imagen del sitio web. Adems, las hojas de estilo se pueden adecuar a los
distintos medios de presentacin de documentos (pantallas del ordenador, impresoras,
televisores, navegadores basados en voz, documentos en Braille...). El usuario tambin
puede elegir qu tipo de diseo prefiere visualizar en un mismo documento: desde un
formato ms simple o tradicional, a uno ms sofisticado. Una ventaja adicional es que
reducen el tiempo de carga de las pginas web en el ordenador, puesto que las hojas de
estilo se cargan en el navegador o visualizador, de manera que al acceder a un documento
que incluya la misma hoja de estilo de otro que se ha "bajado" anteriormente no ser
necesario volver a cargarla, porque ya se encuentra en el ordenador cliente.
24
Pasos para insertar un estilo CSS
Se inicia el programa Microsoft Visual Studio y se abre un nuevo proyecto.
Ilustracin 5.Visual Studio
Dar clic en la opcin web.
Ilustracin 6. Web
25
Posteriormente al elegir web mostrara tres opciones, a la cual se debe elegir Aplicacin
web ASP.NET y nombrar el proyecto en este caso se llama evidencia.
Ilustracin 7. Asp.net
Se mostraran los siguientes formularios y se debe elegir web forms.
Ilustracin 8. Web forms
26
Se crea el proyecto.
Ilustracin 9. Proyecto
Se eliminan los siguientes formularios: Site.Master y Site Mobile.Master
Ilustracin 10. Eliminar formularios
27
En la carpeta evidencia dar clic derecho y posteriormente en agregar nuevo elemento.
Ilustracin 11. Nuevo elemento
Aparecera la siguiente ventana primero dar clic en web, despues en web forms y elegir
Web forms con pgina maestra.
Ilustracin 12. Pgina maestra
28
Se repite el mismo proceso que el anterior, pero se elige Formulario web con pgina
maestra y se nombra default
Ilustracin 13. Formulario Web
Aparece la siguiente ventana y dar clic en la pgina maestra que se cre anteriormente.
Ilustracin 14. Pgina maestra
29
Al eliminar los primeros formularios por consecuencia aparecieron algunos errores, los
cuales se comentaran con la opcin Ctrl+k+c para que no afecte al programa.
Ilustracin 15. Eliminar errores
Se abre el formulario default, y se colocan los objetos que se requieran en este caso son
Label, TextBox y Button.
Ilustracin 16. Objetos
30
Cuando se ejecuta el programa se visualiza de la siguiente manera.
Ilustracin 17. Visualizacin
El estilo CSS se encarga de dar diseo a una pgina web que ayuda a la interfaz usuario-pc
y se agregan de la siguiente manera:
En el mismo formulario default agregar la propiedad CssClass: para mandar a llamar

los estilos que vienen integrados en la carpeta boots.min.css, en este caso se utiliz el
estilo text-danger para que el texto se visualice en color rojo, y se alineo al centro con la
etiqueta p align=center.
31
Ilustracin 18. Estilos CSS
Al agregar los estilos CSS se muestra de la siguiente manera.
Ilustracin 19. Vista
De esta manera es como se aplican los estilos CSS en pginas web con el software
Microsoft Visual Studio.
32
BIBLIOGRAFA
https://desarrolloweb.com/articulos/que-es-html.html
http://www.aragonemprendedor.com/archivos/descargas/manual_rapido_html.pdf
http://www.edicion.unam.mx/html/2_3_1.html
http://www.alegsa.com.ar/Dic/usuario.php
http://roble.pntic.mec.es/jlop0164/archivos/glosarioinf.pdf
http://webcache.googleusercontent.com/search?q=cache:oJaYx0Ti5ooJ:cmap.upb.edu.co/se
rvlet/SBReadResourceServlet%3Frid%3D1171494054593_16739036_8798+&cd=10&hl=
es&ct=clnk&gl=mx
https://msdn.microsoft.com/es-es/library/4w3ex9c2(v=vs.100).aspx
http://www.masadelante.com/faqs/css
http://www.hipertexto.info/documentos/css.htm
33

Garcia Garcia Brisa Memoria de Trabajo Profesional

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Garcia Garcia Brisa Memoria de Trabajo Profesional

Uploaded by

Copyright:

Available Formats

CBT No. 2 LIC.

CARLOS PICHARDO, TECMAC

Actualizacin de pgina web de la Universidad Politcnica de

MEMORIA DE TRABAJO PROFESIONAL

PARA OBTENER EL TITULO DE:

Alumna. Brisa Garca Garca

ASESORA: PROFRA. MARTHA FLORES MORA

SAN PEDRO POZOHUACN, TECMAC, MXICO, JUNIO DE 2017

Es un documento electrnico que pertenece a la WWW comnmente est desarrollado en el

Utilizar el estilo CSS es fcil de desarrollar y comprender.

En la Universidad Politcnica de Tecmac se actualizar la pgina web agregndole estilo

Objetivo del tema

Actualizar pgina web de la Universidad Politcnica de Tecmac

Organizar la informacin para que la pagina sea ms verstil y dinmica

Planteamiento del problema

La Universidad Politcnica de Tecmac ubicada en Av. Prolongacin 5 de mayo No. 10

Desafortunadamente estas pginas web no presentan una plantilla de diseo y hace ms

El beneficio de implementar el estilo CSS en la pgina web de la institucin ser de gran

Captulo 1. Referencias del

Captulo 1. Referencias del escenario real

1.1 Descripcin del Contexto Social, Econmico, y Cultural en el que se ubica el

La Universidad Politcnica de Tecmac ubicada en Av. Prolongacin 5 de mayo No. 10,

La Universidad tiene el firme compromiso de contribuir al crecimiento nacional de nuestro

- Licenciatura en Negocios Internacionales

Cobra colegiaturas al estudiante en periodo cuatrimestral para su inscripcin, recientemente

1.2 Organizacin General

Ilustracin 1. Organigrama Institucional

1.3 Misin, Visin y Valores

Contribuir al crecimiento nacional, mediante la formacin de profesionistas con calidad, a

Ser un referente nacional, con reconocimiento internacional en educacin superior basada

1.4 Croquis de la ubicacin

Captulo 2. Referencia del

Captulo 2. Referencia del perfil profesional

2.1 Descripcin de la carrera tcnica cursada.

La carrera de Tcnico en Informtica proporciona las herramientas necesarias para que el

- Mdulo I. Identifica las bases de la Informtica.

Es importante mencionar que se recomienda una actualizacin peridica de los temas

2.2 Objetivo de la Carrera

Que el alumno adquiera conocimientos de las Tecnologas Informticas. Aplicar las

2.3 Perfil de egreso

Al egreso de la carrera Tcnico en Informtica habrs obtenido las competencias necesarias

El egresado ser capaz de:

- Ensambla, configura y mantiene equipos de cmputo.

- Disponibilidad para trabajar en equipo.

2.4. Anlisis de las competencias profesionales desarrolladas, de acuerdo al perfil de

Ilustracin 3. Competencias Profesionales

Captulo 3. Experiencias laborales

3.1 Descripcin de las actividades realizadas en escenario, as como la fundamentacin

Descripcin del escenario real

La Universidad Politcnica de Tecmac se dedica a la fomentacin de valores as como de

La universidad desarrolla muchos proyectos sociales que la benefician adquiriendo

En el rea de Ingeniera en software aprendimos a aplicar estilos CSS en el software Visual

Ilustracin 4.Fundamento Terico

WWW: Es todo el conjunto de informacin interrelacionada que se haya disponible en

propiedades, mtodos y eventos. Las aplicaciones ASP.NET utilizan un sistema de

Visual Studio .NET (2003) Microsoft C# es un nuevo lenguaje de programacin diseado

C# se presenta como Visual C# en el conjunto de programas Visual Studio .NET. Visual

Cmo se aplica un estilo CSS?

{Color: Green;} ---> es la declaracin

Color ---> es la propiedad o atributo

Green ---> es el valor

La Declaracin que va entre corchetes es la informacin de estilo que indica cmo se va a