Ud9 Formularios 18_19 P.pdf

CICLO DE PREIMPRESIÓN DIGITAL

Módulo “Ensamblado de Publicaciones Electrónicas”

 

Unidad 9. Formularios

Aspectos básicos y creación en Dreamweaver 1. Creación de formularios para web Qué es un formulario Un formulario es un documento, que puede ser físico o digital, que está diseñado para que el usuario introduzca una serie de datos estructurados (nombre, apellidos, dirección,...) en las zonas del documento destinadas a ese propósito, para ser almacenados y procesados posteriormente. Con la generalización del uso de internet para la realización de muchos trámites y gestiones, se ha extendido mucho el uso de formularios en la web.: registro de usuarios, realización de encuestas, solicitud de información, solicitud de presupuestos, accesos a sistemas restringidos,...

Campos de un formulario A cada uno de los recuadros de un formulario en los que se puede escribir, cada casilla que se puede activar o cada botón que se puede pulsar es lo que llamamos “campo de un formulario”.

Funcionalidad de un formulario Todos los formularios deben tener un botón para enviar los datos rellenados. Parece una tontería, pero hay veces que se olvidad y es la clave de todo el proceso. Cuando se envían los datos de un formulario pueden suceder varias cosas: que los datos se incluyan automáticamente en una base de datos, que se muestre una página web concreta a partir de los datos enviados, que se envíen los datos por correo electrónico,… Para poder recoger los datos de un formulario de forma profesional es necesario un programa en el servidor que los procese y configurarlo convenientemente. Algo más sencillo es hacer que los datos se envíen por correo electrónico y eso lo veremos más adelante.

Página 1 | 9

CICLO DE PREIMPRESIÓN DIGITAL

Módulo “Ensamblado de Publicaciones Electrónicas”

 

2. Las etiquetas HTML básicas de los formularios La etiqueta

y su cierre

son las etiquetas HTML que delimitan el comienzo y final de una formulario. Todos los campos que se incluyan dentro de un formulario deben estar estará incluidos entre estas dos etiquetas. Dentro de un formulario se puede incluir cualquier tipo de contenido HTML, además de los propios campos del formulario. Para diseñar formularios, es muy habitual utilizar tablas ya que nos facilitará organización y la alineación de los distintos campos que se integren dentro del formulario.

Atributos importantes que deben incluirse dentro de la etiqueta

Atributo “name” ( Contenido del formulario

)

Este atributo identifica el formulario con un nombre. Es un atributo fundamental ya que relaciona todos los campos que se incluyan dentro del formulario y posibilita una gestión eficaz de los datos enviados. No puede haber en una misma página más de un formulario con el mismo nombre. No puede contener espacios ni caracteres raros. Atributo “action” (

Contenido del formulario

)

Este atributo determina la acción que se va a realizar al pulsar sobre el botón “Enviar” de un formulario. Puede especificar la aplicación del servidor que va a procesar los datos que se envíen con el formulario, determinar la dirección de correo a la que se envíen los datos o indicar la página web que se muestre. Atributo “method”

Contenido del formulario

Este atributo (POST o GET)T “ indica el método según el que se van a transferir los datos del formulario. Por defecto lo definiremos como POST. Atributo “enctype”

Contenido del formulario

Este atributo especifica el tipo de encriptación de los datos que se envían.

Página 2 | 9

CICLO DE PREIMPRESIÓN DIGITAL

Módulo “Ensamblado de Publicaciones Electrónicas”

 

3. Los formularios en Dreamweaver Paso 1. Crear el formulario Para crear un formulario en Dreamweaver situamos el cursor donde deseamos insertar el formulario y elegimos Insertar>Formulario o seleccionamos la solapa Formularios en el panel Insertar y hacemos clic en el icono Formulario. En la vista de Diseño, los formularios aparecen identificados mediante un contorno de línea de puntos de color rojo. Una vez creado el formulario, lo primero que debemos hacer es definir las propiedades o atributos fundamentales para que funcione correctamente. Podemos definir estas propiedades directamente desde el código (incluyendo los atributos definidos anteriormente) o mediante el panel de Propiedades. Podemos seleccionar el formulario haciendo “clic” en el contorno o utilizando el selector de etiquetas, pinchando sobre la etiqueta

. Según la versión de Dreamweaver el panel podrá cambiar ligeramente. En Dreamweaver CS3 el panel tiene este aspecto:

 

