Semana 4 del 28/09/2026 al 04/10/2026

 

SEMANA NÚMERO 04 (S-04)

PRIMERA CLASE (resumen)

VIDEOCLASE: https://cutt.ly/Gyb61NS4

ENCARGO Nº 2 DE LA PRÁCTICA Nº 1. Un/a traductor/a profesional quiere promocionar su empresa de traducción y, para ello, decide crear un sitio web “estándar”, al cual se pueda acceder a través de un ordenador personal. Aprovechando sus conocimientos de diferentes lenguas de trabajo decide hacerla bilingüe (puedes usar, preferentemente, tus lenguas A, materna, y B de trabajo; o bien cualesquiera otras dos lenguas que tu quieras usar y conozcas). El sitio web “estándar” estará formado por dos páginas web: una página principal y otra secundaria, idénticas en cuanto a contenido, pero en las dos lenguas que tu escojas. Cada una de las páginas web deberá incluir, obligatoriamente, entre otros elementos, un apartado de hiperenlaces a diversas herramientas informáticas que use en su labor profesional, con un breve comentario para cada una de ellas. Y, finalmente, un enlace a una cuenta de correo electrónico para que los clientes puedan contactar contigo.

MATERIALES: http://jmv.webs.uvigo.es/docs/practicas/practica1/encargo2/p1-e2.htm

ENUNCIADO: http://jmv.webs.uvigo.es/docs/practicas/practica1/encargo2/practica1-encargo2.pdf

---

PRELIMINARES

Tipología del software según su modo de uso. Desde el punto de vista de cómo se usa el software podemos clasificar el software en "instalable", "portable" y "en Internet o en la nube (cloud computing)".

• El software instalable, como su nombre indica, se "instala" en el disco duro del ordenador mediante la ejecución del “archivo de instalación” o setup. El programa instalador (a veces con la ayuda del/de la propio usuario/a, a quien se le requiere su opinión) copia en el disco duro aquellos archivos que considera "mejores" para la configuración del ordenador (hardware) y del propio programa (software). Ventajas: el programa se "adapta" al ordenador receptor como si de un guante se tratara. Inconvenientes: el programa sólo puede usarse en el ordenador receptor (que, en ocasiones, no es portátil y, por tanto, no puede moverse del lugar y/o “llevarse encima”).

• El software "portable" puede usarse directamente (sin necesidad de instalarlo) y, además, puede copiarse y "llevarse puesto" (en inglés diríamos, muchas veces, que es “wareable”) en un dispositivo de (relativamente) poca capacidad como pueda ser una memoria USB. "Portable" (término inexistente en español) se contrapone a "portátil" (término que sí existe en español) en el sentido de que se puede transportar de un lugar a otro y, además, se puede "llevar puesto" o "vestir" de una manera más o menos permanente (“wareable”, que diríamos en inglés). La mayoría de programas de código abierto instalables tienen su correspondiente versión portable (no así los de pago). Ventajas: puede usarse sin necesidad de instalarlo en un ordenador y puede guardarse en una simple memoria  USB. Inconvenientes: si se usa en una memoria USB funciona de manera más lenta; y, para que que quepa en una memoria USB, normalmente se "recorta" la versión instalable (se le quitan los archivos no imprescindibles como puedan ser los ejemplos, las ayudas, los archivos multilingües –dejándose solo las versiones en inglés-, etc.). El portal de programas “portables” más conocido y usado es: http://portableapps.com .

• El software "en Internet o en la nube (o cloud computing)", como su nombre indica, puede usarse directamente siempre que dispongamos de una conexión a internet; y, por tanto, no hace falta tenerlo "físicamente" (instalado o copiado) en nuestro poder (basta un simple acceso telemático). Ventajas: solo precisamos de acceso a Internet para poder usarlo y no es necesario tenerlo "físicamente"; la actualización y mantenimiento del mismo corre a cargo del proveedor del programa; no hace falta comprarlo, puede usarse como servicio y pagar por el tiempo de uso. Inconvenientes: si no funciona Internet no podemos usarlo (cosa que, en la realidad, acostumbra a  suceder en muy contadas ocasiones).

Aspectos en la creación de páginas web relacionados con el ámbito profesional, social, informático-telemático y traductológico. A la hora de crear un/a espacio/página web es necesario tener en cuenta diversos factores.

• Aspectos relacionados con el ámbito profesional. Desde un punto de vista profesional, nos interesa crear una “marca” para promocionar nuestros servicios de traducción en la web; nos interesa que el usuario no “pierda de vista” en ningún momento nuestra página web (y, por ende, nuestra marca); y, por último, nos interesa que nuestros clientes potenciales “nos encuentren” (en Internet) de una manera fácil (“amigable”, que diríamos en el ámbito informático) y rápida. Para ello: crearemos un “logo o marca” para darnos a conocer (desde un punto de vista profesional, para hacerlo, es necesario acudir al “Registro de la propiedad” para cerciorarnos que dicho logo o marca no está todavía solicitado; y, registrar nuestra marca si así lo queremos); procuraremos que en todo momento nuestra página principal esté en primer plano, abriendo las páginas secundarias en otra ventana o pestaña y procuraremos que nuestra marca o logo esté visible el máximo de tiempo posible; y, por último, estableceremos todos los mecanismos posibles para que los buscadores de Internet (básicamente el buscador de Google) nos encuentren (usando etiquetas y metadatos).

