Manual de desarrollo para sitios web - Universidad Católica de ...
Manual de desarrollo para sitios web - Universidad Católica de ...
Manual de desarrollo para sitios web - Universidad Católica de ...
- No tags were found...
You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
<strong>Manual</strong> <strong>de</strong> <strong>de</strong>sarrollo <strong>para</strong> <strong>sitios</strong> <strong>web</strong>Tecnologías WebPara todo <strong>de</strong>sarrollo <strong>web</strong> institucional se <strong>de</strong>berá tener en cuenta loseñalado en este protocolo. Los parámetros que regirán estos nuevos<strong>de</strong>sarrollos <strong>web</strong> institucionales que <strong>de</strong>pendan o tengan relación con la<strong>Universidad</strong> Católica <strong>de</strong> Temuco son:• XHTML 1.0 estricto.• CSS 2.0.• ECMAScript (Javascript).La tecnología aceptada por el servidor (server si<strong>de</strong>) utilizada tanto en elsitio institucional como en los nuevos <strong>de</strong>sarrollos será:• PHP 5.• MySQL 5.x, Postgresql 8.x• Motor <strong>de</strong>l Plantillas Smarty.Des<strong>de</strong> el punto <strong>de</strong> vista técnico el mayor avance <strong>de</strong> la <strong>web</strong> institucionales el sistema <strong>de</strong> codificación adoptado: UTF-8. Dejando el sitio a lavanguardia <strong>de</strong>ntro <strong>de</strong> las universida<strong>de</strong>s nacionales, por lo que serequiere <strong>para</strong> los nuevos <strong>de</strong>sarrollos también se realicen en UTF-8.Los nuevos <strong>sitios</strong> <strong>de</strong>ben ser <strong>de</strong>sarrollados en Xhtml Estricto. Esto significaque no se <strong>de</strong>be usar tablas <strong>para</strong> la maquetación, <strong>para</strong> esto se <strong>de</strong>beusar CSS en don<strong>de</strong> las divisiones “div” harán la forma <strong>de</strong> la página y sucontenido <strong>de</strong>be estar marcado <strong>de</strong> forma semántica. El sitio <strong>de</strong>becumplir con la se<strong>para</strong>ción completa <strong>de</strong>l contenido con la presentación,esto se logra con un buen marcado semántico y con el buen uso <strong>de</strong>CSS.Si el sitio requiere código Javascript éste <strong>de</strong>be ser apegado al estándarECMAscript y se <strong>de</strong>ben <strong>de</strong>jar en archivos se<strong>para</strong>dos al Xhtml <strong>para</strong> serllamados <strong>de</strong>s<strong>de</strong> la cabecera.
Respecto a los correos electrónicos, se <strong>de</strong>be resguardar mediantealguna función en Javascript, <strong>para</strong> proteger <strong>de</strong> posibles capturasrealizadas por robots <strong>de</strong> búsquedas.También se pi<strong>de</strong> trabajar en la resolución 1024x768 lo que facilita lamejor lectura <strong>de</strong> los contenidos y aumento en la cantidad <strong>de</strong>publicaciones <strong>de</strong> los mismosAl final <strong>de</strong>l <strong>de</strong>sarrollo se pi<strong>de</strong> realizar una etapa <strong>de</strong> pruebas <strong>de</strong> calidad,en don<strong>de</strong> el sitio <strong>de</strong>sarrollado sea probado en varios navegadores porejemplo: Internet Explorer, Firefox, Opera.Accesibilidad WebLa barra <strong>de</strong> navegación superior (color amarillo) tiene habilitada teclas<strong>de</strong> acceso (accesskey) <strong>para</strong> tareas comunes <strong>de</strong> navegación, estopermite a los usuario utilizar su teclado (o lector <strong>de</strong> pantalla) <strong>para</strong> irrápidamente <strong>de</strong> un lugar a otro <strong>de</strong>ntro <strong>de</strong>l menú <strong>de</strong> servicios. Lasiguiente lista muestra el uso <strong>de</strong> las teclas <strong>de</strong> acceso <strong>para</strong> distintosnavegadores:• Mozilla Firefox : Alt + Shift [tecla <strong>de</strong> acceso]. Ejemplo: Alt + Shift + w<strong>para</strong> ir directamente al Webmail.• Internet Explorer: Alt + [tecla <strong>de</strong> acceso] + ENTER.• Opera: Shift + ESC [tecla <strong>de</strong> acceso].Para usuario <strong>de</strong> Mac, cambiar ALT por CTR.No usar frame o marcos pues va en contra la accesibilidad <strong>de</strong>l sitioMantener un marcado semántico, hace más fácil <strong>para</strong> los navegadoresy los motores <strong>de</strong> búsqueda se hace más fácil la interpretación <strong>de</strong>lcódigo y se da mejor soporte <strong>para</strong> lectores <strong>de</strong> contenidos (sistemas<strong>de</strong>sarrollados <strong>para</strong> personas con discapacidad.)Dado que en ocasiones algunos navegadores como Internet Explorertienen <strong>de</strong>shabilitado las funciones <strong>de</strong> Javascript, se recomienda nousarlo en los <strong>de</strong>sarrollos <strong>de</strong> menús.
No abusar <strong>de</strong>l uso <strong>de</strong> imágenes ni contenido multimedia. Así mismo espreferible <strong>para</strong> facilitar la accesibilidad a cualquier usuario tratar <strong>de</strong>optimizar dicho contenido.Especificaciones técnicas <strong>de</strong>l ServidorEl equipo <strong>de</strong> <strong>de</strong>sarrollo <strong>de</strong>be recrear el ambiente utilizado en la UCTemuco, con el objeto <strong>de</strong> mantener la compatibilidad y la seguridadposterior <strong>de</strong> los sistemas y servicios <strong>de</strong>sarrollados. La arquitecturautilizada es la siguiente.• Arquitectura <strong>de</strong>l Servidor: CentOs versión 5 (RHEL 5)• Lenguaje <strong>de</strong> Programación: php• Plugin <strong>de</strong> seguridad instalado: php-mod-security• Plugin, módulos, lenguajes y programas adicionales: se cargarán<strong>de</strong> los repositorios oficiales <strong>de</strong> la distribución.• Repositorio con código y programas extra: EPELSi requiere <strong>de</strong> apoyo en la implementación <strong>de</strong>l entorno <strong>de</strong> <strong>de</strong>sarrollo, se<strong>de</strong>be comunicar con la unidad <strong>de</strong> Telecomunicaciones, con eladministrador <strong>de</strong> servidores, fono 205370 y correooperaciones@uctemuco.cl.Documentos solicitados al equipo <strong>de</strong>sarrolladorEl equipo <strong>de</strong>sarrollador <strong>de</strong>berá entregar junto al sitio o sistema <strong>web</strong> unaMemoria Técnica, la cual <strong>de</strong>be incluir lo siguiente cuando corresponda:• Estructura <strong>de</strong> Carpetas: Indicar carpetas upload <strong>de</strong> archivoscuando se requieran.• Directorios o archivos <strong>web</strong> <strong>de</strong> administración <strong>de</strong>l sitio cuando serequiera.• Archivos <strong>de</strong> configuración.• Estructura <strong>de</strong> la base <strong>de</strong> datos.• Configuración extra <strong>de</strong>l servidor en caso <strong>de</strong> que se requiera, <strong>de</strong>acuerdo a las especificaciones técnicas <strong>de</strong>l servidor.
• Claves <strong>de</strong> accesos y <strong>de</strong> configuración. Se <strong>de</strong>be especificar lasbases <strong>de</strong> datos y <strong>de</strong> administración <strong>de</strong> sistema. Privilegios <strong>de</strong>lusuario sobre la base <strong>de</strong> datos (Lectura/Escritura/Todos)• Accesos y privilegios necesarios a otras bases <strong>de</strong> datos UCTemuco si se requiere.• Mo<strong>de</strong>los <strong>de</strong> casos <strong>de</strong> uso.• Diagramas <strong>de</strong> procesos <strong>de</strong> la aplicación.• <strong>Manual</strong> <strong>de</strong> uso <strong>de</strong>l sistema.• <strong>Manual</strong> <strong>de</strong> administración <strong>de</strong>l sistema.• <strong>Manual</strong> <strong>de</strong> actualización <strong>de</strong>l sistema.• <strong>Manual</strong> <strong>de</strong> actualización <strong>de</strong> la base <strong>de</strong> datos.• Mo<strong>de</strong>lo físico visual <strong>de</strong> datos ( Power<strong>de</strong>signer 9 )• Diccionario <strong>de</strong> datosEn el caso <strong>de</strong> sistemas que se <strong>de</strong>sarrollen sobre sistemas <strong>de</strong> portales yadministración dinámicos (CMS, FOROS y otros pre-<strong>de</strong>sarrollados) se<strong>de</strong>be entregar <strong>de</strong> manera adicional lo siguiente:• Al menos la planificación <strong>de</strong> un año <strong>de</strong> la actualización <strong>de</strong>parches <strong>de</strong> seguridad <strong>de</strong>l núcleo <strong>de</strong> sistemas <strong>de</strong> este tipo <strong>de</strong>aplicación.• Actualización <strong>de</strong> módulos y su influencia en el entorno.• Administración <strong>de</strong>l sitio <strong>de</strong> módulos <strong>de</strong> información.La memoria técnica <strong>de</strong>berá ser entregada en formato digital (pdf,o,doc) a la unidad <strong>de</strong> Telecomunicaciones (www@uctemuco.cl), en unplazo no mayor a 30 días posterior a la puesta en marcha <strong>de</strong>l sitio.Estándares mínimos propios <strong>de</strong>l <strong>de</strong>sarrollo y <strong>de</strong>l diseño institucionalSe <strong>de</strong>be trabajar con un motor <strong>de</strong> plantillas u otro método en el cual seseparen la estructura propia <strong>de</strong> html con las <strong>de</strong> acceso a datos y otros,propia <strong>de</strong> la ejecución <strong>de</strong>l sistema.Los archivos <strong>de</strong> conexión a bases <strong>de</strong> datos <strong>de</strong>ben estar se<strong>para</strong>dos <strong>de</strong> laestructura <strong>de</strong>l sistema manteniendo la seguridad e integridad <strong>de</strong> lainformación.
En relación al diseño, contenido y <strong>de</strong>sarrollo técnico <strong>de</strong>l sistema en<strong>de</strong>sarrollo, la Dirección <strong>de</strong> Comunicaciones será la responsable <strong>de</strong> visarsi dicho sistema cumple con el estándar <strong>de</strong> diseño institucional y <strong>de</strong> laestandarización W3C <strong>de</strong>l sitio.Motor <strong>de</strong> Base <strong>de</strong> datos a utilizarLa elección <strong>de</strong>l motor <strong>de</strong> base <strong>de</strong> datos a utilizar por el sistema va a<strong>de</strong>pen<strong>de</strong>r <strong>de</strong>l tipo <strong>de</strong> aplicación y su alcance, y <strong>de</strong> acuerdo a esto segestionara con Informática <strong>de</strong> Gestión el acceso a las Bases <strong>de</strong> datos.• Portales Web, informativos => mySQL 5.x, Postgresql 8.X• Sistemas Web <strong>de</strong> apoyo al SI universitario=> SQL Server 2005Contacto <strong>de</strong>l Sistema y registro <strong>de</strong> eventosLa unidad solicitante o que <strong>de</strong>sarrolla el sistema <strong>web</strong> <strong>de</strong>be <strong>de</strong>signar unencargado o contacto administrativo y un contacto técnico, que seanlos interlocutores entre la unidad solicitante y Telecomunicaciones.Datos solicitados.• Nombre e email <strong>de</strong>l contacto administrativo <strong>de</strong> la unidadsolicitante (Responsable formal). Nombre e email <strong>de</strong>l contactotécnico (Responsable técnico <strong>para</strong> comunicar actualizacionesy/o modificaciones técnicas <strong>de</strong>l servidor).Todos los cambios significativos que se realicen en el futuro, seregistrarán con las fechas respectivas.Responsabilidad <strong>de</strong> la unidad solicitanteLa unidad solicitante tiene como responsabilidad la operacióncompleta <strong>de</strong> su sitio o sistema <strong>web</strong>. Esto implica lo siguiente:• Entregar la documentación solicitada en esta normativa en losplazos establecidos.
• Respaldar periódicamente la información <strong>de</strong> su sitio <strong>web</strong> (archivosHTML, base <strong>de</strong> datos, etc.)• Si utiliza algún software <strong>de</strong> FORO, la unidad solicitante esresponsable <strong>de</strong> lo que se publique, ya que es ella quien autoriza alos usuarios a publicar información en SU sitio.• Si utiliza algún software <strong>de</strong> CONTENIDO (CMS, Joomla, Wordpress,PHPBB, etc.), la unidad solicitante es responsable <strong>de</strong> mantenerdicho software con las actualizaciones <strong>de</strong> seguridad al día.• Velar por la seguridad <strong>de</strong> su sitio o sistema <strong>web</strong>. Esto implicaprogramar bien las páginas <strong>web</strong> (controles y validacionesa<strong>de</strong>cuadas en código PHP y otros lenguajes), asignar claves notriviales a sus usuarios, etc.• Utilizar el sistema http://merlin.uct.cl <strong>para</strong> solicitar soporte yaccesos relacionados al sitio.Responsabilidad <strong>de</strong> la unidad <strong>de</strong> TelecomunicacionesLa responsabilidad <strong>de</strong> la unidad <strong>de</strong> Telecomunicaciones implica losiguiente:• Mantener el Servidor (hardware y Sistema Operativo) enfuncionamiento• Velar por la seguridad <strong>de</strong>l Servidor (software <strong>de</strong> servidor <strong>web</strong>,lenguajes <strong>de</strong> programación, con sus <strong>de</strong>bidas actualizaciones)realizando auditorías constantemente.• Velar por un acceso rápido hacia y <strong>de</strong>s<strong>de</strong> Internet al sitio<strong>de</strong>sarrollado (ancho <strong>de</strong> banda)• Velar por la disponibilidad <strong>de</strong> acceso al servidor, con un factor <strong>de</strong>uptime <strong>de</strong>l 99,5%• Adicional al respaldo realizado por la unidad solicitante, la unidad<strong>de</strong> Telecomunicaciones mantiene un respaldo periódico (diario)<strong>de</strong> los <strong>sitios</strong> alojados como medida <strong>de</strong> contingencia.
Procedimiento y Responsabilida<strong>de</strong>sLa <strong>Universidad</strong> Católica <strong>de</strong> Temuco no tendrá responsabilidad algunapor el contenido <strong>de</strong> la información que las unida<strong>de</strong>s coloquen oalmacenen en el sitio hospedado en los servidores <strong>de</strong>l datacenter. Noobstante lo anterior, se podrá poner término al servicio <strong>de</strong> <strong>web</strong>hostingen cualquier momento si la información puesta en su espacio, por launidad, atenta contra la ley, la moral o las buenas costumbres o losvalores propios <strong>de</strong> la <strong>Universidad</strong>, o afecta a terceras personas. La<strong>de</strong>cisión final acerca <strong>de</strong> este cierre <strong>de</strong> servicios correspon<strong>de</strong> a laDirección <strong>de</strong> Comunicaciones, quienes informarán a las personascorrespondientes.La Subdirección <strong>de</strong> Telecomunicaciones proporciona el Servicio <strong>de</strong>WebHoting <strong>para</strong> las páginas <strong>web</strong> <strong>de</strong> los <strong>de</strong>partamentos y/o unida<strong>de</strong>sinternas <strong>de</strong> la <strong>Universidad</strong> en los Servidores institucionales.Tiene como espacio <strong>de</strong> almacenamiento la capacidad <strong>de</strong> 100MB quepue<strong>de</strong> incrementarse <strong>de</strong> acuerdo a los requerimientos <strong>de</strong> la unidad,que están sujetos a factibilidad técnica.El sitio hospedado o albergado tendrá www.uctemuco.cl/___,www.___.uctemuco.clEl servicio provee <strong>de</strong> una cuenta <strong>de</strong> acceso que permite realizar losiguiente:• Actualización <strong>de</strong> páginas <strong>web</strong>• Modificaciones <strong>de</strong> su base <strong>de</strong> datos 1Si se <strong>de</strong>sea albergar un sitio con el nombre www.____.cl ( Ejemplowww.miproyecto.cl ), sin UCTEMUCO, entonces se requiere autorizaciónexpresa por parte <strong>de</strong>l Director(a) <strong>de</strong> Comunicaciones. A<strong>de</strong>más, lainscripción <strong>de</strong>l dominio <strong>de</strong>be realizarse en nic.cl y es mandatorio que elcontacto técnico oficial sea el Sr. Carlos Jara Sazo (cjara@uctemuco.cl).El costo anual <strong>de</strong> dicha inscripción la <strong>de</strong>berá cancelar la unidadsolicitante.1 Los motores <strong>de</strong> bases <strong>de</strong> datos disponibles, se pue<strong>de</strong>n consultar en el documento“NORMATIVA DESARROLLO WEB UCTEMUCO”
Costos <strong>de</strong>l servicio WebhostingEl costo inicial <strong>de</strong>l servicio es <strong>de</strong> UF 1,5 anual, y por cada 50MBadicionales solicitados el costo aumenta en UF 0,5. El valor <strong>de</strong>l servicio secancela en forma anticipada. El no pago oportuno podría <strong>de</strong>rivar en lacancelación <strong>de</strong>l Webhosting.Cómo solicitar el servicioEste servicio <strong>de</strong>be ser solicitado por el Director <strong>de</strong>l <strong>de</strong>partamento ounidad, enviando solicitud a www@uctemuco.cl indicando lo siguiente:• Nombre <strong>de</strong>l dominio uctemuco.cl <strong>de</strong>seado (Ejemplo:www.uct.cl/lab).• Este nombre <strong>de</strong>be estar visado por la Dirección <strong>de</strong>Comunicaciones, y <strong>de</strong>be adjuntar copia <strong>de</strong> dicha autorización.• Nombre e email <strong>de</strong>l contacto administrativo <strong>de</strong> la unidadsolicitante (Responsable formal).• Nombre e email <strong>de</strong>l contacto técnico (Responsable técnico <strong>para</strong>comunicar actualizaciones y/o modificaciones técnicas <strong>de</strong>lservidor).• Código presupuestario don<strong>de</strong> se harán los cargos <strong>de</strong>l <strong>web</strong>hostingy <strong>de</strong> nic.cl cuando corresponda.Una vez creado el sitio, se enviará al contacto administrativo un emailcon todos los datos y claves necesarias.Uso <strong>de</strong>l espacio y las autorizaciones entregadasEstá totalmente prohibido el uso <strong>de</strong> las cuentas <strong>para</strong> las siguientesfunciones:• Ocupar la cuenta como sistema <strong>de</strong> respaldo <strong>de</strong> información. Soloestá permitido almacenar o respaldar lo concerniente alfuncionamiento <strong>de</strong>l sitio.• Está prohibido el contenido pornográfico en cualquiera <strong>de</strong> susformatos.
• Está estrictamente prohibido almacenar archivos <strong>de</strong> tipo mp3, Avi,wma o similares, y cualquier otro formato audio visual que esteprotegido por las leyes <strong>de</strong> propiedad intelectual.• Ocupar las cuentas <strong>para</strong> usar cualquier tipo <strong>de</strong> software IRC, BOT,BOUNCERS y similares.• Ejecutar cualquier tipo <strong>de</strong> programa o software <strong>de</strong> tipo hacker,exploit, o cualquier programa que atente contra el buenfuncionamiento tanto como <strong>de</strong> nuestros servidores como el <strong>de</strong>terceros.• Enviar correos electrónicos con contenido malicioso por medio<strong>de</strong>l sitio hospedado.• Almacenar programas protegidos por las leyes <strong>de</strong> propiedadintelectual. También está estrictamente prohibido almacenararchivos <strong>de</strong> tipo crackers, seriales y similares, como también linkrelacionados con dicha información.• Reven<strong>de</strong>r, ce<strong>de</strong>r o prestar los servicios a terceras personas u otrossin el previo consentimiento o autorización <strong>de</strong> la Dirección <strong>de</strong>Comunicaciones.• Publicar información que <strong>de</strong> alguna forma atente contra losvalores o la imagen <strong>de</strong> la <strong>Universidad</strong>.El no respetar lo indicado anteriormente, son razones <strong>para</strong> el cierreinmediato <strong>de</strong> la cuenta <strong>de</strong> la unidad.Lenguajes <strong>de</strong> programación, herramientas OpenSource y otrosEs <strong>de</strong>ber <strong>de</strong> la unidad <strong>de</strong> Telecomunicaciones velar por el bienestar <strong>de</strong>sus sistemas y la seguridad <strong>de</strong> estos. Por lo tanto, cualquier tipo <strong>de</strong>actualización a los sistemas, que Telecomunicaciones consi<strong>de</strong>renecesaria, será efectuada previo comunicado a los contactos <strong>de</strong> lasunida<strong>de</strong>s (técnico y administrativo) con 30 días <strong>de</strong> anticipación víacorreo electrónico. La unidad <strong>de</strong> Telecomunicaciones se exime <strong>de</strong>cualquier tipo <strong>de</strong> responsabilidad sobre los cambios que estasherramientas <strong>de</strong> <strong>de</strong>sarrollo tengan en sus actualizaciones, y el efectoque estas puedan tener en los <strong>sitios</strong> <strong>de</strong> las unida<strong>de</strong>s. De esta forma, seráresponsabilidad <strong>de</strong> la unidad solicitante, informarse sobre los cambiosque dichas herramientas tengan, a modo <strong>de</strong> tener sus <strong>sitios</strong> o sistemas<strong>web</strong> con un código actualizado y acor<strong>de</strong> con las característicastécnicas <strong>de</strong> los servidores UC Temuco.
Telecomunicaciones dispondrá <strong>de</strong> herramientas opensource, talescomo, sistemas <strong>de</strong> estadísticas y similares. La unidad entien<strong>de</strong> quedichas herramientas no son propiedad <strong>de</strong> la <strong>Universidad</strong> y pertenecen ala categoría <strong>de</strong> "Software Libre", <strong>de</strong>sarrolladas por terceros quienespublican dichas herramientas sin garantía alguna. Por lo tanto, la unidad<strong>de</strong> Telecomunicaciones NO prestará soporte técnico ni re<strong>para</strong>ciónalguna <strong>para</strong> dichas herramientas.De esta forma, la unidad solicitante da por entendido que la unidad <strong>de</strong>Telecomunicaciones no se responsabiliza sobre los cambios que lasherramientas <strong>de</strong> <strong>de</strong>sarrollo tengan en el futuro.SPAMLa <strong>Universidad</strong> Católica <strong>de</strong> Temuco entien<strong>de</strong> como spam o correo no<strong>de</strong>seado lo siguiente:Se llama spam y/o correo basura a los mensajes no solicitados, no<strong>de</strong>seados o <strong>de</strong> remitente <strong>de</strong>sconocido, habitualmente <strong>de</strong> tipopublicitario, enviados en gran<strong>de</strong>s cantida<strong>de</strong>s (incluso masivas) queperjudican <strong>de</strong> alguna o varias maneras al receptor. La acción <strong>de</strong> enviardichos mensajes se <strong>de</strong>nomina spamming.Por lo tanto, la <strong>Universidad</strong> tiene estrictamente prohibido el hacer spamy envío <strong>de</strong> correo masivo malicioso <strong>de</strong>s<strong>de</strong> cualquier cuenta <strong>de</strong> correoalojada en sus servidores. El no respetar esta norma, significará elbloqueo inmediato <strong>de</strong> la cuenta, con previa advertencia al usuario y sussuperiores.Superación <strong>de</strong> cuotas <strong>de</strong> espacioEl sistema no permitirá crear carpetas o archivos que superen el espaciootorgado a las unida<strong>de</strong>s, esto se aplicará tanto en <strong>sitios</strong> o sistemas <strong>web</strong>y correos electrónicos. Por lo anterior es <strong>de</strong>ber <strong>de</strong>l usuario o contactotécnico mantenerse informado sobre la capacidad y utilización <strong>de</strong> losespacios que administra en cada una <strong>de</strong> sus cuentas. En el casoparticular <strong>de</strong>l servicio <strong>de</strong> WebHosting, la unidad podrá solicitar espacioadicional, el cual está sujeto a factibilidad técnica.
Control <strong>de</strong>l Tráfico Internet generado por los <strong>sitios</strong> y sistemas <strong>web</strong>El sistema tendrá un control <strong>de</strong> tráfico utilizado. Si el tráfico aumenta enproporción <strong>de</strong>smedida y los recursos <strong>de</strong> la máquina o servidor se venafectados <strong>de</strong> tal forma que impida el normal funcionamiento <strong>de</strong> este, elsitio o sistema <strong>web</strong> que este ocasionando esta anomalía seráinmediatamente <strong>de</strong>shabilitado <strong>para</strong> su posterior análisis en conjunto conel contacto técnico <strong>de</strong> la unidad solicitante, lo que dará comoresultado un informe <strong>de</strong> sucesos anómalos en <strong>sitios</strong> <strong>web</strong>.Recomendaciones Generales <strong>de</strong> DiseñoEl ancho mínimo <strong>de</strong> la página <strong>web</strong> <strong>de</strong>be ser <strong>de</strong> 800 px y máximo <strong>de</strong> 992px y esta <strong>de</strong>be estar centrada en el navegador.Se <strong>de</strong>be mantener siempre la barra amarilla superior, que abarca todoel ancho <strong>de</strong> la pantalla. Se <strong>de</strong>be cuidar mantener el aspecto <strong>de</strong> esta yque no se vea intervenida por estilos CSS <strong>de</strong> la nueva página. Estabarra se encuentra disponible en www.uctemuco.cl/recursosEl logo <strong>de</strong> la <strong>Universidad</strong> <strong>de</strong>berá ser usado según las normas gráficas<strong>de</strong>scritas en la guía <strong>de</strong> uso <strong>de</strong> marca UC Temuco, el cual se encuentradisponible en www.uctemuco.cl/recursosHea<strong>de</strong>rEl Hea<strong>de</strong>r o cabecera no <strong>de</strong>be superar los 200 px <strong>de</strong> alto y <strong>de</strong>becontener el nombre <strong>de</strong>l sitio, marca UC Temuco, imágenes alusivas yotros logos si fuera necesario. El Titulo <strong>de</strong> la página <strong>de</strong>be estar escritocon letra clara y legible.La marca UC Temuco <strong>de</strong>berá ser usada a un tamaño no menor a130px <strong>de</strong> ancho y máximo a 200px <strong>de</strong> ancho, <strong>de</strong>pendiendo <strong>de</strong>l alto <strong>de</strong>la cabecera. Pue<strong>de</strong>s <strong>de</strong>scargar la marca en sus diferentes formatos<strong>de</strong>s<strong>de</strong> www.uctemuco.cl/recursos
TipografíasSe recomienda usar la tipografía Trebuchet o Arial <strong>para</strong> el texto <strong>de</strong> lapágina, ya que es una tipografía <strong>de</strong> fácil lectura, liviana y que seencuentra disponible en todos los sistemas operativos.Cuidar las proporciones y jerarquía <strong>de</strong> los diferentes tipos <strong>de</strong> textos, yasean títulos, subtítulos, vínculos o texto normal, por ej. Los subtítulos nopue<strong>de</strong>n ser <strong>de</strong> mayor tamaño que los títulos.Se recomienda usar tamaños tipográficos entre 12px (texto párrafos) y24px (título máximo)Cuidar que el color <strong>de</strong> texto sea lo suficientemente contrastado <strong>de</strong>lcolor <strong>de</strong> fondo <strong>para</strong> que no dificulte la lectura. Ej, Sobre fondo amarillono pue<strong>de</strong> usarse tipografía blanca, ya que se pier<strong>de</strong> en el fondo y no selee bien.ImágenesCuidar las proporciones <strong>de</strong> ancho y alto <strong>de</strong> las fotos.Optimizar el peso <strong>de</strong> archivos <strong>para</strong> la rápida carga y visualización <strong>de</strong>estas.El tamaño <strong>de</strong> las fotos <strong>de</strong>be ser proporcionales a la página <strong>web</strong>, no usarfotografías <strong>de</strong>masiado gran<strong>de</strong>s.Cuidar que en el caso <strong>de</strong> usar imágenes con transparencias (png, gif),estas se vean <strong>de</strong> igual manera en los navegadores más utilizados, comoExplorer, Firefox, Opera, Chrome.