Nombre del formulario: Se corresponde con el atributo “name” y sirve identificar al formulario. Acción: Se corresponde con el atributo “action” e indica que acción se va a hacer al pulsar el botón “Enviar”. Aquí se escribiría la ruta del programa que vaya a procesa los datos del formulario en el servidor, la dirección de correo electrónico donde se enviarán los datos o la página a la que se dirigirá al usuario al pulsar el botón de envío.



Método: Se corresponde con el atributo “method” y se establece el método en que se van a enviar los datos al servidor. Las opciones son POST y GET. El valor predeterminado es GET.



Tipo de codificación: Se corresponde con el atributo “enctype” y aquí se indica el tipo de codificación de los datos remitidos al servidor para su procesamiento.



Destino: Especifica la ventana en la que se van a mostrar los datos devueltos por el programa ejecutado (en el caso de que funcione de ese modo).

Paso 2. Añadir los campos necesarios Con el cursor situado dentro del formulario, podemos añadir campos mediante el menú “Insertar>Objetos de formularios” o con el botón correspondiente de la solapa Formularios. Al igual que comentábamos antes, según la versión de Dreamweaver podrá variar el panel para insertar campos de formularios. En Dreamweaver CS3 el panel tiene este aspecto:

Página 3 | 9

CICLO DE PREIMPRESIÓN DIGITAL

Módulo “Ensamblado de Publicaciones Electrónicas”

  Siempre que insertemos un campo de formulario desde DW CS3, aparecerá un cuadro de diálogo como éste (versión CS3):



La propiedad ID, identifica y diferencia cada campo del formulario de forma precisa. Este atributo servirá para procesar la información relacionada con ese campo. No debe tener espacios ni caracteres raros



El campo “Etiqueta” es el texto que aparece junto al campo del formulario y que por tanto está relacionado con su identificador.

Una vez que se ha incluido un campo de formulario, al seleccionarlo podemos editarlo desde el panel Propiedades. Vamos a ver algunos de los campos de formulario más comunes. Campos de texto 

Cuadro de texto: Este coloca un cuadro de texto en el punto de inserción. Dentro del campo puede rellenarse con cualquier valor alfanumérico. Es el típico campo en el que se le puede pedir al usuario su “Nombre”, “Apellidos” o “Dirección” por ejemplo. Junto al campo de texto debe aparecer una “etiqueta” o texto que informe al usuario de que es lo que debe cumplimentar. Las propiedades del campo de texto en una línea son: o Ancho car: Determina la longitud del campo. Establece el número máximo de caracteres que se puede mostrar en el campo. o Cars max: Establece el número máximo de caracteres que se puede introducir en el campo. o Tipo: indica si el campo es de una línea, de varias o de contraseña. Si se eligen varias líneas convertimos el cuadro de texto en un “área de texto”. o Val inicial: Aquí se determina el valor mostrado en el campo cuando el formulario se carga inicialmente.

La etiqueta Esta etiqueta se utiliza para este y otros muchos campos de un formulario. Con el modificador type=”...” podemos diferenciar unos de otros. Para un campo de texto normal el código sería . Si quisiéramos definir el campo de texto como una “contraseña” sería

Página 4 | 9

CICLO DE PREIMPRESIÓN DIGITAL

Módulo “Ensamblado de Publicaciones Electrónicas”

  

