Diseño Web (electiva I) Corregida

Fundación Misión Sucre

Colegio Universitario de Caracas

ELECTIVA: DISEÑO DE PAG WEB

Modulo I descripción básica para el diseño de páginas Web Modulo I 1.1.- Concepto de portal 1.2.- Portales horizontales vs. Portales verticales 1.3.- Paginas Web estáticas vs. Paginas Web dinámicas 1.4.- Principales componentes de una pagina Web 1.4.1.- Imágenes, textos, enlaces, formularios 2.- Lenguajes de la Web: HTML 3.- Términos de la Web: Webmaster, Hackers, crakers, downloads, Newsletters ,RSS, URLs relativos y absolutos, banners, e-commerce, tiendas virtuales , formas de pago, seguridad, paginas seguras, sesiones de usuarios, administradores de contenido, PGP, Frames, IFrames, Usabilidad, W3C, CIW, Hosting, Dominios, Firewalls, Contadores de Visitas, chats, FAQs, Foros de Discusión, ancho de banda MODULO II: ELEMENTOS FUNDAMENTALES DE UNA PÁGINA WEB

1.-.Enlaces a otra pagina del mismo site y otras paginas Web 2.- creación, manejo, consideraciones especiales, tipos

y ventajas del uso de Frames e

Ifreames. 3.- Enlaces, manejos y consideraciones especiales de los Frame e Iframes. 4.- Diseño Gráficos: Consideraciones y recomendaciones en el uso de fondos, botones, banners y otros elementos gráficos 5.- Utilización de Adobe Photoshop como programa especializado de diseño grafico Web. 6.- Breve bosquejo de creación de banners estáticos y animados con letras, fotografías y efectos especiales.

