Diseño y edición de paginas web (HTML)

Description

Mind Map on Diseño y edición de paginas web (HTML), created by andres ramirez on 23/01/2020.
andres ramirez
Mind Map by andres ramirez, updated more than 1 year ago
andres ramirez
Created by andres ramirez over 4 years ago
17
0

Resource summary

Diseño y edición de paginas web (HTML)
  1. Tipos de páginas web
    1. Temática
      1. Aplicaciones Web:
        1. Google Drive
          1. Gmail
          2. Comercio electrónico:
            1. realización de transacciones comerciales online.
              1. Amazon
            2. Corporativa
              1. Destinados a publicitar un producto o servicio a nivel empresarial o particular.
              2. Red social, blog o foro
                1. plataformas para la interacción entre usuarios
                  1. Facebook.
                    1. Instagram
                2. Nivel de interacción
                  1. Página estática

                    Annotations:

                    • la edición de este tipo de páginas la realizan los diseñadores y desarrolladores web sin ningún tipo de iteración con  el usuario que naveg
                    1. Destinadas a negocios y empresas para presentar productos o servicios.
                      1. Contenido no cambia frecuentemente
                      2. Página dinámica
                        1. se necesita tener conocimientos de programación y manejo de bases de datos
                          1. se construye de acuerdo a la interacción que el usuario
                    2. Estándares de publicación y editores web
                      1. Editores
                        1. Editor texto sin formato
                          1. simples editores de texto planos
                            1. resaltar la sintaxis del lenguaje utilizado
                              1. Ejemplos
                                1. Notepad++
                                  1. Sublime Text
                                2. Editor de texto con ventanas
                                  1. editor más avanzado que consta de ventanas y diferentes áreas de trabajo
                                    1. Eclipse
                                  2. Editores WYSIWYG
                                    1. Permiten crear contenido web de forma visual
                                      1. Kompozer
                                        1. BlueGriffon
                                    2. Lenguaje
                                      1. En el lado del servidor
                                        1. Java, PHP, .NET, Ruby, Python
                                          1. Interpretacion de un codigo
                                            1. Generar paginas HTML
                                            2. En el lado del cliente
                                              1. HTML
                                                1. CSS
                                                  1. JavaSCRIPT
                                              2. Lenguajes de marcas de hipertexto (HTML)
                                                1. Elementos y etiquetas
                                                  1. Estructura
                                                    1. <!DOCTYPE html>
                                                      1. indica a los navegadores que tipo de archivo es.
                                                      2. <html>
                                                        1. contiene todo el documento HTML, requiere cierre con </html>
                                                        2. <head>
                                                          1. contendrá la información general de la página necesaria para los navegadores o servidores.
                                                        3. Tipos/elementos
                                                          1. Bloque
                                                            1. linea
                                                            2. Formularios
                                                              1. utilizados para realizar búsquedas o bien para introducir datos personales
                                                                1. sitios de comercio electrónico.
                                                                  1. etiqueta <form>
                                                              2. multimedia y greaficos
                                                                1. fotos
                                                                  1. música
                                                                    1. vídeos
                                                                      1. sonido
                                                                        1. Imagen
                                                                          1. etiqueta <img>

                                                                      Media attachments

                                                                      Show full summary Hide full summary

                                                                      Similar

                                                                      'The Merchant of Venice' - William Shakespeare
                                                                      cian.buckley
                                                                      Sociology- Family and Households Flashcards
                                                                      Heloise Tudor
                                                                      Biology AS Level Vocab- OCR- Chapters 1 and 2
                                                                      Laura Perry
                                                                      HRCI Glossary of Terms O-Z
                                                                      Sandra Reed
                                                                      Function and Structure of DNA
                                                                      Elena Cade
                                                                      GCSE REVISION TIMETABLE
                                                                      megangeorgia03
                                                                      GCSE Maths: Understanding Pythagoras' Theorem
                                                                      Micheal Heffernan
                                                                      Periodic table - full deck of element symbols
                                                                      Derek Cumberbatch
                                                                      B7 Quiz - The Skeleton, Movement and Exercise
                                                                      Leah Firmstone
                                                                      Macbeth Quotes/Themes
                                                                      Michael LEwis
                                                                      2PR101 1.test - 10. část
                                                                      Nikola Truong