Área de texto: La diferencia con el cuadro es que en el área de texto podemos definir el número de líneas del campo. Normalmente se utiliza para introducir comentarios o textos largos en un formulario. El Panel PROPIEDADES es similar al de Cuadro de texto: o Ancho car: Determina la longitud del campo. Establece el número máximo de caracteres de ancho que se puede mostrar en el campo. o Líneas núm: establece el número de líneas de texto. o Ajuste establece la disposición del texto en la caja o La etiqueta HTML de este campo es y no <input>.<br /> <br /> Casilla de verificación o “checkbox”<br /> <br /> Una casilla de verificación nos permite activar o desactivar la opción. Si se presentan varias casillas de verificación no son excluyentes, podemos seleccionar o deseleccionar cada una de ellas independientemente del resto. Si las casillas pertenecen al mismo grupo, hay que ponerles el mismo nombre al campo con distinta etiqueta. Nosotros podemos establecer el estado inicial (Activado o Desactivado) y cual será el valor que se mande al pulsar el botón de envío.<br /> <br /> Botón de opción o “radio button” y grupos de opciones Estos botones son parecidos a las casillas de verificación pero con la diferencia de que se trata de opciones excluyentes (solo podremos seleccionar una). Cuando un grupo está formado por dos o más botones todos tienen que tener el mismo nombre.<br /> <br /> Página 5 | 9<br /> <br /> CICLO DE PREIMPRESIÓN DIGITAL<br /> <br /> Módulo “Ensamblado de Publicaciones Electrónicas”<br /> <br />   Listas o Menús desplegables Este campo de un formulario nos permite elegir una o varias opciones de una lista de valores. Insertamos una lista o menú en el punto donde se encuentre el cursor y podremos elegir si queremos hacer un campo de tipo “Menú” o de tipo “Lista”.<br /> <br /> Para incluir los valores de la lista, pulsamos sobre el botón “Listar valores” y se crea la lista, añadiendo o eliminando opciones (+ y -). Las Etiquetas de elementos serán los textos de las opciones y el “Valor” la información remitida al servidor. El tipo Lista, se permite seleccionar más de una opción y permite elegir el alto del campo a mostrar. El tipo Menú, sólo permite seleccionar una opción y además el alto del campo es siempre de una línea.<br /> <br /> Menús de salto como listas de navegación Este tipo de menú desplegable nos permite elegir una opción (dirección de una página o URL) e ir a la dirección elegida.<br /> <br /> Botones (Button) Generalmente los botones se utilizan para enviar o restablecer el formulario. En general se ponen debajo de todos los campos. Las opciones que nos encontramos cuando pulsamos dentro de los límites de formulario sobre el icono “Botón” son las siguientes.<br /> <br /> Página 6 | 9<br /> <br /> CICLO DE PREIMPRESIÓN DIGITAL<br /> <br /> Módulo “Ensamblado de Publicaciones Electrónicas”<br /> <br />   Agrupación visual de campos (juego de campos) Tenemos la posibilidad de agrupar visualmente diferentes campos de un formulario. Con la etiqueta <fieldset> conseguimos hacer un recuadro alrededor del campo o de los campos del formulario que se encuentren dentro. Si dentro del <fiedset> incluimos un texto dentro de la etiqueta <legend> aparecerá como título del cuadro del fieldset. <fieldset> <legend>Edad</legend> ... ... ... </fieldset><br /> <br /> Desde Dreamweaver podemos añadir como “juego de campos”. Debemos seleccionar el campo o campos que deseamos incluir dentro del recuadro y pulsamos sobre el icono de Juego de campos de la solapa Formulario y aparecerá el cuadro de diálogo de la herramienta. Tendremos que escribir el texto que queramos que sirva de título (legend) para el recuadro. En la vista de Diseño no aparece ningún recuadro, sólo el título seguido del objeto de formulario que queremos dentro de él. El recuadro que encierra los campos que engloba solo se mostrará en la vista del navegador.<br /> <br /> A tener en cuenta... Recordamos la posibilidad de que los datos del formulario pueden ser mandados por mail a la dirección que nosotros queramos. Para que esto funcione, el usuario debe tener instalado un programa de correo en el ordenador (varía según el sistema operativo del usiario), desde el que se enviarán los datos del formulario.   <br /> <br /> Acción (action): dirección de envío, precedida de mailto: Método (method): nos aseguramos de que elegimos la opción POST. Tipo de Codificación (enctype): text/plain. Texto plano legible.<br /> <br /> Página 7 | 9<br /> <br /> CICLO DE PREIMPRESIÓN DIGITAL<br /> <br /> Módulo “Ensamblado de Publicaciones Electrónicas”<br /> <br />  <br /> <br /> EJERCICIOS UNIDAD 9 Ejercicio 1. Formulario REVOLTA En este ejercicio vamos a realizar un simple formulario para la página “contacto.html” del sitio web REVOLTA. El resultado final deberá ser lo más parecido a la siguiente imagen que se muestra.<br /> <br /> Pautas o instrucciones:  <br /> <br /> Activa el sitio web REVOLTA y abre la página contacto.html Esa página tiene un texto y unos titulares que no le corresponden. Elimina los párrafos de la celda de contenido y cambia los encabezados h1 (Mándanos Tus Comentarios) y h2 (Completa este formulario).<br /> <br /> <br /> <br /> Inserta un CUADRO DE FORMULARIO donde antes estaba el texto. En este caso se ha usado una tabla para ayudarnos a maquetar los campos del formulario: Anchura=100% - 10 Filas - 2 columnas - Espacio entre celdas=3<br /> <br /> Página 8 | 9<br /> <br /> CICLO DE PREIMPRESIÓN DIGITAL<br /> <br /> Módulo “Ensamblado de Publicaciones Electrónicas”<br /> <br />   <br /> <br /> No te olvides de identificar todos los campos del formulario con un nombre:<br /> <br />   <br /> <br /> En el caso del Menú estas serán las opciones:<br /> <br /> <br /> <br /> No te olvides de LAS PROPIEDADES DE ENVÍO DEL FORMULARIO, en este caso es procesado de forma amateur a través de correo electrónico.<br /> <br /> Ejercicio 2. Formulario personalizado Diseña un formulario personalizado que podrías integrar en cualquier página web e incluye dentro del formulario todos los campos que se han visto en la unidad. Puedes probar a usar algunos de los que no hemos visto. Haz un boceto previo y recuerda la importancia de usar tablas para la correcta organización y alineación de los distintos campos. Cada alumno cumplimentará su formulario con sus datos personales y los enviará por mail a la siguiente dirección: desarrolloproductosmultimedia@gmail.com<br /> <br /> Página 9 | 9 </div> </div> <hr /> <h4>Related Documents</h4> <div class="row"> <div class="col-lg-2 col-md-4 col-sm-6 col-6"> <div class="card item-doc mb-4"> <a href="https://pdfcoke.com/documents/ud9-formularios-1819-ppdf-j39ee9pp5yog" class="d-block"><img class="card-img-top" src="https://pdfcoke.com/img/crop/300x300/j39ee9pp5yog.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://pdfcoke.com/documents/ud9-formularios-1819-ppdf-j39ee9pp5yog" class="text-dark">Ud9 Formularios 18_19 P.pdf</a></h5> <small class="text-muted float-left"><i class="fas fa-clock"></i> December 2019</small> <small class="text-muted float-right"><i class="fas fa-eye"></i> 11</small> <div class="clearfix"></div> </div> </div> </div> <div class="col-lg-2 col-md-4 col-sm-6 col-6"> <div class="card item-doc mb-4"> <a href="https://pdfcoke.com/documents/formularios-09o88jgdx9or" class="d-block"><img class="card-img-top" src="https://pdfcoke.com/img/crop/300x300/09o88jgdx9or.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://pdfcoke.com/documents/formularios-09o88jgdx9or" class="text-dark">Formularios</a></h5> <small class="text-muted float-left"><i class="fas fa-clock"></i> June 2020</small> <small class="text-muted float-right"><i class="fas fa-eye"></i> 8</small> <div class="clearfix"></div> </div> </div> </div> <div class="col-lg-2 col-md-4 col-sm-6 col-6"> <div class="card item-doc mb-4"> <a href="https://pdfcoke.com/documents/formularios-68o2n54229op" class="d-block"><img class="card-img-top" src="https://pdfcoke.com/img/crop/300x300/68o2n54229op.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://pdfcoke.com/documents/formularios-68o2n54229op" class="text-dark">Formularios</a></h5> <small class="text-muted float-left"><i class="fas fa-clock"></i> May 2020</small> <small class="text-muted float-right"><i class="fas fa-eye"></i> 9</small> <div class="clearfix"></div> </div> </div> </div> <div class="col-lg-2 col-md-4 col-sm-6 col-6"> <div class="card item-doc mb-4"> <a href="https://pdfcoke.com/documents/formularios-48ojprdw1wo1" class="d-block"><img class="card-img-top" src="https://pdfcoke.com/img/crop/300x300/48ojprdw1wo1.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://pdfcoke.com/documents/formularios-48ojprdw1wo1" class="text-dark">Formularios</a></h5> <small class="text-muted float-left"><i class="fas fa-clock"></i> June 2020</small> <small class="text-muted float-right"><i class="fas fa-eye"></i> 11</small> <div class="clearfix"></div> </div> </div> </div> <div class="col-lg-2 col-md-4 col-sm-6 col-6"> <div class="card item-doc mb-4"> <a href="https://pdfcoke.com/documents/formularios-p5on6mywpy3e" class="d-block"><img class="card-img-top" src="https://pdfcoke.com/img/crop/300x300/p5on6mywpy3e.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://pdfcoke.com/documents/formularios-p5on6mywpy3e" class="text-dark">Formularios</a></h5> <small class="text-muted float-left"><i class="fas fa-clock"></i> July 2020</small> <small class="text-muted float-right"><i class="fas fa-eye"></i> 9</small> <div class="clearfix"></div> </div> </div> </div> <div class="col-lg-2 col-md-4 col-sm-6 col-6"> <div class="card item-doc mb-4"> <a href="https://pdfcoke.com/documents/3-formularios-kpold0l0mp3x" class="d-block"><img class="card-img-top" src="https://pdfcoke.com/img/crop/300x300/kpold0l0mp3x.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://pdfcoke.com/documents/3-formularios-kpold0l0mp3x" class="text-dark">3 Formularios</a></h5> <small class="text-muted float-left"><i class="fas fa-clock"></i> June 2020</small> <small class="text-muted float-right"><i class="fas fa-eye"></i> 3</small> <div class="clearfix"></div> </div> </div> </div> </div> <hr/> <h4>More Documents from ""</h4> <div class="row"> <div class="col-lg-2 col-md-4 col-sm-6 col-6"> <div class="card item-doc mb-4"> <a href="https://pdfcoke.com/documents/tutorial-adobe-premiere-propdf-vz0qqrwjeq38" class="d-block"><img class="card-img-top" src="https://pdfcoke.com/img/crop/300x300/vz0qqrwjeq38.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://pdfcoke.com/documents/tutorial-adobe-premiere-propdf-vz0qqrwjeq38" class="text-dark">Tutorial-adobe-premiere-pro.pdf</a></h5> <small class="text-muted float-left"><i class="fas fa-clock"></i> December 2019</small> <small class="text-muted float-right"><i class="fas fa-eye"></i> 11</small> <div class="clearfix"></div> </div> </div> </div> <div class="col-lg-2 col-md-4 col-sm-6 col-6"> <div class="card item-doc mb-4"> <a href="https://pdfcoke.com/documents/ud9-formularios-1819-ppdf-j39ee9pp5yog" class="d-block"><img class="card-img-top" src="https://pdfcoke.com/img/crop/300x300/j39ee9pp5yog.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://pdfcoke.com/documents/ud9-formularios-1819-ppdf-j39ee9pp5yog" class="text-dark">Ud9 Formularios 18_19 P.pdf</a></h5> <small class="text-muted float-left"><i class="fas fa-clock"></i> December 2019</small> <small class="text-muted float-right"><i class="fas fa-eye"></i> 11</small> <div class="clearfix"></div> </div> </div> </div> <div class="col-lg-2 col-md-4 col-sm-6 col-6"> <div class="card item-doc mb-4"> <a href="https://pdfcoke.com/documents/anexodocx-93522x7qk93e" class="d-block"><img class="card-img-top" src="https://pdfcoke.com/img/crop/300x300/93522x7qk93e.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://pdfcoke.com/documents/anexodocx-93522x7qk93e" class="text-dark">Anexo.docx</a></h5> <small class="text-muted float-left"><i class="fas fa-clock"></i> December 2019</small> <small class="text-muted float-right"><i class="fas fa-eye"></i> 20</small> <div class="clearfix"></div> </div> </div> </div> <div class="col-lg-2 col-md-4 col-sm-6 col-6"> <div class="card item-doc mb-4"> <a href="https://pdfcoke.com/documents/copyright-digestsdocx-93522pmme93e" class="d-block"><img class="card-img-top" src="https://pdfcoke.com/img/crop/300x300/93522pmme93e.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://pdfcoke.com/documents/copyright-digestsdocx-93522pmme93e" class="text-dark">Copyright Digests.docx</a></h5> <small class="text-muted float-left"><i class="fas fa-clock"></i> October 2019</small> <small class="text-muted float-right"><i class="fas fa-eye"></i> 22</small> <div class="clearfix"></div> </div> </div> </div> <div class="col-lg-2 col-md-4 col-sm-6 col-6"> <div class="card item-doc mb-4"> <a href="https://pdfcoke.com/documents/conceptos-avanzados-de-omaha-con-limite-del-bote-spanish-edition-by-jeff-hwang-0984143432-1pdf-6o4llv01lqzx" class="d-block"><img class="card-img-top" src="https://pdfcoke.com/img/crop/300x300/6o4llv01lqzx.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://pdfcoke.com/documents/conceptos-avanzados-de-omaha-con-limite-del-bote-spanish-edition-by-jeff-hwang-0984143432-1pdf-6o4llv01lqzx" class="text-dark">Conceptos-avanzados-de-omaha-con-limite-del-bote-spanish-edition-by-jeff-hwang-0984143432 (1).pdf</a></h5> <small class="text-muted float-left"><i class="fas fa-clock"></i> April 2020</small> <small class="text-muted float-right"><i class="fas fa-eye"></i> 2</small> <div class="clearfix"></div> </div> </div> </div> <div class="col-lg-2 col-md-4 col-sm-6 col-6"> <div class="card item-doc mb-4"> <a href="https://pdfcoke.com/documents/japanese-vocabs-nounsdocx-8ojppnn56wo1" class="d-block"><img class="card-img-top" src="https://pdfcoke.com/img/crop/300x300/8ojppnn56wo1.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://pdfcoke.com/documents/japanese-vocabs-nounsdocx-8ojppnn56wo1" class="text-dark">Japanese-vocabs-nouns.docx</a></h5> <small class="text-muted float-left"><i class="fas fa-clock"></i> May 2020</small> <small class="text-muted float-right"><i class="fas fa-eye"></i> 8</small> <div class="clearfix"></div> </div> </div> </div> </div> </div> </div> </div> </div> <footer class="footer pt-5 pb-0 pb-md-5 bg-primary text-white"> <div class="container"> <div class="row"> <div class="col-md-3 mb-3 mb-sm-0"> <h5 class="text-white font-weight-bold mb-4">Our Company</h5> <ul class="list-unstyled"> <li><i class="fas fa-location-arrow"></i> 3486 Boone Street, Corpus Christi, TX 78476</li> <li><i class="fas fa-phone"></i> +1361-285-4971</li> <li><i class="fas fa-envelope"></i> <a href="mailto:info@pdfcoke.com" class="text-white">info@pdfcoke.com</a></li> </ul> </div> <div class="col-md-3 mb-3 mb-sm-0"> <h5 class="text-white font-weight-bold mb-4">Quick Links</h5> <ul class="list-unstyled"> <li><a href="https://pdfcoke.com/about" class="text-white">About</a></li> <li><a href="https://pdfcoke.com/contact" class="text-white">Contact</a></li> <li><a href="https://pdfcoke.com/help" class="text-white">Help / FAQ</a></li> <li><a href="https://pdfcoke.com/account" class="text-white">Account</a></li> </ul> </div> <div class="col-md-3 mb-3 mb-sm-0"> <h5 class="text-white font-weight-bold mb-4">Legal</h5> <ul class="list-unstyled"> <li><a href="https://pdfcoke.com/tos" class="text-white">Terms of Service</a></li> <li><a href="https://pdfcoke.com/privacy-policy" class="text-white">Privacy Policy</a></li> <li><a href="https://pdfcoke.com/cookie-policy" class="text-white">Cookie Policy</a></li> <li><a href="https://pdfcoke.com/disclaimer" class="text-white">Disclaimer</a></li> </ul> </div> <div class="col-md-3 mb-3 mb-sm-0"> <h5 class="text-white font-weight-bold mb-4">Follow Us</h5> <ul class="list-unstyled list-inline list-social"> <li class="list-inline-item"><a href="#" class="text-white" target="_blank"><i class="fab fa-facebook-f"></i></a></li> <li class="list-inline-item"><a href="#" class="text-white" target="_blank"><i class="fab fa-twitter"></i></a></li> <li class="list-inline-item"><a href="#" class="text-white" target="_blank"><i class="fab fa-linkedin"></i></a></li> <li class="list-inline-item"><a href="#" class="text-white" target="_blank"><i class="fab fa-instagram"></i></a></li> </ul> <h5 class="text-white font-weight-bold mb-4">Mobile Apps</h5> <ul class="list-unstyled "> <li><a href="#" class="bb-alert" data-msg="IOS app is not available yet! Please try again later!"><img src="https://pdfcoke.com/static/images/app-store-badge.svg" height="45" /></a></li> <li><a href="#" class="bb-alert" data-msg="ANDROID app is not available yet! Please try again later!"><img style="margin-left: -10px;" src="https://pdfcoke.com/static/images/google-play-badge.png" height="60" /></a></li> </ul> </div> </div> </div> </footer> <div class="footer-copyright border-top pt-4 pb-2 bg-primary text-white"> <div class="container"> <p>Copyright © 2024 PDFCOKE.</p> </div> </div> <script src="https://pdfcoke.com/static/javascripts/jquery.min.js"></script> <script src="https://pdfcoke.com/static/javascripts/popper.min.js"></script> <script src="https://pdfcoke.com/static/javascripts/bootstrap.min.js"></script> <script src="https://pdfcoke.com/static/javascripts/bootbox.all.min.js"></script> <script src="https://pdfcoke.com/static/javascripts/filepond.js"></script> <script src="https://pdfcoke.com/static/javascripts/main.js?v=1728134744"></script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-144986120-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-144986120-1'); </script> </body> </html>