Quiz sobre Bookflix e Estilização de Páginas

Sofia faz parte de um clube do livro e teve a ideia de criar uma página chamada Bookflix para mostrar vídeos do YouTube com dicas de leitura e o primeiro tema é sobre literatura fantástica. Para começar, ela criou um arquivo chamado index.html no Visual Studio Code e colocou nele o cabeçalho, o título do vídeo e um parágrafo com palavras-chave sobre o tema. Pensando nisso, qual código deve ser utilizado para apresentação desse conteúdo?

• BOOKFLIX Dicas de literatura fantástica #literatura fantástica

• BOOKFLIX Dicas de literatura fantástica #literatura fantástica

• BOOKFLIX Dicas de literatura fantástica #literatura fantástica

• BOOKFLIX Dicas de literatura fantástica #literatura fantástica

• BOOKFLIX Dicas de literatura fantástica #literatura fantática

A turma toda está engajada na produção da Bookflix, e muitos participaram com sugestões para estilizar a página. Após chegarem a um acordo sobre as cores de fundo e do texto, Emília, uma das participantes do clube do livro, abriu o arquivo styles.css e escreveu o seguinte código: body { color: grey; background: pink; } Entretanto, a página permaneceu igual, com o fundo branco e o texto na cor preta. O que Emília deve fazer para resolver esse problema?

• Inserir, no styles.css, o seguinte o código:

• Inserir, no index.html, o seguinte o código:

• Inserir, no styles.css, o seguinte código: body { color: cinza background: rosa }

• Inserir, no index.html, o seguinte o código: color: grey background: pink

• Inserir, no index.html, o seguinte código:

Pedro ficou responsável por estruturar a página web e fazer alguns refinamentos. A ação que ele irá executar agora é agrupar o primeiro título e o primeiro parágrafo, que fazem parte da mesma seção. Considerando a situação descrita, Pedro deverá utilizar as tags na seguinte ordem:

• Dicas de literatura fantástica#literatura fantástica

• Dicas de literatura fantástica#literatura fantástica

• Dicas de literatura fantástica #literatura fantástica

• Dicas de literatura fantástica#literatura fantástica

• Dicas de literatura fantástica #literatura fantástica

O cabeçalho da página Bookflix precisa ficar mais atrativo. Então, Cecília propôs fazer o seguinte: inserir uma borda inferior fina; inserir uma margem interna à borda; aumentar o tamanho da fonte, que antes era 14 pixels; aplicar a cor verde no texto do cabeçalho e na borda. Com base na situação descrita, qual código representa corretamente as sugestões de Cecília?

• header { border-bottom: solid 9px rgb(20, 169, 56); padding: 18px; font-size: 30px; color: rgb(20, 169, 56); }

• header { border-bottom: solid 1px rgb(20, 169, 56); padding: 18px; font-size: 12px; color: rgb(20, 169, 56); }

• header { border-bottom: solid 1px rgb(20, 169, 56); padding: 20px; font-size: 32px; color: rgb(2

Coralina recebeu a tarefa de estilizar a seção da página web, onde a lista de vídeos será exibida. Para começar, ela abriu o arquivo styles.css e criou o código a seguir: section { background: rgb(212, 192, 192) padding-bottom: 70px; padding-top: 80px; } De acordo com o código apresentado, as alterações na página web realizadas por Coralina se referem a quais características de estilo?

• Cor do título da seção, bem como margem superior interna de 80 pixels e margem inferior interna de 70 pixels.

• Cor de fundo da seção, bem como margem inferior interna de 80 pixels e margem superior interna de 70 pixels.

• Cor de fundo da seção, bem como margem superior externa de 80 pixels e da margem inferior externa de 70 pixels.

• Cor do título da seção, bem como margem inferior externa de 80 pixels e margem superior externa de 70 pixels.

• Cor de fundo da seção, bem como margem superior interna de 80 pixels e margem inferior interna de 70 pixels.

A turma está animada com a produção da Bookflix. Agora, chegou a vez de João participar com suas contribuições. Ele escolheu o estilo de fonte News Cycle, mas não sabe como obter o código dessa fonte para embutir à pagina. Para ajudar, sua colega Maria escreveu um passo a passo para que ele consiga concluir essa tarefa. Considerando essas informações, qual o passo a passo informado por Maria?

• No site Google Forms, digitar o nome da fonte na barra de pesquisa → selecionar a fonte News Cycle → clicar em Get font → clicar em Get embed code → retornar ao VS Code, no arquivo index.html → colar o código na tag .

• No site Google Fonts, digitar o nome da fonte na barra de pesquisa → selecionar a fonte News Cycle → clicar em Get font → clicar em Get embed code → retornar ao VS Code, no arquivo index.html → colar o código na tag .

• No site Google Fonts, digitar o nome da fonte na barra de pesquisa → selecionar a fonte News Cycle → clicar em Get font → clicar em Get embed code → retornar ao VS Code, no arquivo styles.css → colar o código na tag .

• No site Google Docs, digitar o nome da fonte na barra de pesquisa → selecionar a fonte News Cycle → clicar em Get font → clicar em Download all → retornar ao VS Code, no arquivo index.html → colar o código na tag .

• No site Google Forms, digitar o nome da fonte na barra de pesquisa → selecionar a fonte News Cycle → clicar em Get font → clicar em Download all → retornar a

A turma do clube do livro escolheu alguns vídeos do YouTube para colocar na página Bookflix em formato de lista. Para isso, Alice está criando uma categoria com o título Clássicos da literatura estrangeira. Nessa seção, serão inseridas as miniaturas dos vídeos com hiperlinks, que direcionarão aos respectivos vídeos no Youtube. Para começar, Alice fará a inserção do título da seção e o primeiro vídeo com seu hiperlink. Depois, repetirá o processo para inserir os demais vídeos. De acordo com o contexto descrito, qual código representa corretamente essa ação?

• Clássicos da literatura estrangeira

• Clássicos da literatura estrangeira

• Clássicos da literatura estrangeira

• Clássicos da literatura estrangeira

• Clássicos da literatura estrangeira

Clarice ficou responsável por criar a seção Entrevistas com autores na página Bookflix. Nessa parte do site, foram utilizados os seguintes recursos: 1. Um título criado com a tag para nomear a seção; 2. A incorporação direta de um vídeo usando a tag ; 3. Um parágrafo com a descrição do vídeo; 4. Um arquivo externo styles.css para personalizar o tamanho do vídeo e a aparência do texto. Com base nos recursos usados, quais ferramentas digitais estão presentes nessa seção?

• HTML, JavaScript e GitHub.

• CSS, JavaScript e YouTube.

• HTML, CSS e GitHub.

• HTML, CSS e Youtube.

• CSS, JavaScript e GitHub.

Depois de concluir o projeto da página Bookflix, Arthur começou a pesquisar uma forma de publicação na internet. Foi então que descobriu o GitHub, uma plataforma usada por pessoas do mundo todo para compartilhar projetos e códigos. Ao criar um repositório, Arthur percebeu que havia duas opções para escolher quem poderia acessar o conteúdo. Com base nessa situação, quais são as formas de publicação disponíveis no GitHub?

• Repositórios simples, que mostram os textos; e completos, que mostram o código e o design.

• Repositórios livres, acessíveis por qualquer navegador; e fechados, que funcionam somente por aplicativo.

• Repositórios de teste, visíveis por 24 horas; e repositórios fixos, que não podem ser apagados.

• Repositórios interativos, usados para projetos com vídeos; e repositórios estáticos, com textos e imagens.

• Repositórios públicos, que qualquer pessoa pode ver; e privados, visíveis apenas para quem o autor permitir.