@josedlujan. Director de Desarrollo M.T.I. José Dimas Luján Castillo

Slides:



Advertisements
Presentaciones similares
Introducción a la programación (Clase 2)
Advertisements

HTML Instituto Universitario de Tecnología Valencia
CSS Rogelio Ferreira Escutia. 2 Hojas de estilo cascada, mayo 2010 Definición La hojas de estilo en cascada (en inglés.
Repaso desde HTML a XHTML
Introducción a Bloc de notas
INTRODUCCION A CSS.
HOJAS DE ESTILO EN CASCADA CSS
CSS: Cascading Style Sheets
Juego de las Diferencias. Insertar una imagen en un documento 1- Puede insertarse una imagen que esté guardada en la PC. 2- Puede insertarse una imagen.
SERVIDOR DE CONTENIDOS
CSS WALC 2004 – Track 2 Pep Turró Cuzco, octubre de 2004.
El mecanismo básico de interacción entre el usuario y un sitio web esta dado por el uso de formularios html. El server envía un formulario que el browser.
DREAMWEAVER Edición visual de paginas web Prof. Leonel Del Carpio 1.
Laboratorio 7 Paginas Dinámicas Universidad de Chile – Bachillerato Curso: Computación Cristian Wilckens Patricio Bahamondes Fecha: 28 de Mayo del 2010.
CSS Módulo V. Funcionamiento Visor Web Servidor Web Documentos Página Web Solicitud Entrega.
Curso de Diseño Web Profesor: Mario Figge. El Modelo de Cajas (Box Model)
Anatomía de la declaración La declaración consta de dos partes:  Propiedad  Valor Selector Propiedad Valor A { color: #000013;}  La propiedad es una.
Desarrollo CSS.
Constantes en PHP Programación en Internet II. Constantes en PHP Programación en Internet II Universidad de Guadalajara | Centro Universitario de la Costa.
MATERIA: Educación Tecnológica 3 PROFESOR: Cleyver Vazquez Jijon.
Universidad Tecnologica Oteima DISEÑO DE MEDIOS Y MATERIALES MULTIMEDIOS Rigoberto Quintana M. Hojas de estilo en cascada.
Etiqueta A HREF La etiqueta ...; no sólo se utiliza para establecer un vinculo con otra página y/o correo. También en una página html se.
Básicamente nos encargamos de buscar métodos de investigación para dar excelentes resultados en la formación de una empresa utilizando medios de producción.
Curso de Diseño Web Profesor: Mario Figge. CSS  Las hojas de estilo en cascada (Cascading Style Sheets) son un lenguaje formal usado para definir la.
Nuevas Tecnologías Aplicadas a la Educación 3º Educación Social. Curso académico 2009/2010 Práctica 4. Crea tu propio blog Con Blogger Mª Trinidad Rodríguez.
 Un lenguaje que permite asociar estilos de composición a documentos estructurados, como HTML y aplicaciones XML  Un conjunto de propiedades y valores.
Manual Dreamweaver. Barra de herramientas. El primero botón que aparece en la barra es la de vista de código, que hace que en la ventana del documento.
Introducción al Lenguaje. ¿Qué es PHP? O Es un lenguaje de programación que es interpretado por un servidor web. O El lenguaje es genérico. PHP está orientado.
UNIDAD 7 WEB Y HTML.
ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de.
El lenguaje HTML Este lenguaje nos permite estructurar documentos. La mayoría de los documentos tienen estructuras comunes (títulos, parrafos, listas...)
“Trabajando en Notepad”
Es un conjunto o serie de etiquetas incluidas en archivos de texto que definen la estructura de un documento WWW. Los navegadores WWW leen estos archivos.
1 Módulo 6. Más sobre gestión de archivos Creación de Capacidad para una Participación Eficaz en el Centro de Intercambio de Información sobre Seguridad.
El Documento de Diseño Es el documento que se crea para reflejar las especificaciones del proyecto y puede servir para buscar inversores Sirve tanto.
Profesora: Laura Patricia Pinto Prieto Ingeniera de sistemas Introducción a Programación 3.
INFORMÁTICA SOCIEDAD Y ORGANIZACIÓN
2 CREAR UN DOCUMENTO Al comenzar a trabajar con Word, automáticamente se genera un documento en blanco. Pero si se desea, se puede comenzar a trabajar.
MANUAL DE USO DE WORDPRESS NOMBRE: GUIDO GONZALEZ FECHA: 28/03/2015. CURSO: 1RO BACHILLERATO “C”
Hojas de Estilo en Cascada (Cascading Style Sheets)
CSS Cascading Style Sheets
Navegadores web Tema 4 SRI Vicente Sánchez Patón I.E.S Gregorio Prieto.
UNIVERSIDAD CAPITÁN GENERAL GERARDO BARRIOS FACULTAD DE CIENCIA Y TECNOLOGIA LICENCIATURA EN COMPUTACIÓN MÓDULO I: DISEÑO GRAFICO DOCENTE: ING. EDWIN ROLANDO.
CODIGO HTML HTML, siglas de HyperText Markup Language
 Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.
Sitios WEB HTML Dreamweaver Interfaz Instructor: Adbeel Cabnal.
En 3 Pasos!.
EXPOSICIÓN DE WEB Y MULTIMEDIA ESTILOS CSS INTEGRANTES:BERMEO JOHNNEY CHIMBO BRYAN CORREA CARLOS GUAYA CESAR ROBLES DARIO VILLA LUISA.
Paginas web.
H1 { color : black; } Sintaxis de CSS Regla CSS
Que es un navegador de Internet. Un navegador web o de Internet, es un programa que permite visualizar la información que contiene una página web (que.
Formas, Tablas, Numeración y viñetas, Imágenes y WordArt
Realizado por: Prof. Luis Vallenilla. En el reto anterior realizamos los últimos cambios en el Diseño del Blog y la Creación de Etiquetas. Ahora, manipularemos.
@josedlujan. Director de Desarrollo M.T.I. José Dimas Luján Castillo
DISEÑO DE PÁGINAS WEB HTML Y CSS Tema 6: CSS Jose Miguel Vidagany Igual.
GUIA DE CSS 3 BASICA AUTOR: CARLOS BERBECI QUE ES CSS3 ? CSS es un lenguaje para definir el estilo o la apariencia de las páginas web, escritas con HTML.
Integrante: Mariana Alcalá Hdz María del Carmen Andrade G. Alondra E. García Mtz Joselyn Gpe García V. Antonio de Jesús Hdz R. Cristian Jesús Ruvalcaba.
HTML Mas codigos. P ARA DAR FORMATO A MI PAGINA Para empezar hay que recordar como iniciamos debes de tener algo así:
DISEÑO DE PÁGINAS WEB HTML Y CSS Tema 6: CSS Jose Miguel Vidagany Igual.
Hipervínculos Año: 2011 Materia: Tecnología de la información y comunicación Curso: Primero Polimodal.
@josedlujan. Director de Desarrollo M.T.I. José Dimas Luján Castillo
pegar Todos los elementos de cada Plantilla están Agrupados. Para desagruparlos, hace clic en cada plantilla con el botón derecho y elegí desagrupar,
HTML. Imágenes mapa Prof. Ricardo César Timaná Ortiz Es una de las características más avanzadas del lenguaje HTML. Con bastante probabilidad el lector.
@josedlujan. Director de Desarrollo M.T.I. José Dimas Luján Castillo
ESTRUCTURA DE UNA PÁGINA WEB ING. AYAMAIN SILVA. RESULTADO DE APRENDIZAJE Identificar las partes de una pagina web con el uso del lenguaje XHTML. Diseño.
Módulo III.- Recursos en UPSA VIRTUAL Este módulo explica como configurar los distintos recursos que pueden encontrarse en un curso de MOODLE. Recurso:
Plataforma agregadora de Moocs para universidades.
Hojas de Estilo UNIVERSIDAD TECNOLÓGICA DE AGUASCALIENTES.
Selecctores CSS SELECTORES
DISEÑO Y CREACIÓN DE PÁGINAS WEB
Transcripción de la presentación:

@josedlujan

Director de Desarrollo M.T.I. José Dimas Luján Castillo

OCKHAM Materia correspondiente al curso: Encontraran las diapositivas agrupadas por día, también el material que descargamos y algunas instrucciones dependiendo de la actividad por semana. Recuerden nuestro sitio es:

Curso html desde cero, CSS y principios Desarrollo web desde cero Hoy NO hay resumen!!!

Curso html desde cero, CSS y principios Características interesantes En html existen tres cosas: Atributos- Los atributos son por ejemplo la fuente, tamaño, color, todas las características que podemos tener. Valores- Son los valores que le podemos dar a los atributos, por ejemplo a la fuente en tamaño, le podemos dar 17 px. de tamaño, bueno esos 17 px. son los valores. Selectores- Es a lo que le vamos aplicar el estilo que deseamos por ejemplo, los div, las clases y etiquetas nativas, ¿recuerdan? Veamos todo esto en español.

Curso html desde cero, CSS y principios Características interesantes Nuestro archivo, estilo.css p { Font-size:17px; Color:#000000; } Atributo: font-size y Color Valor: 17px y #000000; Selector : p

Curso html desde cero, CSS y principios Características interesantes Hay un selector que ayuda a hacer buenos efectos y digamos que se ve un poco avanzado nuestro código, uno es el hover. Si alguna vez vieron un botón, texto, enlace, que le pasas el mouse por encima y hace un efecto como agrandarse, disminuir el tamaño, subrayar, inclinar el texto o algo así. Lo que se usa en estos casos, es el selector hover. Con este le decimos que adquiera estos atributos si el ratón o el mouse, esta encima de el. Veamos un ejemplo:

Curso html desde cero, CSS y principios Características interesantes Mi sitio

Curso html desde cero, CSS y principios Características interesantes Estilo.css: p{ margin:0px; padding:0px;} h1{ margin:0px; padding:0px;} a:visited {color:#000000;} a:linked {color:#000000;} a {text-decoration:none;} a:hover{color:#FF0000;font-size:20px;} body{width:980px;height:800px;margin:auto;padding:0px;} #contenedor {width:700px;height:750px;}

Curso html desde cero, CSS y principios Para hacer mas efectos, se juega con el hover y algunas clases, veamos unos ejemplos. En realidad es aplicar algunas cosas, prediciendo los movimientos del usuario para simular mas interactividad con los usuarios de nuestro sitio web, veamos unos ejemplos. Características interesantes