GUÍA HTML. Actualizado SciELO-Chile

Transcripción

1 GUÍA HTML Actualizado SciELO-Chile

2 FLUJO DE PROCESAMIENTO DE REVISTAS SCIELO

3 CONVERSION DE ARCHIVOS DE PDF A HTML 1.- Los artículos a trabajar deben estar en formato HTML 2.- Los archivos recibidos en formato PDF serán convertidos a formato html, a través de un conversor de PDF. 3.- Cada documento debe venir como un archivo separado ej: reseñas, carta a editores, revistas de revistas,etc. Si las revistas no cuentan con un conversor, esta se realizará en el programa SciELO hasta que la revista cuente con su propio conversor Pdf Word Html Html Transformados los archivos se aplica el programa cleanhtml que limpia los archivos de codificación html. ver instructivo de su uso en la siguiente url:

4 ESTRUCTURA DEL DIRECTORIO DE SCIELO Una vez instalado el programa SciELO, este crea una serie de carpetas donde se alojarán los artículos para ser trabajados : Carpetas creadas por defecto: C:\SciELO\serial\ En la carpeta serial se deben crear estas otras carpetas: 1.-Carpeta con la sigla o acronimo de la revista (se crea una sola vez por SciELO) 2.- volumen-número del fascículo 3.- Crear carpetas body, img, markup y pdf dentro del volumen,número Nota: Los nombres de las carpetas deben ser creadas en minúsculas y sin espacios. La sigla de la revista la informa SciELO (sigla de procesamiento interno)

5 ESTRUCTURA DEL DIRECTORIO DE SCIELO 1.- En su PC deben quedar las carpetas como lo muestra la imagen. 2.- Carpetas de trabajo por revistas (fascisulos)

6 ESTRUCTURA DEL DIRECTORIO DE SCIELO

7 DEFINICIÓN CARPETAS DE TRABAJO Carpeta body: Contiene todos los artículos de un fascículo, ordenados en forma correlativa, de acuerdo a la tabla de contenidos de la revista. C:\SciELO\serial\amv\v29n1\body\art01.html,art02.html,etc. Carpeta img : Contiene las imágenes del fascículo en formato jpg o gif, (Preferentemente jpg), pueden ser figuras, gráficos, tablas, símbolos, fórmulas, etc, ordenadas en forma correlativa o por artículo. Los nombres de las imagenes NO deben ir con espacios, acentos o simbolos. Nota: las imagenes deben enviarse separadas de su leyenda,el texto se trabaja en el artículo. C:\SciELO\serial\amv\v29n1\img\tab01.jpg, tab02.jpg,etc. C:\SciELO\serial\amv\v29n1\img\art1_tab01.jpg, art1_tab02.jpg, art2_form1.jpg, art2_tab1.jpg, etc.

8 DEFINICIÓN CARPETAS DE TRABAJO Carpeta markup: Contiene una copia de los artículos que están en el body, los cuales se utilizarán en el proceso de marcación (debe ser una copia exacta de los artículos que se encuentran en la carpeta body) C:\SciELO\serial\amv\v29n1\markup\art01.html,art02.html, art03.html,etc. Carpeta pdf: Contiene los artículos en formato pdf separados y ordenados por artículos manteniendo relación con la tabla de contenidos del fascículo. C:\SciELO\serial\amv\v29n1\pdf\art01.pdf, art02.pdf,etc.

9 CARPETAS PARA ARTICULOS EN UN SEGUNDO IDIOMA En el caso de existir un mismo artículo publicado en diferentes idiomas se debe crear otra carpeta solo para la carpeta body Carpeta body para artículos en otro idioma(inglés): en_body: Carpeta que contiene los archivos en otro idioma. C:\SciELO\serial\amv\v29n1\en_body\en_art01.html, en_art04.html,etc. ver instructivo en dos idiomas

10 TRATAMIENTO DE ARTÍCULOS EN HTML

11 FORMATO DE LOS ARTÍCULOS EN HTML 1.- Aplicar programa cleanhtml, (para limpiar codigos html existentes en el texto convertido) 2.- Dar formato al artículo en html, disponible en la carpeta body, siguiendo el orden de la tabla de contenidos del fascículo. Siguiendo el orden: art01.html, art02.html, art03.html,etc 3.- El formato de los artículos en HTML se trabaja con un editor de html, (Dreamweaver CS3).