• Aspectos relacionados con el ámbito social. Desde un punto de vista social, nos interesa (y en las webs públicas es de obligado cumplimiento) que “todos/as” los/as usuarios nos encuentren. Por ello, en aquellos casos en los que los/as potenciales clientes padezcan algún tipo de dificultad (auditiva, visual, etc.) para poder acceder a la información disponible en nuestra web, intentaremos (de la manera que sea) facilitarles el acceso a la misma (es lo que, en términos informáticos, se conoce como “accesibilidad”). Para ello, por ejemplo, duplicaremos la información (en modo textual y gráfico), guardaremos con los elementos gráficos una descripción textual de los mismos y de su función, para las personas invidentes o con dificultades de visión, o bien crearemos “ayudas contextuales” para facilitar la navegación de los/as usuarios/as. También podemos crear enlaces en la propia página web para poder navegar por la misma con un simple “clic” del ratón.

• Aspectos relacionados con el ámbito informático-telemático. Desde un punto de vista informático y telemático es importante tener en cuenta diversos factores. En primer lugar, igual que ya hicimos en el encargo-1, trabajaremos siempre con carpetas. En segundo lugar, dado que los ordenadores “entienden y hablan” un lenguaje “próximo al inglés”, cuando pongamos nombre a los “elementos” que sean susceptibles de ser manipulados por el ordenador y/o por los programas (carpetas, archivos, enlaces internos, etc.), es preciso escribirlos “a la inglesa” (es decir, empleando sólo caracteres propios de la lengua inglesa –evitando, por tanto, tildes varias, “ñ”, “ç”, etc.–), sin espacios, sin paréntesis, sin barras, sin corchetes, sin mayúsculas y con nombres relativamente cortos (de menos de 8 caracteres). Recordad que los “programas de pago” disponen de un “sistema de depuración de errores” muy elaborado; mientras que los ”programas de código abierto” acostumbran a tener un sistema de depuración de errores muy básico (e incluso, a veces, totalmente inexistente). En el caso de las páginas web e Internet puede darse el caso de que, de no cumplirse las  premisas relacionadas con el nombre de los elementos usados por el ordenador y/o programa, la web funcione perfectamente “off line” (en nuestro ordenador, para entendernos); pero que, al subir/hospedar nuestra página web en (un ordenador servidor de páginas web de) Internet, la página web en cuestión funcione de manera defectuosa o, simplemente, deje de funcionar. En tercer lugar, los posibles elementos formales de nuestra web (tipo de letra, tamaño, colores, etc.) están la mayoría de las veces sujetos al tipo de interfaz usada para visualizarla (televisión, pantalla de ordenador, dispositivo móvil o smartphone, etc.) y/o a la propia configuración del navegador usado (Google Chrome, Mozilla Firefox, Safari, Internet Explorer, Edge, Pufino, Opera, etc.). Si queremos que dichos aspectos formales permanezcan invariables o indiferentes a dichos elementos es necesaria la creación de “estilos” para las páginas web (son archivos con la extensión ".css" para cuya creación es necesario saber programación web; y, por ello, en esta materia no vamos a aprender a trabajar con estilos web). Y, en cuarto y último lugar, indicar que si queremos usar a través de nuestra web alguno de los servicios genéricos proporcionados por Internet (navegación web, correo electrónico, servicio de ftp, etc.), es necesario indicar específicamente cuál es el servicio que queremos usar (http o https, mailto, ftp, etc; respectivamente).

• Aspectos relacionados con el ámbito traductológico. Desde un punto de vista traductológico la traducción de páginas web (de la misma manera que ocurre, por ejemplo, con la traducción de programas informáticos o la traducción de videojuegos) es un tipo e traducción que posee algunas características intrínsecas: por una parte, en algunas ocasiones es necesario ir un poco más allá de lo que es estrictamente una traducción (entendida como “pasar de una lengua A a otra lengua B”), y es necesario “adaptar” en marco traducido (es lo que se conoce normalmente como “localización). A veces dicha adaptación está condicionada por la propia naturaleza del tipo de traducción, por cuestiones de tipo informático, o, incluso, algunas veces por (aparentemente) simples cuestiones de tipo cultural.  Por otra parte, en el caso de la traducción/localización de páginas web, es necesario traducir TODOS los elementos susceptibles de ser traducidos (es decir, todo aquellos elementos que son susceptibles de ser “vistos” por el/la usuario/a); incluso aquellos que, “a simple vista” inicialmente no son susceptibles de ser vistos “off line” (es el caso, por ejemplo, del texto alternativo en las imágenes, de las ayudas contextuales, del título de la página web, etc.).

USO PRÁCTICO DE “KOMPOZER”

