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

                                                                      Question Words - GCSE German
                                                                      lucykatewarman1227
                                                                      GCSE Biology Quiz
                                                                      joannaherbert
                                                                      History- Home Front WW1
                                                                      jessmitchell
                                                                      GCSE Computing - 4 - Representation of data in computer systems
                                                                      lilymate
                                                                      Of Mice and Men - Themes
                                                                      Hafsa A
                                                                      Roles of Education
                                                                      Isobel Wagner
                                                                      Latin Literature Exam Techniques
                                                                      mouldybiscuit
                                                                      Continents & Oceans
                                                                      Thomas Yoachim
                                                                      C1 Quiz
                                                                      Leah Firmstone
                                                                      Macbeth Quotes To Learn
                                                                      Sophie Brokenshire
                                                                      General Pathoanatomy Final MCQs (1-110)- 3rd Year- PMU
                                                                      Med Student