12 FORMATO DE LOS ARTÍCULOS EN HTML El formato utilizado esta predefinido por una plantilla que indica las instrucciones de como formatear el artículo. 1.-Con el cleanhtml queda definido el tipo de letra verdana y el Tamaño 2, en todo el artículo. 2.- Se debe eliminar el membrete bibliográfico que señala la fuente del articulo Ej: Rev Med Chile 2012; 140: Se inicia el formateo de los artículos con la plantilla de artículo o texto dependiendo del caso. Ver modelo en url: 4. Una vez terminado el formato del body copiar los artículos en la carpeta markup

13 FORMATO DE LOS ARTÍCULOS EN HTML Elementos de inicio de artículos: Sección de la revista, título o títulos, autores, afiliaciones, dirección para correspondencia, resumen, palabras clave.

14 FORMATO DE LOS ARTÍCULOS EN HTML

15 FORMATO DE LOS ARTÍCULOS EN HTML Elementos a formatear en los artículos: tipo de letra, estilo y tamaño. 1.- Secciones: Verdana negrita, tamaño Título del artículo : Verdana negrita, tamaño Título en otros idiomas : Verdana negrita tamaño Autores: Verdana normal, negrita tamaño Afiliaciones: verdana normal, tamaño Dirección Correspondencia: verdana normal, tamaño Palabra RESUMEN o Resumen : Verdana negrita, tamaño Palabra Palabras clave : Verdana negrita, tamaño 2 Nota: Los resumenes y palabras clave deben quedar inmediatamente despues de las afiliaciones independiente de su ubicación en el pdf.

16 FORMATO DE LOS ARTÍCULOS EN HTML Elementos a formatear en los artículos Nota: Antes del primer resumen insertar una línea de 100%, de ancho 1 y sin sombreado o shading; esto se repite entremedio de los resúmenes y después del segundo resumen a continuación de las palabras clave como va mas abajo en el ejemplo [HR="1"] sin SHADING (sin sombreado) Ejemplo:

17 FORMATO DE LOS ARTÍCULOS EN HTML Elementos del cuerpo del artículo Palabra Los Subtítulos del artículo : Verdana negrita tamaño 3 (conservar formato de la revista) Otros elementos del cuerpo se verán mas adelante en forma detallada. Vínculo de imágenes Vínculo correos electrónicos Vínculo a imágenes Vínculo correspondencia Vínculo sitios web

19 FORMATO DE LOS ARTÍCULOS EN HTML Elementos al final del artículo: 1.- Palabra Notas : [tamaño 3/ Verdana bold] 2.- Palabra Referencias o BIBLIOGRAFIA : [tamaño 3/ Verdana bold] 3. Correspondencia [tamaño 2/ Verdana normal] 4. Histórico [tamaño 2/ Verdana normal] 5.- Financiamientos [tamaño 2/ Verdana normal] 6.- Otros [tamaño 2/ Verdana normal] 7.- Anexos [tamaño 3/ Verdana bold]

23 APLICACIÓN DE LINKS EN EL ARTÍCULO

24 APLICACIÓN DE VÍNCULOS EN EL ARTÍCULO En los artículos existen diferentes elementos que se deben vincular, entre ellos están: 1.- Notas 2.- Correo electrónico 3.- Direcciones web (url) 4.- Objetos como imágenes, figuras, tablas, fórmulas, gráficos, etc. 5.- Dirección para correspondencia

25 VÍNCULO A CORREO Pasos para realizar el vinculo a un correo electrónico 1.- Seleccionar el correo al cual se hará el vínculo 2.- En propiedades de DW y en vínculo escribir mailto:correoelectronico 3.- Chequear en el código fuente del html el vínculo.

26 VÍNCULO A CORREO

27 VÍNCULO A CORREO ELECTRÓNICO Recomendación: Si va a realizar copia del correo electrónico debe tener la precaución de seleccionar solo la dirección del correo, sin tomar espacios en blanco al inicio o al final de la dirección.

28 VÍNCULO A SITIOS WEB (URL) Pasos para realizar el vínculo a una URL 1.- Seleccionar url al cual se hará el vínculo 2.- En propiedades de DW * en vínculo escribir del sitio 3.- En propiedades del DW, seleccionar el elemento Dest = blank, esto permite que la url se abra en una página nueva. 4.- Chequear en el código fuente del html el vínculo. 5. Revisar a través de un Browser que el vínculo a la url abra en otra página. *DW. Dream Weaver

29 RECOMENDACIONES Si va a realizar copia de la url debe tener la precaución de seleccionar solo la dirección, sin tomar espacios en blanco al inicio o al final de la dirección. Se debe tener la precaución de revisar que la url llegue al enlace que se hace referencia.

30 VÍNCULO A SITIOS WEB (URL)