• Para la creación del sitio web usaremos el programa “KompoZer” (de 32 bits). El programa KompoZer es multiplataforma (Windows, MacOS y Linux), pero no es compatible con las últimas versiones de MacOS (Catalina, Big sur, etc.) de 64 bits. Si no os funciona en MacOS, si no disponéis de un programa como Wineskin (en el enlace que os adjunto os explico como usarlo; en las primeras versiones de 64 bits de macOS funcionaba, pero en las versiones más actuales puede ser que ya no funcione, hay que probar), de virtualización, de Boot Camp o de una partición de Windows en vuestro Mac, o un programa alternativo... no vais a poder usarlo en vuestro ordenador MacOS. De ser este el caso, deberéis usar, si o si, los ordenadores del aula informática, donde si está instalado Windows. Podéis consultar las diferentes "alternativas" que, en este caso tenéis, en http://jmv.webs.uvigo.es/docs/practicas/practica1/encargo2/usar-kompozer-en-un-mac.pdf Encontraréis el programa KompoZer, para Linux, Macos y Windows disponible en  https://sourceforge.net/projects/kompozer/files/current/0.8b3/. 

• Vamos a suponer que usamos la versión para "windows"

• Podéis usar la "versión instalable" o la "versión portable" disponible en la carpeta "exe". Para usar la versión instalable es necesario contar con privilegios de administrador en vuestro Windows para poder instalar programas (cosa que, por ejemplo, no tenemos en el aula informática Newton-9; por lo que, si no está instalado KompoZer en alguno de los ordenadores de dicha aula, no lo podremos instalar a mayores).

Si podéis instalar programas en vuestro Windows es conveniente que que uséis la "versión instalable", ya que es la que mejor se adaptará a las características de vuestro ordenador. Podéis seleccionar ña lengua de la interfaz que queráis (para el gallego no hay versión para Windows, tendría que ser para Linux). Si queréis instalar la versión en español debéis descargar e instalar el archivo "kompozer-0.8b3.es-ES.win32.exe"

• Si no queréis o no podéis (porque no tenéis privilegios de administrador) instalar KompoZer en vuestro Windows podéis usar la "Versión portable" que está disponible en la carpeta "zip".

En este caso también podéis seleccionar la lengua de la interfaz que queráis. Si queréis seleccionar la versión en español debéis descargar y descomprimir en la carpeta por defecto "Kompozer" el archivo "kompozer-0.8b3.es-ES.win32.zip".

La "versión portable" os permitirá trabajar con KompoZer" sin tener que instalar el programa. Pero, la versión portable, puede no adecuarse perfectamente a vuestro ordenador y ser un poco más lenta que la versión instalable.

• Si una vez instalado KompoZer en una determinada lengua queréis tener la interfaz del programa en una lengua diferente no hace falta volver a realizar todo el proceso detallado anteriormente. KompoZer dispone de ficheros XPI en diferentes lenguas en el enlace http://kompozer.sourceforge.net/l10n/langpacks/kompozer-0.8b3/

• Para cambiar el idioma de KompoZer sigue los siguientes pasos: (i) Descarga el paquete de idiomas del enlace anterior (".XPI"). Por ejemplo, el "Español". (ii) Abre el programa KompoZer en inglés. En el menú "Tools", elige "Add-ons". Pulsa "Install", elige el fichero del idioma ".XPI" de la carpeta donde lo descargaste, y dile "Install now". (iii) Pulsa el botón de "Restart KompoZer" y ya estará en la lengua que hayas elegido (en español, si es la lengua que elegiste). Recuerda que, en la actualidad, en la página oficial de KompoZer no existe la versión en gallego. Pero, quizás, sí esté en otra página de Internet relacionada con la localización al gallego (deberíais buscar con Google al respecto).

• Antes de empezar, tal como hicimos con el encargo-1, crearemos una carpeta de trabajo en el disco duro (escritorio) de nuestro ordenador. Recordad al respecto las pautas establecidas a propósito del nombre de las carpetas (archivos, enlaces internos, etc.). Por ejemplo, podéis llamarla “apellido1-apellido2-nombre” (en mi caso “miquel-verges-joan”).

• Entramos en KompoZer. Por defecto, el programa trabaja en modo “diseño” (ved que la opción/pestaña inferior izquierda de “diseño” está activada). Observamos que la interfaz de trabajo tiene algunos elementos que podemos asociar a los procesadores de texto, en cuanto sirven para dar formato al texto y/o alinear el mismo. Es el caso del “formato de letra”, “formato de fondo”, “disminuir tamaño de letra”, “aumentar tamaño de letra”, “negrita”, “cursiva”, “subrayado”, “alinear a la izquierda”, “centrar”, “alinear a la derecha”, y “justificar” (ver la captura de pantalla que sigue a continuación, de izquierda a derecha, respectivamente). Recordad que, si no usáis dichos elementos para alinear (y, por ejemplo, utilizáis por el contrario espacios o tabuladores), puede darse el caso que la página web se visualice correctamente “offline” pero que, “on line” no sea así. Podemos usar dichos elementos para, “a modo de (o emulando) un procesador de texto” dar forma al texto. Por ejemplo, para escribir “Hola” en negrita, basta con pulsar la tecla de “negrita” y escribir “Hola”.

