Bootstrap con carrusel

Imos dar un pasiño máis. Queremos que a nosa páxina web en Bootstrap teña unha pequena presentación na que ó facérmonos clic  vaian pasando as imaxes. Botade un ollo á que sempre usamos de w3schools,  na oficial ou como  nesta web que atopei. Tamén esta é chula.

O teu traballo:

Insire no teu ficheiro .html de bootstrap o código deste gist e modifícao para que quede estupendo na túa web.

Advertisements

Follas de cálculo

O nos traballo na aula con follas de cálculo consistiu en facer eso de calcular medias da notas de clase. O noso seguinte traballo vai ser irnos de rebaixas e despois facer informes empresariais.

O teu traballo:

No teu caderno electrónico comparte as ligazóns para que todos podamos cotillear o teu traballo:

Sitios web e bootstrap

Xa sabemos facer sitios web estáticos en local e argallamos cunha plantilla que vos pasei en bootstrap. Tedes que dar a coñecer o voso traballo. Imos publicar todo en github. Que é un sitio onde aprender moitíiisimo.

O teu traballo:

  • Abre unha conta en GitHub
  • Crea un repositorio que se chame oteuID.github.io
  • Sube os teus .html e o .css (lembrade subir as fotos)
  • Fai un fork e tunea a unha plantilla en bootstrap
  • Indica no teu caderno electrónico as ligazóns a todo esto.

Compartir en Google Drive

Temos todos unha conta en Google Drive e xa argallamos nela. Cóntanos as posibilidades que ten para outros tipos de documentos.

O teu traballo:

Cal é a diferencia entre Publicar na web e Compartir?

Para que serve esa URI enooorme que copiamos e pegamos?

Cal é a diferencia entre compartir podendo editar ou compartir podendo ler? Lembra premer en Configuración avanzada.

Que debemos facer se queremos compartir o noso documento en Facebook?

Mostra as túas respostas con capturas de pantalla.

 

CSS

Xa temos o contido das nosas páxinas web usando HTML. Agora queremos  poñelas chulas e mellorar o seu estilazo: cores, marxes, ..

É o momento de aprender CSS. Imos meter nun ficheiro na nosa carpeta web onde describamos a pinta que vai ter o que vai en cada etiqueta de HTML. Hai tres xeitos de facelo. Nós imos aprender o máis complexo 😉

O teu traballo:

Seguimos coas páxinas oficiais  para ir de vagar.

Descarga este ficheiro e engade nalgunha das túas páxinas .html na cabeceira a etiqueta:

<link  rel=stylesheet  href=oteuficheiro.css>

Un ficheiro algo máis complexo aquí.

Explica o que significan esas propiedades (en azul) no teu caderno electrónico.

Chuletas de html

Nun editor calquera tecleade (ou copiade e pegade) segundo vaiades precisando

Axuda en w3schools.com

O teu traballo:

Nunha carpeta chamada web crea cinco ficheros .html que serán o teu sitio web estático. Usa todo o aprendido. Lembra que a portada ten que chamarse index.html