31 VÍNCULOS A NOTAS Y DIRECCIÓN DE CORRESPONDENCIA Vínculo a las notas y dirección de correspondencia: PASO Seleccione la nota que se encuentra en el texto 2.- En propiedades de DW en el campo vínculo escriba el nombre que le dará a la nota como se indica. Ej. #nota1 3.- La nota quedará con el vínculo creado Importante: Se debe seguir un orden correlativo al enumerar las notas para realizar el vinculo ej. nota1, nota2, o n1, n2, etc.

32 PASO 2 VÍNCULO A NOTAS Y DIRECCIÓN DE CORRESPONDENCIA 1.- Seleccione la nota que se encuentra en el ítem de las notas 2.- Posicionarse al lado del número de la nota 3.- En insertar ir a anclaje con nombre y hacer clic 4.- En la ventana que se despliega coloque el mismo nombre, pero sin el # que colocó en el paso 1. Ej. nota1 5.-Se insertará un ancla al lado de la nota Importante: a. Dirección correspondencia. Se usan los mismos pasos 1 y 2 para ser vinculadas. Se puede ir y retornar; #top y #back b. Notas. En las notas se usan dos nombres para poder ir al texto de la nota y retornar. Ejemplo: #nota1 y para retorno; #n1

33 VÍNCULO A NOTAS PASO 1

34 VÍNCULO A NOTAS PASO 2

35 Paso 1 VÍNCULO A DIRECCIÓN DE CORRESPONDENCIA

36 Paso 2 VÍNCULO A DIRECCIÓN DE CORRESPONDENCIA

37 VÍNCULO A IMÁGENES (FIGURAS, TABLAS, GRÁFICOS, FÓRMULAS, ETC.) 1.- La imagen se debe insertar en el texto siguiendo el orden dado en el articulo. 2.- Las imágenes deben ser insertadas después de un punto aparte y no entre medio de un párrafo. 3.- La imagen debe ser insertada inmediatamente después del primer punto aparte donde es citada por primera vez. 4.- El vínculo a la imagen siempre se debe hacer aunque este se encuentre al lado de la imagen. 5- Se sugiere que las imágenes estén en formato jpg. 6.- Recordar que las imágenes deben estar en la carpeta img del fascículo con un orden correlativo según orden dado en el artículo. Ejemplo: img01, img02, img03, etc. art_01img, art_02img,art03img, etc 7. El nombre de la imagen debe estar en minúsculas, sin espacios, sin simbología, sin acentos.

38 VÍNCULO A IMÁGENES (FIGURAS, TABLAS, GRÁFICOS, FÓRMULAS, ETC.) 8.-Las imágenes pueden ser tratadas en algún programa como, Photoeditor, Photoshop, o por un capturador de imágenes 9.- Las imágenes no deben ser mayor a 600 px. 10.-Si las imágenes son mayor a 600 px se les da un tratamiento distinto que veremos mas adelante. Importante: La imagen no debe incluir la leyenda correspondiente, esta se debe ingresar separada de la imagen como texto.

39 Paso 1 VÍNCULO A IMÁGENES 1.- En DW ir a herramientas insertar imagen. 2.- Seleccionar la imagen desde la carpeta img del fascículo que se esta trabajando. 3.- Dar aceptar para que la imagen quede insertada en el texto del artículo. Paso Una vez insertadas las imágenes se debe hacer el vínculo en el texto hacia la imagen. 2.- Para vincular la imagen se sigue el mismo procedimiento descrito en paso 1 y paso 2 que se utiliza en las notas con la diferencia que no se hace el retorno. 3.- El anclaje con nombre a la imagen debe ir al inicio no en la leyenda. 4. El vínculo a las imágenes se debe hacer tantas veces sea referido en el texto.

40 VINCULO A IMÁGENES Paso 3 Las imágenes insertadas deben ser chequeadas con un browser (explorer, firefox, etc.) para verificar que corresponden al artículo. Ruta de imagen: En el artículo cuando se inserta la imagen queda asociada al lugar donde está guardada en su computador, Ruta insertada por el DW: img src="serial/rchcir/v64n1/img/fig02-01.jpg" y debe ser cambiada por la url usada para SciELO: de la imagen.jpg

41 PASO 1

42 PASO 2

43 PASO 3

44 PASO 3

45 Paso 1 PROCESO PARA IMÁGENES QUE EXCEDEN EL TAMAÑO RECOMENDADO (600 PX) 1.- Abrir una página nueva en el DW 2.- Insertar la imagen 3.- Colocar la ruta a la imagen: de imagen.jpg 4.- Guardar la nueva página como html con la imagen en la carpeta de imágenes. Paso Ir al archivo original del artículo 2.- Ir donde se nombra el elemento (Figuras, tabla, gráfico, etc.) 3.- Insertar el vínculo,