• Por el contrario, hay otros elementos que se relacionan con aspectos intrínsecos de las páginas web. Es el caso de los “enlaces internos” y “enlaces” (a secas). Con el botón “enlace” crearemos los 4 tipos de enlace que vamos a tener que crear en nuestra web.

• Con KompoZer podemos crear una página web directamente con el “lenguaje de etiquetas HTM o HTML” (usando el programa a modo de editor de texto y utilizando las etiquetas del lenguaje de programación HTM o HTML). Para ello debemos seleccionar la opción/pestaña inferior izquierda de “código fuente”. En el caso de que hayamos escrito la palabra “Hola” con negrita, observaremos que la palabra “Hola” en cuestión está marcada con una determinada etiqueta inicial “span” y final “/span” (entre ángulos “<”, “>”) y atributos varios como “bold”. Desde un punto de vista estrictamente traductológico, la principal premisa usada para traducir páginas web directamente desde el código fuente es que “hay que traducir todo aquello que no sea (o esté) una (o dentro de) una etiqueta” (en otras palabras, “todo aquello que no esté entre los símbolos ‘<’ y ‘>’). Si, por ejemplo, queremos traducir la web que estamos manejando, bastará con traducir (únicamente) la palabra “Hola” por “Hello” del texto  (ver imagen adjunta).

• Si, por el contrario, trabajamos con el “modo diseño”, la traducción de la página web en cuestión es mucho más fácil, ya que, como en el caso anterior, basta con traducir la palabra “Hola” por “Hello”; pero, en este caso, no hay (visible) ninguna etiqueta que pueda molestarnos ni corremos el peligro de borrar accidentalmente alguna de las etiquetas (de suceder esto, dependiendo de la etiqueta de que se trate, la web incluso podría dejar de funcionar). Observamos, pues, que este tipo de programas como pueda ser KompoZer nos facilitan la labor de la traducción de las páginas web “escondiendo” (de alguna manera) las etiquetas HTML (o HTM) de nuestra página web, mostrando solo el texto a traducir y evitando borrar accidentalmente cualquier etiqueta.

• El funcionamiento de KompoZer es parecido al de los programas de traducción asistida (TAO) genéricos tipo Déjà Vu u OmegaT (que veremos y usaremos en la práctica-2 de esta materia) o programas de traducción asistida (TAO) enfocados a la localización de páginas web (tipo CatsCradle, que tendréis oportunidad de ver y usar en la materia opcional de “Traducción avanzada” de cuarto curso del grado). En el caso de los programas de traducción asistida (TAO), sean genéricos o específicos de la traducción/localización de páginas web, sin embargo y a diferencia de programas como KompoZer, estos muestran ya de inicio TODO el texto a traducir (en el caso de KompoZer, en algunos casos hay que buscar explícitamente algún que otro texto susceptible de ser traducido que no se muestra de inicio); y, además, permiten el uso de terminología y memorias de traducción como ayuda a la traducción (cosa que no ocurre con KompoZer). En el caso de KompoZer, además, la traducción/localización de la páginas web será toda ella “manual” (sin ayuda alguna del programa que usamos).

• En el ámbito de los sitios web es deseable que el/la usuario/a acceda al sitio web siempre a través de una misma página (la que denominamos página principal) y que, a partir de ahí, se le permita navegar al resto de páginas web del sitio web. En los inicios de Internet no existía ningún tipo de pauta a priori acerca de esta página inicial, por lo que, era responsabilidad del usuario conocer el nombre de la misma. Con el crecimiento y auge de Internet y el uso cada vez más generalizado de buscadores, los “gurús” de Internet acabaron por acordar que el nombre de la página principal (o inicial) de un sitio web se llamaría “index” (escrito en inglés, sin acento por tanto). De esta manera, en la actualidad, basta con conocer el dominio de una URL de un determinado sitio web para poder acceder a su página principal (o inicial); ya que el navegador (que, recordad, es el software que utilizamos para navegar por las páginas web) asume de entrada que la página principal (o inicial) del sitio web es “index.html”. De esta manera, por ejemplo, si escribimos en el navegador las URL http://traduccionesvigotrans.atwebpages.com (sin indicar, por tanto la página principal o inicial del espacio web) y http://traduccionesvigotrans.atwebpages.com/index.html  (indicando la página principal o inicial de nuestro espacio web), el navegador nos remitirá en ambos casos a la misma página web (esto es: la página principal o inicial de nuestro espacio web).

• Podemos empezar a diseñar la página principal de nuestra web. Para ello, debemos tener en cuenta que, en una página web, los elementos constitutivos de la misma de formatos diferentes (imágenes, vídeo, audio, páginas web en formato HTML o HTM, etc.) deben estar guardados todos ellos dentro de nuestra carpeta de trabajo en archivos diferentes. Así, si consultamos “un modelo” (que no el modelo) del sitio web a construir en el encargo-2 en http://jmv.webs.uvigo.es/docs/practicas/practica1/encargo2/web o bien en http://traduccionesvigotrans.atwebpages.com , observaremos que el sitio web está constituido por 6 archivos: 2 páginas web (en formato de texto HTML), 2 banderas (en formato gráfico, mayoritariamente GIF), 1 imagen central (en formato gráfico, mayoritariamente JPEG) y 1 imagen animada (en formato gráfico, mayoritariamente GIF). Por ello, procederemos en primer lugar a buscar las 4 imágenes para, con posterioridad crear las 2 páginas web de nuestro sitio web. Buscaremos dicha información en Internet. Recordad que los nombres de dichos elementos deben ser "a la inglesa", sin espacios, y, preferentemente cortos (de menos de 8 caracteres), ya que así nos lo va a exigir nuestro "hostal gratuito".

