Bootstrap para Mulheres

Site KitMídia para divulgação de trabalhos digitais

Created byElidiane Martinelli da Cunha

Last updated 7/2020

Portuguese

Portuguese [Auto],

What you'll learn

Inicie do zero, entendendo linguagem de programação HTML/CSS com Boostrap 3, e transforme em um KitMídia ou Portifólio
Fazer o dowanlod dos arquivos e ferramentas que necessita.
Criar seu Wiframe, o layout do site ou do seu KitMídia
Aprender as principais classes para criar qualquer tema.
Transformar o Wiframe escolhido para o código Bootstrap
Criar domínio, com seu nome personalizado.
Hospedar o site em hospedeiro gratuito.

Course content

1 section • 10 lectures • 2h 45m total length

Módulo 1 – INTRODUÇÃO7:07
Nessa primeira aula, vamos entender um pouco da teoria do Bootstrap, quais linguagens ele utiliza, quem desenvolveu, e quais programas e ferramentas serão necessários para download.
Módulo 2 - DOWNLOAD DE ARQUIVOS E FERRAMENTAS2:16
Faça o download dos arquivos, para iniciar o desenvolvimento.
Módulo 4 – CRIANDO O SITE COM O CÓDIGO13:06
Vamos iniciar a interpretação do código de acordo ao layout proposto!
Módulo 5 – CRIANDO O MENU O MAPA DO SITE30:12
A NavBar do site, é o mapa aonde ficam localizadas todas as páginas seguintes, ela nortea o nosso site!
Módulo 6 - DESENVOLVENDO BANNER - CARROUSSEL20:44
Um componente de slideshow para fazer um giro através de elementos (imagens ou slides de texto), como se fosse um carrosel.
Módulo 8 - CRIANDO CARDS16:06
Um card é um container de conteúdo flexível e extensível. Ele tem opções para cabeçalhos e rodapés, uma larga variedade de conteúdo, cores de background contextuais e opções de display poderosas. Se você é familiarizado com Bootstrap 3, saiba que os cards substituem nossos antigos panels, wells e thumbnails. Uma funcionalidade similar a destes componentes está disponível, usando classes modificadoras para cards.
Módulo 9 – CODIFICANDO O FOOTER E COLCOANDO AS IMAGENS ARREDONDADAS26:07
Footer é o rodapé do site, aonde ficam as informações como email, localização e contato, as imagens arredondas é uma forma de estilizar as páginas.
Módulo 10 - ENTENDO O QUE É JUMBTROM E AONDE UTILIZÁ-LOS19:11
Componente leve e flexível para exibir conteúdo.
Um componente leve e flexível que pode se extender pela viewport inteira para exibir mensagens de market, em seu site.
Módulo 12 - DESENVOLVENDO O CÓDIGO DO KITMÍDIA21:44
Nesta última aula, nós desenvolveremos o wiframe KitMídia, substituindo os códigos, a nós vamos entender que podemos transformar o Bootstrap no layout que desejarmos.
Em anexo, disponibilizamos o wiframe em Power Point, para entendermos o designer do site!
Aula 11: POSTANDO O SITE EM UM HOSPEDEIRO GRATUITO8:45
Como criar domínio e postar seu site.

Requirements

Conhecimento básico HTML
Conhecimento de personalização CSS
Conhecimento Básico de Responsividade

Description

Crie Sites responsivos, visíveis em todas as plataformas digitais, e desenvolva kit mídias para divulgação do seu canal, ou negócios.

Para mulheres que gostam de tecnologia, e são criativas.
Pessoas que queiram montar designer de blog e kit mídias para divulgação de suas redes sociais.
Que queiram montar um blog e não tem ideia de como montar o layout

Who this course is for:

Blogueiras empreendedoras
Profissionais do Marketing
Mulheres
Desenvolvedores