7.- Modificación de las letras y fotografías. 8.- Optimización de calidad y tamaño en bites para la inserción en la Web 9.- Criterios y recomendaciones con respecto a la maquetacion Web: diseño grafico, multimedia y programación. 10.- 2da fase del proyecto: Agregarle técnicas de diseño grafico al website para darle vistosidad y presencia. MODULO III: DISEÑO GRAFICO DE ELEMENTOS BASICOS PARA LA WEB 1.- creación de banners y botones 2.- Creación de Imágenes transparentes 3.- Creación e inserción de menús fijos 4.- Mapeado de fotografías en páginas sencillas 5.- Mapeado de fotografías en páginas con frames 6.- Mapeado distintivo de los elementos de un formularios según su intención: Declaración < FORM>, campos de entrada , Campos de selección <Select>, Áreas de texto y botones 7.- Elementos importantísimos en su diseño 8.- Envió a tu buzón y conexión interactiva a través del correo electrónico 9.- Uso de aplicaciones graficas que generan código JAVA 10.- 3ra fase del proyecto: Actualización del website con diseño grafico e interactividad Capitulo III 8.- Montaje, publicación, consideraciones y cuidados de paginas en Internet 9.- Publicación del website a través de FTP<br /> <br /> Modulo 4<br /> <br /> INTRODUCCIÓN A DREAMWEAVER 1.1. FLUJO DE TRABAJO DE DREAMWEAVER PARA LA CREACIÓN DE SITIOS WEB 1.2. GUÍA DE RECURSOS DE FORMACIÓN DE DREAMWEAVER 2. ENTORNO DE TRABAJO 2.1. ELEMENTOS DEL ENTORNO DE TRABAJO 2.2. BARRAS DE HERRAMIENTAS<br /> <br /> 2.3. INSPECTOR DE PROPIEDADES 2.4. MENÚS CONTEXTUALES 2.5. PANELES  Internet.  Intranet  Servidores Publico  Servidores privados  Programas FTP Web: http://educarm.es/templates/portal/images/ficheros/manuales/1/secciones/4/contenidos/ 31/dreamweavermx2004.pdf Modulo 5 3. DEFINICIÓN DE UN SITIO LOCAL. DIFERENCIAS ENTRE SITIO LOCAL Y SITIO REMOTO 4. CREACIÓN DE UNA PÁGINA CON DREAMWEAVER 4.1. MODOS DE EDICIÓN EN DREAMWEAVER 4.2. DEFINIR LAS CARACTERÍSTICAS DE LA PÁGINA 4.3. INSERTAR TEXTO 4.5. INCLUYENDO IMÁGENES4.5.1. CREAR UNA IMAGEN DE SUSTITUCIÓN 4.6. CREANDO VÍNCULOS 4.6.1. ASPECTOS BÁSICOS DE UBICACIÓN Y RUTAS DE DOCUMENTOS 4.6.2. TIPOS DE VÍNCULOS 4.6.3. ESTABLECER VÍNCULOS CON UNA PARTE ESPECÍFICA DEL DOCUMENTO: ANCLAS 4.6.4. ESTABLECER VÍNCULOS CON CORREOS ELECTRÓNICOS 4.6.5. BARRA DE NAVEGACIÓN 4.6.6. MAPAS DE IMAGEN 4.6.7. COMPROBACIÓN DE VÍNCULOS 4.7. AYUDAS A LA MAQUETACIÓN: REGLAS Y CUADRÍCULAS, TABLAS Y PLANTILLAS. 4.7.1. UTILIZACIÓN DE REGLAS, CUADRÍCULAS E IMAGEN DE RASTREO PARA DISEÑAR PÁGINAS 4.7.2. TABLAS 4.7.3. CAPAS 4.8. PLANTILLAS 4.8.1. VISUALIZACIÓN DE LA PLANTILLA EN LA VISTA DISEÑO<br /> <br /> 4.8.2. CREAR UNA PLANTILLA 4.8.3. CREACIÓN DE REGIONES EN LA PLANTILLA 4.8.4. APERTURA DE UNA PLANTILLA PARA EDITARLA 4.8.5. DOCUMENTOS BASADOS EN PLANTILLAS 4.9. MARCOS 4.9.1. UTILIZAR MARCOS: VENTAJAS Y DESVENTAJAS 4.9.2. CREACIÓN DE MARCOS 4.9.3. MODIFICAR PROPIEDADES DE LOS MARCOS Web: http://educarm.es/templates/portal/images/ficheros/manuales/1/secciones/4/conte nidos/31/dreamweavermx2004.pdf EXPOSICIONES DE DISENO WEB Modulo 1<br /> <br /> Modulo 2<br /> <br /> Modulo 3<br /> <br /> Modulo 4<br /> <br /> Modulo 5<br /> <br /> Al final de la materia ,los triunfadores debe diseñar la pagina Web estática y montarla en internet e un servidor gratis: podría ser miarroba.com, tripodlycos.es, geocities, galeón.com entre otros </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/electiva-iiidocx-6zw11jdn6730" class="d-block"><img class="card-img-top" src="https://pdfcoke.com/img/crop/300x300/6zw11jdn6730.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://pdfcoke.com/documents/electiva-iiidocx-6zw11jdn6730" class="text-dark">Electiva Iii.docx</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> 18</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/astrologia-electiva-r6zw172ld730" class="d-block"><img class="card-img-top" src="https://pdfcoke.com/img/crop/300x300/r6zw172ld730.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://pdfcoke.com/documents/astrologia-electiva-r6zw172ld730" class="text-dark">Astrologia Electiva</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> 38</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/tarea1-corregida-p5on6l1yxv3e" class="d-block"><img class="card-img-top" src="https://pdfcoke.com/img/crop/300x300/p5on6l1yxv3e.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://pdfcoke.com/documents/tarea1-corregida-p5on6l1yxv3e" class="text-dark">Tarea1-corregida</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> 10</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/electiva-trabajodocx-63y99jgpkvom" class="d-block"><img class="card-img-top" src="https://pdfcoke.com/img/crop/300x300/63y99jgpkvom.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://pdfcoke.com/documents/electiva-trabajodocx-63y99jgpkvom" class="text-dark">Electiva Trabajo.docx</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> 21</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/cotizacion-corregida-g0ox7lnlyd36" class="d-block"><img class="card-img-top" src="https://pdfcoke.com/img/crop/300x300/g0ox7lnlyd36.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://pdfcoke.com/documents/cotizacion-corregida-g0ox7lnlyd36" class="text-dark">Cotizacion Corregida</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> 14</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/tarea4-corregida-4vz0q8d1xw38" class="d-block"><img class="card-img-top" src="https://pdfcoke.com/img/crop/300x300/4vz0q8d1xw38.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://pdfcoke.com/documents/tarea4-corregida-4vz0q8d1xw38" class="text-dark">Tarea4-corregida</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> <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/contenidos-ingles-e-ingles-tecnico-0935p8g86oe8" class="d-block"><img class="card-img-top" src="https://pdfcoke.com/img/crop/300x300/0935p8g86oe8.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://pdfcoke.com/documents/contenidos-ingles-e-ingles-tecnico-0935p8g86oe8" class="text-dark">Contenidos Ingles E Ingles Tecnico</a></h5> <small class="text-muted float-left"><i class="fas fa-clock"></i> November 2019</small> <small class="text-muted float-right"><i class="fas fa-eye"></i> 30</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/sistemas-ii-wj3945vlyzgq" class="d-block"><img class="card-img-top" src="https://pdfcoke.com/img/crop/300x300/wj3945vlyzgq.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://pdfcoke.com/documents/sistemas-ii-wj3945vlyzgq" class="text-dark">Sistemas Ii</a></h5> <small class="text-muted float-left"><i class="fas fa-clock"></i> November 2019</small> <small class="text-muted float-right"><i class="fas fa-eye"></i> 33</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/pdfcoke-1d3qpm1jxog9" class="d-block"><img class="card-img-top" src="https://pdfcoke.com/img/crop/300x300/1d3qpm1jxog9.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://pdfcoke.com/documents/pdfcoke-1d3qpm1jxog9" class="text-dark"></a></h5> <small class="text-muted float-left"><i class="fas fa-clock"></i> November 2019</small> <small class="text-muted float-right"><i class="fas fa-eye"></i> 18</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/pdfcoke-kpoln9vvnzxn" class="d-block"><img class="card-img-top" src="https://pdfcoke.com/img/crop/300x300/kpoln9vvnzxn.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://pdfcoke.com/documents/pdfcoke-kpoln9vvnzxn" class="text-dark"></a></h5> <small class="text-muted float-left"><i class="fas fa-clock"></i> November 2019</small> <small class="text-muted float-right"><i class="fas fa-eye"></i> 21</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/sabana-de-evaluacion-q6zp60w463pk" class="d-block"><img class="card-img-top" src="https://pdfcoke.com/img/crop/300x300/q6zp60w463pk.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://pdfcoke.com/documents/sabana-de-evaluacion-q6zp60w463pk" class="text-dark">Sabana De Evaluacion</a></h5> <small class="text-muted float-left"><i class="fas fa-clock"></i> November 2019</small> <small class="text-muted float-right"><i class="fas fa-eye"></i> 19</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/software-libre-electiva-ii-kpoln9ex5zxn" class="d-block"><img class="card-img-top" src="https://pdfcoke.com/img/crop/300x300/kpoln9ex5zxn.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://pdfcoke.com/documents/software-libre-electiva-ii-kpoln9ex5zxn" class="text-dark">Software Libre (electiva Ii)</a></h5> <small class="text-muted float-left"><i class="fas fa-clock"></i> November 2019</small> <small class="text-muted float-right"><i class="fas fa-eye"></i> 21</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=1731042437"></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>