Questões do Concurso HCPA - UFRGS

A tag @font-face que havia sido eliminada do padrão CSS2.1, foi reintroduzida no CSS3. Entretanto o desafio da ausência de padronização ainda não foi superado. Assinale a alternativa que apresenta a sintaxe correta para a utilização de @font-face na maior parte dos browsers:

A

@font-face

{

font-family: 'MinhaFonteLinda';

src: url('MinhaFonteLinda-webfont.eot?#iefix') format('embedded-opentype'),

url('MinhaFonteLinda.woff') format('woff'; ttf),

font-weight: normal;

font-style: normal;

}

B

{

@font-face

font-family: 'MinhaFonteLinda';

src: url('MinhaFonteLinda-webfont:'eot,woff,ttf')

src: url('MinhaFonteLinda-webfont#iefix')

format: regular;

font-weight: normal;

font-style: normal;

}

C

@font-face {

font-family: 'MinhaFonteLinda';

src: url('MinhaFonteLinda-webfont.eot')

src: url('MinhaFonteLinda-webfont.eot?#iefix') format('embedded-opentype'),

url('MinhaFonteLinda-webfont.woff') format('woff'),

url('MinhaFonteLinda-webfont.ttf') format('truetype'),

url('MinhaFonteLinda-webfont.svg#MinhaFonteLindaRegular') format('svg');

font-weight: normal;

font-style: normal;

}

D

{

@font-face

<font-family: 'MinhaFonteLinda'>

<href: 'http://www.RepositoriodeFontes.com/MinhaFonteLinda/'>

<webfont: 'eot,woff,ttf,svg'>

font-weight: normal;

font-style: normal;

}

E

{ @font-face: 'MinhaFonteLinda'; src: 'http://www.RepositoriodeFontes.com' webfont (eot,woff,ttf,svg)format('embedded-opentype') font-weight: normal; font-style: normal; }

Provas

Questão presente nas seguintes provas

1221457 Ano: 2014
Disciplina: TI - Desenvolvimento de Sistemas
Banca: UFRGS
Orgão: HCPA

Provas:

Analista de TI - Web Designer
Provas ×

Web

O projeto de um grid ou malha de composição e diagramação depende basicamente de duas fases de desenvolvimento. A primeira, consiste em avaliar as características informativas e as exigências de produção do material. A segunda fase consiste em dispor o conteúdo de acordo com as diretrizes dadas pelo grid. Todo grid possui as mesmas partes básicas, por mais complexo que seja, e cada parte desempenha uma função específica. A partir da imagem a seguir, relacione a indicação numérica apresentada com a respectiva parte do grid.
enunciado 1221457-1

( ) margens ( ) guias horizontais ( ) zonas espaciais ( ) marcadores ( ) módulos ( ) colunas
A sequência correta de preenchimento dos parênteses, de cima para baixo, é

Provas

Questão presente nas seguintes provas

1221456 Ano: 2014
Disciplina: TI - Desenvolvimento de Sistemas
Banca: UFRGS
Orgão: HCPA

Provas:

Analista de TI - Web Designer
Provas ×

Web

Um grid ou malha de estruturação e composição consiste em um conjunto específico de relações de alinhamento que funciona como guia para a distribuição dos elementos de um determinado formato e suporte. Segundo Samara (2007), o grid converte os elementos sob o seu controle em um campo neutro de regularidade que facilita ao observador localizar a informação procurada, ajudando-o a entender o seu uso. Considere as imagens do site a seguir.
enunciado 1221456-1

Assinale a alternativa que indica a classificação do grid utilizado.

Provas

Questão presente nas seguintes provas

1221455 Ano: 2014
Disciplina: TI - Desenvolvimento de Sistemas
Banca: UFRGS
Orgão: HCPA

Provas:

Analista de TI - Web Designer
Provas ×

WebDOM: Document Object Model
WebHTML
WebJavaScript

"JavaScript é uma linguagem de programação que pode ser embutida em uma página web para adicionar funções interativas" (KALBACH, 2009). Assinale com V (verdadeiro) ou F (falso) as ações de navegação que podem ser criadas com JavaScript.
( ) Abrir uma janela pop-up. ( ) Criar efeitos de rollover. ( ) Trocar uma imagem por outra quando o cursor passar sobre ela. ( ) Exibir arquivos .flv. ( ) Desaninhar tabelas automaticamente. ( ) Transpor frames para barras flutuantes em HTML 4 ou 5.
A sequência correta de preenchimento dos parênteses, de cima para baixo, é

Provas

Questão presente nas seguintes provas

1221454 Ano: 2014
Disciplina: TI - Desenvolvimento de Sistemas
Banca: UFRGS
Orgão: HCPA

Provas:

Analista de TI - Web Designer
Provas ×

WebW3C Standards

Nos primeiros anos da web, os arquivos de imagens eram pesados e sua presença podia comprometer a usabilidade de um site. Essas restrições foram superadas pelo desenvolvimento de novos recursos e aumento da velocidade de conexão com a internet, sendo raro encontrar-se hoje em dia um site totalmente sem imagens.
A respeito do uso de imagens na web, é correto afirmar que

A

PNG (Portable Network Graphics) é um formato desenvolvido especialmente para a web e SVG (Scalable Vector Graphics) é um formato específico para aplicativos móveis da Apple.

B

tanto o PNG (Portable Network Graphics) quanto o SVG (Scalable Vector Graphics) foram desenvolvidos para a web.

C

PNG (Portable Network Graphics) é um formato desenvolvido especialmente para a web e SVG (Scalable Vector Graphics) é um formato incompatível com a web.

D

PNG (Portable Network Graphics) e SVG (Scalable Vector Graphics) são intercambiáveis e igualmente adequados para qualquer tipo de imagem.

E

PNG (Portable Network Graphics) é adequado para qualquer tipo de imagem e SVG (Scalable Vector Graphics) não existe.

Provas

Questão presente nas seguintes provas

1221453 Ano: 2014
Disciplina: TI - Desenvolvimento de Sistemas
Banca: UFRGS
Orgão: HCPA

Provas:

Analista de TI - Web Designer
Provas ×

WebHTML
WebWeb Semântica

“As tecnologias da informação são representadas basicamente pela metáfora do hipertexto, uma imensa rede de significados associados em permanente metamorfose”. (FILATRO, 2010)

Assinale a alternativa INCORRETA em relação ao texto acima.

A

O hipertexto é um texto que faz referência a outros textos e que possibilita encontrá-los.

B

O hipertexto também pode ser definido como uma forma de apresentação do conhecimento semelhante ao modo como o cérebro humano opera, estabelecendo similaridade com a rede semântica de conceitos que, conectados por associação, compõem a memória humana.

C

O hipertexto pode ser definido como um conjunto de nós ligados por conexões. Os nós podem ser palavras, páginas, imagens, gráficos ou partes de gráficos, sequências sonoras e até documentos completos, que podem, eles mesmos, ser hipertextos.

D

Os itens de informações em um hipertexto são ligados apenas linearmente, como em uma corda com nós, em que cada um deles não pode estabelecer conexões em estrela, por exemplo, de modo reticular.

E

O hipertexto constrói uma rede de ideias e significados com a propriedade de representar a estrutura de conhecimento que o autor deseja.

Provas

Questão presente nas seguintes provas

1221452 Ano: 2014
Disciplina: TI - Desenvolvimento de Sistemas
Banca: UFRGS
Orgão: HCPA

Provas:

Analista de TI - Web Designer
Provas ×

WebCSS
WebDesign Responsivo
WebHTML
WebNavegadores (Browser)

Conforme o W3C, as duas tecnologias centrais para a criação de webpages são HTML (Hypertext Markup Language) e CSS (Cascading Style Sheets). A respeito de HTML e CSS, é correto afirmar que

A

a expressão Cascading Style Sheet, cuja sigla é CSS, auxilia a lembrar que uma folha de estilo nunca pode estar no mesmo documento que o código HTML para o qual serve de referência.

B

folhas de estilo são utilizadas para definir especificações como cores, fontes e layouts, e também para especificar adaptações para exibição em telas de diferentes dimensões.

C

CSS e HTML são interdependentes, razão pela qual CSS não é compatível com outras linguagens de marcação (script languages).

D

o código correto para estabelecer que 'MinhaFolhaEstilo.css' deve ser utilizado como referência para a visualização de um documento em HTML é <link rel=”stylesheet” type=”MinhaFolhaEstilo.css”>.

E

a compatibilidade universal das folhas de estilo significa que os sites que as utilizam sempre têm a mesma aparência, independentemente do tamanho ou proporção da tela do aparelho ou do navegador em que estão sendo visualizados.

Provas

Questão presente nas seguintes provas

1221451 Ano: 2014
Disciplina: TI - Desenvolvimento de Sistemas
Banca: UFRGS
Orgão: HCPA

Provas:

Analista de TI - Web Designer
Provas ×

WebHTML

A alternativa que apresenta a sintaxe correta para vincular uma folha de estilo externa, utilizando um link no cabeçalho de uma página em HTML é:

Provas

Questão presente nas seguintes provas

1221450 Ano: 2014
Disciplina: TI - Desenvolvimento de Sistemas
Banca: UFRGS
Orgão: HCPA

Provas:

Analista de TI - Web Designer
Provas ×

Fundamentos de ProgramaçãoAlgoritmosConceitos Básicos de Algoritmos

Numere a segunda coluna de acordo com a primeira, relacionando os tipos de arquivo às suas respectivas siglas.
(1) Semantic Maximum Integration Limits (2) Synchronized Multimedia Integration Language (3) Web Open File Font (4) Web Open Font Format (5) Explorer Open Type (6) Embedded Open Type (7) Portable Network Graphics (8) Portable LiNked Graphics (9) Asynchronous JavaScript and XML (10) Accessibility JavaScript Extension
( ) EOT ( ) WOFF ( ) PNG ( ) SMIL ( ) AJAX
A sequência correta de preenchimento dos parênteses, de cima para baixo, é