• Búsqueda de los elementos gráficos (imágenes) “banderas”. Precisamos de 2 banderas para nuestras páginas web principal y secundaria. En mi caso, las banderas de España (español) y Reino Unido (inglés). Si buscamos las mismas en Internet con el “buscador (textual) genérico Google” (http://google.es) observamos que obtenemos un número ingente de entradas (121 millones en mi caso), lo cual se hace imposible de consultar. Ante tal desaguisado podemos probar buscar con el buscador especializado de imágenes Google (https://www.google.es/imghp?hl=es&tab=wi&authuser=0) las banderas en cuestión; en tal caso obtenemos como resultado algunas banderas que, de ser conocedores de la historia de España, resulta obvio que no podemos/debemos usarlas como elementos gráficos en nuestra web (es el caso de la bandera franquista con el águila presente). El problema radica en que en Internet hay mucha información, por lo que es aconsejable acceder a la misma a través de una “puerta de acceso fiable”, donde esté “explicada” la información. En Internet se conocen estos lugares como “portales”. La pregunta que podemos realizarnos al respecto es ¿en verdad existen portales especializados de banderas? La respuesta debe ser que sí, ya que de no existir lo creamos y nos hacemos millonarios/as. Para encontrar dicho portal hacemos uso del buscador genérico Google. Pero antes podemos reflexionar brevemente acerca de ¿en qué lengua le daremos información a Google sobre qué buscar? Obviamente, si usamos una lengua que tenga una mayor presencia en Internet, la posibilidad de obtener resultados a nuestra consulta siempre será mayor. Por tanto, optamos por buscar usando la lengua inglesa: “flags of the world” (“banderas del mundo”). Obtenemos como resultado el portal https://www.crwflags.com/fotw/flags/ (en clase, como trabajamos "in situ", "en tiempo real" y con "la configuración de los ordenadores y los navegadores web del aula Newton-9", puede ser que nos aparezca un portal diferente; podéis emplear cualquier portal) que está organizado alfabéticamente (en inglés) por países. Navegamos y buscamos en dicha web hasta encontrar las 2 banderas que precisamos (indicar que la bandera gallega está en https://www.crwflags.com/fotw/flags/es-ga.html Descargamos las 2 banderas que precisemos (con “botón derecha del ratón > descargar imagen como”), en formato GIF, y con el nombre que queramos (siempre y cuando este cumpla las condiciones que hemos explicitado de antemano para los nombre de archivos (carpetas, enlaces internos, etc.). En mi caso procedo a descargar las banderas de España y reino Unido con los nombres de “es.gif” y “uk.gif”, respectivamente. El formato GIF es un formato de imagen comprimido (https://fileinfo.com/extension/gif).

• Búsqueda del elemento gráfico (imagen) “imagen principal o central”. Precisamos de 1 imagen principal o para nuestras páginas web principal y secundaria (la misma), que tenga relación con el nombre de nuestra marca o empresa. En mi caso, como el nombre de mi empresa es "Traducciones VigoTrans", buscaré una imagen de la "Ría de Vigo". Usamos el buscador de imágenes Google para encontrar dicha imagen y la descargamos con "botón derecho del ratón > guardar imagen como". La imagen resultante normalmente tendrá la extensión (formato) ".JPG", que es otro de los formatos comprimidos de imagen que acostumbra a estar presente en Internet (ver https://fileinfo.com/extension/jpg). La guardamos con un nombre que cumpla todos los parámetros exigidos para poder estar presente en Internet (en mi caso "ria.jpg")

• Búsqueda del elemento gráfico (imagen) “imagen gif animado del correo-e”. Precisamos de 1 imagen gif animada de nuestro correo-e para nuestras páginas web principal y secundaria (la misma), que tenga relación con el correo electrónico. Como no es fácil encontrar en Internet imágenes GIF animadas, en el apartado "1.9)" del enunciado del encargo-2 tenéis un enlace a gifs animados (https://www.gifsanimados.org/cat-correo-y-e-mail-1335.htm). Podéis descargar el que queráis ("botón derecho del ratón > descargar imagen como"), con un nombre que se adecúe a lo impuesto por las convenciones de Internet (en mi caso lo nombre como "correo.gi"). También podéis insertar cualquier otro gif animado que queráis.

Elaboración de la página web principal ("index.htm" o "index.html")

• Sabemos que la página principal (de inicio) de nuestro sitio web debe llamarse, forzosamente, “index.html”. Si intentamos guardar nuestra web (sin nombre) en nuestra carpeta de trabajo por primera vez, KompoZer nos obligará a establecer también el “título de nuestra” página web. El título de una página web no tiene nada que ver con el nombre del archivo de la página web. El título de una página web debería ser, desde un punto de vista profesional, el nombre de nuestra marca o empresa; ya que el mismo queda guardado en formato HTML entre las etiquetas inicial <title> y final </title> (que, a su vez, quedan englobadas dentro o entre las etiquetas inicial <head> y final </head>). Ponemos como título el nombre o marca de nuestra empresa de traducción (en mi caso “Traducciones VigoTrans”). Al respecto, vuelvo a insistir en el hecho de que, en el ámbito profesional, antes de utilizar una determinada marca o título para nuestra empresa es necesario acudir al Registro de la Propiedad y verificar que dicha marca o título no está asignada a otra empresa; y, en caso de querer usarla, deberemos pagar y registrarla a nuestro nombre (de no ser así, nos exponemos a una multa administrativa por uso fraudulento de una marca de otra empresa). Una vez insertado el título, Kompozer nos “propone” guardar el archivo con el mismo nombre que el título que hemos puesto; recordad que en este caso el nombre del archivo debe ser “index.html” siempre (y no otro). Observad que en la parte superior de la ventana de KompoZer (en la franja de color azul) aparece, en primer lugar el título de la página web (en mi caso, “Traducciones VigoTrans”) y, en segundo lugar, el nombre del archivo de dicha página web (en mi caso y también en vuestro caso, “index.html”).

• Con lo hecho hasta ahora tenemos ya cumplimentado el apartado “1.1)” del enunciado de nuestro ENCARGO-2, en lo referente a la página principal (cuando tengamos la página secundaria hecha ya procederemos a hacer lo mismo).

• Una vez insertada, parcialmente, la información “para Googlebot” (insertamos la etiqueta "title", pero nos faltará la etiqueta que contiene las "keywords", que lo haremos en la siguiente clase) y, dado que ya descargamos las 4 imágenes que necesitamos para  nuestro sitio web, podemos ya a empezar a elaborar nuestra web principal o inicial (que, os recuerdo, debe llamarse SIEMPRE "index". Empezaremos por insertar todos los elementos textuales y gráficos de nuestra web, emplazándolos todos ellos según corresponda con los botones de alineación correspondientes, y con el tamaño, formato y color que creamos más adecuados. Al respecto del tamaño, formato y color que usemos, decir que muchas veces la visualización de los mismos en el navegador depende de la propia configuración del navegador o del dispositivo en que estemos viendo la página web (TV, pantalla de ordenador, pantalla de smartphone, etc.) ; o incluso podemos usar las opciones "<Control>+<rueda del ratón>" en Windows o "<Command>+<->" en Mac para ampliar o reducir la pantalla que estamos viendo. Por ello, procuraremos solo que los elementos de nuestras páginas web sean proporcionales entre ellos. Si quisiéramos "fijar" las características formales de nuestras web deberíamos crear "hojas de estilo web (en cascada)" o, lo que es lo mismo, archivos con el formato ".css" (https://fileinfo.com/extension/css); para lo cual, deberíamos poseer todos/as conocimientos de programación web y tiempo suficiente para poder crearlos  (http://www.ite.educacion.es/formacion/materiales/107/cd/html/pdf/html07.pdf). Ello no forma parte del contenido de esta materia.

• Insertar los elementos formales (texto e imagen) relacionados con los "enlaces a la página secundaria". Insertamos en la página principal la imagen de la bandera correspondiente que va a ser el enlace a la página secundaria en la "lengua contraria" a la lengua de la página principal. Como en mi caso la página principal o inicial está en español, la bandera a insertar será la inglesa ("uk.gif"). Alineamos la imagen a la derecha con el botón "alinear a la derecha" y establecemos el tamaño de imagen que creamos adecuado "tocando y cogiendo la esquina de la imagen". KompoZer, por defecto, nos obliga a usar "texto alternativo" para hacer la web "accesible a las personas invidentes o con problemas de visión"; por lo que (en mi caso) insertaré como texto alternativo el texto "Image of English flag linked to English webpage" (obviamente, en la lengua de la página secundaria; inglés, en mi caso). De esta manera tenemos ya creado el "enlace gráfico a la página secundaria" pendiente, obviamente, del enlace en sí. Insertamos un <Enter> en la web y creamos el "enlace textual a la página secundaria" con el texto adecuado (en mi caso, con el texto de "In English") pendiente, obviamente, del enlace en sí; los enlaces textuales, normalmente, se insertan "entre corchetes ("[" y "]"). Jugamos con los tamaños de la imagen y del texto para crear una visión proporcional de los dos enlaces. Para establecer el tamaño del texto usaremos los botones de "reducir y ampliar el tamaño de la letra" que hemos visto antes y el botón "negrita" (si queremos ponerlo en negrita). Al final, insertamos otro <Enter> (o dos) para pasar a la siguiente línea.

• Insertar los elementos formales (texto e imagen) relacionados con la "marca o nombre de la empresa". Para insertar la marca o nombre de nuestra empresa, la centraremos en la página web usando el botón de "alinear al centro" y le daremos el formato que queramos con las opciones de "elige un color para el texto", "negrita" y "aumentar y reducir el tamaño del texto". Recordad que el nombre de la marca o empresa debe coincidir con el título de la página principal (si queréis cambiar el título siempre podéis hacerlo con "Formato > título y propiedades de la página"). Recordad también que, en el ámbito profesional, no pueden usarse marcas o nombres de empresa que ya estén registradas en el "Registro mercantil". En mi caso usaré la marca "Traducciones VigoTrans" (¡ojo! "VigoTrans", en mi caso, ya está asignado a una empresa de transporte de Moaña https://www.google.es/search?source=hp&ei=j--5W7z2HML-sQH8wZPQCA&q=VigoTrans&oq=VigoTrans&gs_l=psy-ab.3...1980.3688.0.3923.0.0.0.0.0.0.0.0..0.0....0...1c.1.64.psy-ab..0.0.0....0.K0tIKf-XtHs; registrada en http://empresite.eleconomista.es/VIGOTRANS.html, por lo que, estaría infringiendo la ley administrativa y sería sancionado por ello y obligado a no poder usar dicha marca a no ser que el/la registrador/a de la propiedad considerase que el añadido de "Traducciones" desambigua el nombre de la marca). Podéis consultar en internet si la marca y el logo de la marca, si es el caso, que queréis registrar están ya registrados o no (por ejemplo, en https://www.einforma.com). Respecto a nuestra página web, si observáis que en el nombre de la página web (de la pestaña) aparece un "disquete de ordenador de color rojo", ello quiere decir que no están guardados todos los cambios realizados en la página web. Por favor, guardad todos los cambios con la opción "Archivo > guardar" o el botón "Guardar".

• Insertar lel elemento formal (imagen) relacionado con la "imagen principal o central". Según la opción "1.5)" del enunciado del encargo-2, debéis incluir en la página web una imagen vuestra escaneada o, en su defecto, cualquier otra imagen relacionada con el nombre o marca de vuestra empresa, centrada en la página. Para hacer vuestra web accesible a las personas con discapacidad visual debéis usar “texto alternativo” por debajo de la imagen para identificarla. Para insertar la imagen y el texto alternativo procederemos de la misma manera que en el caso anterior de la bandera (pero, en este caso, el texto alternativo estará en la lengua de la página principal; en mi caso en español). El texto alternativo debe servir para facilitar a las personas invidentes o con dificultades visuales la identificación de la imagen (en mi caso, por ejemplo, podría ser "Imagen de la Ría de Vigo"). Con el ratón establecemos el tamaño que queramos de la imagen.

• Insertar los elementos formales (texto) relacionados con el "menú principal". Según la opción "1.6)" del enunciado del encargo-2, debemos crear un "menú de opciones" con unas determinadas características. Si queréis, podéis usar el menú de opciones que ya aparece en el "modelo de ejemplo" de la web de http://traduccionesvigotrans.atwebpages.com ; pero, si es así, copiad el menú con "<Control>+C" del teclado, pero pegadlo con la opción "Editar > Pegar sin formato" de KompoZer (de esta manera se pega el texto del menú, pero SIN ENLACES).

Antes de dar por acabada la primera clase de la semana, intentaremos realizar en clase el apartado de "crear un hospedaje para vuestro sitio web" en una empresa que lo proporcione de manera gratuita. Para ello debéis daros de alta en alguna de dichas empresas que proporcionan este servicio. Nosotros usaremos AWARDSPACE. Recordad que por la disposición de "falsa red" de los ordenadores del aula N9 puede suceder que no sea posible hacerlo en los ordenadores del aula informática Newton-9 (sí en vuestros portátiles). Si no lo podemos hacer en el aula deberéis hacerlo en casa (por ello os dejo el fin de semana para que lo hagáis).

• CÓMO CREAR UN HOSPEDAJE GRATUITO PARA NUESTRO SITIO WEB. Para ello, en primer lugar, debéis daros de alta "en casa" en la empresa "Awardspace" para poder hospedar vuestro sitio web (http://www.awardspace.com); después, debéis crear también un subdominio (gratuito) con la opción "gestión de dominios" de la aplicación, que remita a vuestro sitio web (que tenga, obviamente, relación con "vuestra empresa"), de la forma "DOMINIO-DE-TU-EMPRESA.atwebpages.com" (por ejemplo http://traduccionesvigotrans.atwebpages.com); y, por último, debéis subir todos los archivos (6, en total) de vuestro sitio web a dicho hostal gratuito con el "gestor de archivos" de la aplicación. De momento, os explicaremos sólo cómo realizar dichos procesos.

-------------

EESTE ES EL INICIO DEL APARTADO QUE, SI NO PODEMOS HACER EN EL AULA NEWTON-9 DE LA FFT, TENÉIS QUE HACER EN CASA

• CÓMO ACCEDER A "AWARDSPACE" (SI TODAVÍA NO TENEÍS UNA CUENTA). Si no tenéis todavía una cuenta en "Awardspace", es necesario que accedáis, "en casa", a la empresa "Awardspace" a través del enlace de la propia empresa http://www.awardspace.com y la opción "Sign Up" ("inscribirse", en español). Pero, antes de hacerlo, aseguraos no haber iniciado Google con otra cuenta que no sea la de Gmail que habéis creado para el encargo-1 y el encargo-2 (es la misma). Esto es "apellido1.apellido2.nombre@gmail.com).

• Nos damos de alta a través de "Google" y nuestra "cuenta habitual de GMail" para esta materia. Una vez hecho esto, seremos redireccionados al "Control Panel"; pero, antes, debemos cerrar con "Close" y "Close Welcome" las ventanas de inicio que se nos aparece:

• CÓMO CREAR UN SUBDOMINIO GRATUITO EN "AWARDSPACE". Una vez hemos accedido a "Awardspace" (ver el apartado anterior), de entre todas las opciones del programa nos centramos exclusivamente en la opción "Herramientas de alojamiento > administrador del sitio web". Y, dentro de esta, en la opción "gestor de dominios" (a través del menú de imágenes o a través del menú textual, según nos sea más cómodo).

• Si quisiéramos registrar un dominio (por ejemplo ".com") hay que pagar por ello; como no queremos pagar, registraremos un subdominio dentro de ".atwebpages.com"). Para ello, en primer lugar, probaremos con nuestra propuesta de URL que debe ser significativa y relacionarse con  nuestra marca o empresa (recordad que debe estar escrita según los parámetros acordados para los "elementos de Internet"); en mi caso será "traduccionesvigotrans". Si no existe, se creará; si ya existe deberemos probar con otra URL.

ESTE ES EL FINAL DEL APARTADO QUE, SI NO PODEMOS HACER EN EL AULA NEWTON-9 DE LA FFT, TENÉIS QUE HACER EN CASA

-------------

Aunque estaba previsto realizar el apartado de subir o "upload" los materiales de vuestro sitio web a Awardspace en la segunda clase de la semana; como por motivo de la huelga 3 de los 4 grupos de la materia no tendrán clase en su 2ª clase, haremos este apartado al final de la 1ª hora de clase.

• CÓMO SUBIR NUESTRO SITIO WEB AL HOSTAL GRATUITO DE "AWARDSPACE". Una vez creada la cuenta y el subdominio relacionado con nuestra marca o empresa en "Awardspace" (ver los dos apartados anteriores), deberíamos acceder a http://www.awardspace.com a través de la opción "Log in". Pero, hoy por hoy, esta opción ha dejado de funcionar.

Por ello, debéis proceder como si quisiérais crear una cuenta a través de "Log in" ("acceso o acceder", en español":

 

 

• Y nos identificamos a través de nuestra cuenta de Google (recordad usar solo la cuenta de GMail que usamos en esta materia: "apellido1.apellido2.nombre@gmail.com"). Si ya habéis "abierto sesión" en Google con dicha cuenta el sistema entrará automáticamente:

• Cerramos las dos ventanas de propaganda y, de entre todas las opciones del programa nos centramos exclusivamente en la opción "Herramientas de alojamiento > administrador del sitio web" (ver las imágenes del apartado anterior al respecto). Y, dentro de esta, en la opción "gestor de archivos" (a través del menú de imágenes o a través del menú textual, según nos sea más cómodo). Observaremos que al crear nuestro subdominio dentro de la aplicación se ha creado una carpeta con el nombre de dicho subdominio (en mi caso "traduccionesvigotrans.atwebpages.com"). Entramos dentro de dicha carpeta haciendo "doble clic" con nuestro ratón.  Seleccionamos la opción "subir (archivos)", arrojamos los archivos de nuestro sitio web "en el recuadro de "Drag & Drop Files here to Upload" (o usamos la opción "click to select files" y seleccionamos los archivos) y le daremos a la opción "Upload" (cargar). Si todo ha funcionado bien los archivos de nuestro espacio web que subamos aparecerán en dicha carpeta. Cuando hayamos acabado el encargo-2 y hayamos subido todos los archivos de nuestro espacio web deberán aparecer en dicha carpeta 6 archivos (ahora, en vuestro caso, solo deben aparecer 5, falta la página secundaria, y la página principal no está acabada). Y, si visualizamos nuestro espacio web en el navegador a través de la URL correspondiente (en mi caso http://traduccionesvigotrans.atwebpages.com), nuestro sitio web creado debe funcionar correctamente. Cada vez que cambiemos alguna cosa (nombre, contenido, etc.) de alguno de los 6 archivos de nuestro sitio web deberemos volver a subir el/los archivo/s modificados. Si, por lo que sea, tenemos que borrar alguno de los archivos ya subidos, lo borraremos con "botón izquierdo del ratón encima del archivo a borrar" + "opción delete".

ó bien

***************************

SEGUNDA CLASE (resumen): No hay resumen.

VIDEOCLASE: No hay grabación.

Debido a la huelga del alumnado convocada para el miércoles 01/10/2026, se anula la segunda clase de la semana de los grupos P1, P2 y P4. El grupo P3 sí tendrá su segunda clase semanal el jueves 02/10/2026; no obstante, los contenidos impartidos y la grabación de la sesión no se facilitarán hasta la próxima semana, una vez que los otros tres grupos hayan recuperado los contenidos que no se impartirán esta semana.

* * *