OOoES/Desarrollo/HTML

From OpenOffice.org Wiki

Jump to: navigation, search

Pagina donde se especializa en la estructura de la pagina web de OOoES. Aqui puedes ayudarnos principalmente con contenido estructuras y arreglar errores con links asi como algunas politicas y nomenclaturas.

Contents

Estructura

Esta es la estructura base del sitio. Algunas partes de este contenido han sido depreciadas. Aqui nos gustaria tu ayuda para tener una mejor estructura de los folders y como se puede planear la información: 

www/ 
 |
 |- abc/                depreciada
 |- barradenoticias/    depreciada
 |- comunidad/                            Contiene html referentes a la comunidad
 |- descargas/          depreciada
 |- dev/                depreciada
 |- images/                               Folder de imagenes, iconos.
 |- lecturas/                             Contiene documentos con informacion extras como anuncios, noticias o traducciones.
 |- press/              depreciada
 |- programa/                             Contiene la pagina de descargas para diccionarios etc.
 |- resources/          depreciada
 |- scripts/                              Codigos sobre javascript, y css.
 |  about-downloads.html depreciada
 |  empresas.html       depreciada
 |  faq.html            depreciada
 |  favicon.ico
 |  index-test.html
 |  index.html
 |  uFAQes.html         depreciada

Esta estructura esta altamente depreciada y con tu ayuda tendremos un mejor esquema mejor organizado y con contenido mas actual.

Plantilla

Actualmetne contamos con 2 plantillas una en la página de inicio y otra en las demas:

Página de inicio o index.html, página de contenido.

Algunas anotaciones son el uso de HTML debe ser compatible con XHTML 1.0 de la W3c. Favor de evitar el uso de tablas o frames para la programación de HTML unicamente SPAN y DIV se recomiendan.

Favor de estudiar bien el estilo de CSS para poder tener estilos y valores uniformes. Se podran tener CSS especializados pero necesitara una discusión previa.

Encabezado

Algo de lo que tenemos como estandar es que el sitio debe ser XHTML transicional o extricto.

[html] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

otros encabezados como:

[html] <meta name="keywords" content="OpenOffice.org, Open Office, OpenOffice, 

                               openoffice, StarOffice, Star Office, OOo, ooo, xml, open source,
                               developer, UNO" />

<meta name="description" content="OpenOffice.org: The Open Office Suite" />

Barra lateral

La barra lateral por defacto contiene una DIV que a su vez contiene otra DIV. La barra lateral se usa con el identificador barra_lateral, la segunda DIV contiene el identificador menu. Finalmente dentro de esta DIV contiene una lista no ordenada con el identificador menu_principal.

Dentro de la lista contiene una clase que funciona como switch para establecer el menu activo llamado current. Finalmente una nueva lista no ordenada con el identificador submenu. El resultado esquematico es el siguiente:

  • DIV = barra_lateral
  • DIV = menu
  • UL = menu_principal
  • LI = current (clase)
  • UL = submenu

El codigo tiene esta vista:

[html]

Contenido

Aqui se veran los estilos primarios usados en el cuerpo del contenido donde se aplican identificadores y clases para distinguir las etiquetas.

Realmente no hay muchas clases en esta area excepto el DIV inicial de contenido pero h1,2,3,4 y p a etc son todos normales y los estilos estan ya predefinidos. Esto esta hecho para no afectar o demandar contenido especial de marcado al cuerpo del sitio.

Nomenclaturas

OOoES hasta este momento no sigue de ninguna nomenclatura en su sitio a excepcion del folder de Lecturas. Aqui es otra oportunidad para establecer reglas en la nomenclatura del nombre de los archivos.

Algunas ideas es tener una nomenclatura para las páginas relacionadas con la comunidad, el desarrollo y tener una estructura mas organizada.

Lecturas

El folder de lecturas esta hecho para poner pagina 'extras' donde se pueden poner articulos, entrevistas y realmente no hay una variacion. Este folder contiene archivos con la siguente nomenclatura: 

  lectura_XXX.html
  |-----| |--|
  nombre  numero

Folders de Prueba

Actualmente solo se tiene index-test.html como una pagina de prueba para el inicio del sitio. Se pretende tener un folder de prueba para poder tener una mejor flexibilidad en el diseño. Este folder puede tener tanto el HTML como scripts como CSS y Javascript para pruebas.

Retrieved from "http://wiki.services.openoffice.org/wiki/OOoES/Desarrollo/HTML"
Personal tools