DIA

Prefeitura de Santa Bárbara d'Oeste - SP abre 60 vagas para Médicos

A Prefeitura de Santa Bárbara d'Oeste, São Paulo, abre inscrições para o concurso destinado ao preenchimento de 60 vagas médicas.

A remuneração é de R$ 7.089,84 em jornada de 40h semanais e de R$ 1.558,21 em plantão de 24h por semana.

As oportunidades são para (1 vaga) Médico do Trabalho, (24) Médico de Urgência e Emergência e Médicos das áreas de (10) Clínica Geral, (8) Ginecologia e Obstetrícia, (8) Pediatria, (5) Psiquiatria, (2) Cardiologia, (1) Gastroenterologia e (1) Regulador. Necessário curso superior na área, registro no Conselho de Classe e especialização quando for o caso.

A inscrição deverá ser realizada pelo site www.santabarbara.sp.gov.br até o dia 7 de julho ou no Posto de Atendimento localizado na avenida Monte Castelo, nº. 1000, 3º andar (Departamento de Recursos Humanos), Jardim Primavera, Santa Bárbara d'Oeste, das 9h às 16h, de segunda a sexta-feira.

A seleção será através de prova objetiva com 50 questões sobre Língua Portuguesa e Conhecimentos Específicos.

Veja Mais:

Leia Mais »

Polícia Civil - DF publica edital com 98 vagas para escrivão

No comments

Inscrições, pela internet, vão de 12 a 26 de agosto

O Governo do Distrito Federal divulgou o edital do concurso público de nível superior para a seleção de 98 escrivães - com remuneração de R$ 7,8 mil e regime de trabalho de 40 horas semanais - para reforçar o atendimento da Polícia Civil de todo o DF.

A primeira fase da seleção terá prova objetiva e redação, avaliação física, exames médicos, teste de digitação e psicológico, avaliação de títulos e da vida pregressa dos candidatos, que deverão ter concluído nível superior bacharelado em qualquer área.

Na segunda etapa, os candidatos aprovados participarão de um curso preparatório, que terá caráter eliminatório e classificatório, cuja responsabilidade de realização será do Centro de Seleção e Promoção de Eventos da Universidade de Brasília (Cespe/UnB).

Como determina a legislação, o certame reservará cinco das vagas para pessoas com deficiência, que deverá ser comprovada por documentação analisada por uma junta médica.

As inscrições poderão ser feitas pela internet no site do Cespe/UnB (www.cespe.unb.br), entre os dias 12 e 26 de agosto, e as provas, tanto discursivas quanto objetivas, devem ser aplicadas no dia 22 de setembro.

Em quatro horas e meia, os candidatos terão que resolver 50 itens de conhecimentos básicos, que incluirão língua portuguesa, raciocínio lógico, atualidades e noções de informática, administração e estatística.

Além disso, a prova objetiva também terá 70 itens de conhecimentos específicos: noções de direito constitucional, administrativo, penal, e processual penal; legislação específica e penal extravagante.

Na redação, os candidatos terão que escrever um texto de até 30 linhas sobre os mesmos conteúdos cobrados na prova objetiva.

Fonte: www.gdf.df.gov.br

Veja Mais:

Leia Mais »

Criar um retangulo sobre outro transparente com canvas no HTML5

No comments

Agora vamos desenhar um par de retângulos, um verde e outro amarelo para mostrar como fazer uma cor semitransparente.

A explicação com realizar está no código:

<html>
    <head>
        <title>Canvas segundo exemplo</title>
        <script>
            //Recebe um identificador do elemento canvas e carrega o canvas
            //Devolve o contexto do canvas ou FALSE se não pode conseguir
            function cargaContextoCanvas(idCanvas){
               var elemento = document.getElementById(idCanvas);
               if(elemento && elemento.getContext){
                var contexto = elemento.getContext('2d');
                if(contexto){
                    return contexto;
                }
               }
               return FALSE;
            }

            window.onload = function(){
               //Recebemos o elemento canvas
               var contexto = cargaContextoCanvas('meucanvas');
               if(contexto){
            //Se tenho o contexto
            //mudo a cor de desenho a verde
            contexto.fillStyle = '#458B00';
            //desenho um retângulo verde
            contexto.fillRect(10,10,50,50);
            //mudo a cor a amarelo com um pouco de transparência
            contexto.fillStyle = 'rgba(255,255,0,0.7)';
            //pinto um retângulo amarelo semitransparente
            contexto.fillRect(35,35,50,50);
               }
            }
        </script>
    </head>
    <body>
        <canvas id="meucanvas" width="100" height="100">
            Seu navegador não suporta canvas.
        </canvas>
    </body>
</html>

Veja Mais:

- Criar um retangulo sobre outro transparente com canvas no HTML5
- Coordenadas do Canvas no HTML5
- Elemento canvas em HTML5
- Atributo required no HTML5
- Formulário de contato pronto com HTML5
- Como usar Placeholder no HTML5
- Validar CEP com HTML5 usando Pattern
- Colocar vídeo na página com HTML5
- Colocar áudio na página com HTML5
- Elemento Áudio e Vídeo em HTML5
- Criar Formulários em HTML5
- Introdução ao HTML5
- Estrutura de um documento html 5
- Layout em HTML5

Leia Mais »

Coordenadas do Canvas no HTML5

No comments

Para posicionar elementos no canvas temos que ter em conta seu eixo de coordenadas em duas dimensões, que começa na esquina superior esquerda da tela.

contexto.fillRect(0, 0, 100, 100);

Representado na figura em verde o (0, 0) significa o posição relacionada ao (X e Y).
Em seguida colocamos a dimensão em relação a largura e altura do canvas, aqui está dimensionado com (100, 100).

Em conclusão temos (0, 0, 100, 100), exemplo prático.

<!DOCTYPE html>
<html lang="pt-BR">
    <head>
        <meta charset="UTF-8" />
        <title>Criar canvas no HTML5</title>
    </head>
    <body>
        <canvas id="meucanvas" width="100" height="100" style="border:1px solid
        #000000;">
            Navegadore não compatível com canvas.
            <br>
            Por favor, utilize Firefox, Chrome, Safari ou Opera.
        </canvas>
        <script>
            //Recebemos o elemento canvas
            var canvas = document.getElementById('meucanvas');
            //Acesso ao contexto de '2d' deste canvas, necessário para desenhar
            var contexto = canvas.getContext('2d');
            // Pintar a figura
            contexto.fillStyle="#9FB6CD";
            //Desenho no contexto do canvas
            contexto.fillRect(0, 0, 100, 100);
        </script>
    </body>
</html>

Veja Mais:

- Coordenadas do Canvas no HTML5
- Elemento canvas em HTML5
- Atributo required no HTML5
- Formulário de contato pronto com HTML5
- Como usar Placeholder no HTML5
- Validar CEP com HTML5 usando Pattern
- Colocar vídeo na página com HTML5
- Colocar áudio na página com HTML5
- Elemento Áudio e Vídeo em HTML5
- Criar Formulários em HTML5
- Introdução ao HTML5
- Estrutura de um documento html 5
- Layout em HTML5

Leia Mais »

Elemento canvas em HTML5

No comments

Canvas é um novo e poderoso elemento do HTML 5. Com o canvas você consegue de maneira fácil criar gráficos, composições de fotos e animações usando JavaScript.

Primeiro vamos verificar se o navegador suporta o Canvas.

<!DOCTYPE html>
<html lang="pt-BR">
    <head>
        <meta charset="UTF-8" />
        <title>Criar canvas no HTML5</title>
    </head>
    <body>
        <canvas id="meucanvas" width="200" height="100" style="border:1px solid
        #000000;">
            Este texto se mostra para os navegadores não compatíveis com canvas.
            <br>
            Por favor, utilize Firefox, Chrome, Safari ou Opera.
        </canvas>
    </body>
</html>
Para especificar as características deste canvas temos vários atributos:

Atributo id:
Para atribuir-lhe um nome único e logo nos referirmos a este canvas desde Javascript.

Atributos width e height:
Para indicar a largura e altura da área do canvas.

Outros atributos se podem colocar de maneira opcional, como por exemplo style, para indicar atributos de folhas de estilo para definir o aspecto da tela. Neste exemplo foi colocado como borda 1 pixel.

Agora vamos pintar nosso canvas.

<!DOCTYPE html>
<html lang="pt-BR">
    <head>
       <meta charset="UTF-8" />
       <title>Criar canvas no HTML5</title>
    </head>
    <body>
       <canvas id="meucanvas" width="200" height="100" style="border:1px solid
#000000;">
           Navegadore não compatível com canvas.
           <br>
           Por favor, utilize Firefox, Chrome, Safari ou Opera.
       </canvas>
       <script>
           //Recebemos o elemento canvas
           var canvas = document.getElementById('meucanvas');
           //Acesso ao contexto de '2d' deste canvas, necessário para desenhar
           var contexto = canvas.getContext('2d');
           // Pintar a figura
           contexto.fillStyle="red";
           //Desenho no contexto do canvas
           contexto.fillRect(50, 0, 70, 150);
       </script>
    </body>
</html>

Primeiro, com o método getElementById() obtenho o elemento da página que se passa como parâmetro, que é o canvas. Em seguida acessa contexto 2D do canvas, que é o que tem vários métodos que servem para desenhar na tela. Em seguida defenimos a cor que desejamos que seja pintado nosso canvas. Por último, posso executar o que desejo desenhar, neste exemplo defenimos cordenada primeiro as cordenadas (x e y) como (50, 0), depois a dimensão em largura e altura (70,150).

Resultado final:

Veja Mais:

- Elemento canvas em HTML5
- Atributo required no HTML5
- Formulário de contato pronto com HTML5
- Como usar Placeholder no HTML5
- Validar CEP com HTML5 usando Pattern
- Colocar vídeo na página com HTML5
- Colocar áudio na página com HTML5
- Elemento Áudio e Vídeo em HTML5
- Criar Formulários em HTML5
- Introdução ao HTML5
- Estrutura de um documento html 5
- Layout em HTML5

Leia Mais »

Atributo required no HTML5

No comments

No HTML5 os formulários ganharam recursos muito interessantes e importantes para otimização do trabalho. Por exemplo, é possível fazer validação de campos sem o uso de JavaScript, fazer validação através de ER (expressões regulares) diretamente no código HTML entre muitas outras.

Para tornar um campo de formulário obrigatório (seu valor precisa ser preenchido) basta, em HTML5, incluir o atributo required:

Uma mensagem é informada ao usuário em uma tentativa de envio de formulário sem o preenchimento de um campo com required. Esse atributo apenas verifica se o campo foi preenchido ou não. Quero dizer que, qualquer caractere será aceito.

Exemplo prático:

<!DOCTYPE html>
<html lang="pt-BR">
    <head>
        <meta charset="UTF-8" />
        <title>O atributo required</title>
    </head>
    <body>
        <form>
            Nome: <input name="nome" id="nome" type="text" required /></br></br>
            E-mail: <input name="email" id="email" type="email" required /></br></br>
            <input type="submit" value="Enviar" />
        </form>
    </body>
</html>

Quando o usuário tenta enviar sem preencher será apresentado a mensagem de obrigatoriedade:

O usuário preenche o nome mas deixa o e-mail em branco:

O usuário preenche qualquer coisa no campo email, sem as características de e-mail:

O usuário preenche corretamente os campos:

Veja Mais:

Leia Mais »

Formulário pronto com HTML5

2 comments

Criar seu próprio formulário de contato com HTML5 e CSS3. Nós estaremos usando os novos recursos úteis em HTML5 para adicionar funcionalidade legais.

Criar uma página com o nome (index.html)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>CSS3 Contact Form</title>

<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>

<body>

<div id="contact">
    <h1>Envie a Mensagem</h1>
    <form action="#" method="post">
       <fieldset>
           <label for="name">Nome:</label>
           <input type="text" id="name" placeholder="Nome" />

           <label for="email">E-mail:</label>
           <input type="email" id="email" placeholder="E-mail" />

           <label for="message">Mensagem:</label>
           <textarea id="message" placeholder="Mensagem"></textarea>

           <input type="submit" value="Enviar" />

       </fieldset>
    </form>
</div>

</body>
</html>

Criar outra página contendo o estilo (style.css)

body, div, h1, form, fieldset, input, textarea {
    margin: 0; padding: 0; border: 0; outline: none;
}

html {
    height: 100%;
}

body {
    background: #728eaa;
    background: -moz-linear-gradient(top, #25303C 0%, #728EAA 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25303C), color-stop(100%,#728EAA)); /* webkit */
    font-family: sans-serif;
}

#contact {
    width: 430px; margin: 60px auto; padding: 60px 30px;
    background: #c9d0de; border: 1px solid #e1e1e1;
    -moz-box-shadow: 0px 0px 8px #444;
    -webkit-box-shadow: 0px 0px 8px #444;
}

h1 {
    font-size: 35px; color: #445668; text-transform: uppercase;
    text-align: center; margin: 0 0 35px 0; text-shadow: 0px 1px 0px #f2f2f2;
}

label {
    float: left; clear: left; margin: 11px 20px 0 0; width: 95px;
    text-align: right; font-size: 16px; color: #445668;
    text-transform: uppercase; text-shadow: 0px 1px 0px #f2f2f2;
}

input {
    width: 260px; height: 35px; padding: 5px 20px 0px 20px; margin: 0 0 20px 0;
    background: #5E768D;
    background: -moz-linear-gradient(top, #546A7F 0%, #5E768D 20%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#546A7F), color-stop(20%,#5E768D)); /* webkit */
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
    font-family: sans-serif; font-size: 16px; color: #f2f2f2; text-transform: uppercase; text-shadow: 0px -1px 0px #334f71;
}
    input::-webkit-input-placeholder {
        color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;
    }
    input:-moz-placeholder {
        color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;
    }

textarea {
    width: 260px; height: 170px; padding: 12px 20px 0px 20px; margin: 0 0 20px 0;
    background: #5E768D;
    background: -moz-linear-gradient(top, #546A7F 0%, #5E768D 20%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#546A7F), color-stop(20%,#5E768D)); /* webkit */
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
    font-family: sans-serif; font-size: 16px; color: #f2f2f2; text-transform: uppercase; text-shadow: 0px -1px 0px #334f71;
}
    textarea::-webkit-input-placeholder {
        color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;
    }
    textarea:-moz-placeholder {
        color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;
    }

input:focus, textarea:focus {
    background: #728eaa;
    background: -moz-linear-gradient(top, #668099 0%, #728eaa 20%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#668099), color-stop(20%,#728eaa)); /* webkit */
}

input[type=submit] {
    width: 185px; height: 52px; float: right; padding: 10px 15px; margin: 0 15px 0 0;
    -moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;
    border: 1px solid #556f8c;
    background: -moz-linear-gradient(top, #718DA9 0%, #415D79 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#718DA9), color-stop(100%,#415D79)); /* webkit */
    cursor: pointer;
}

Veja Mais:

Leia Mais »

DIA

Noticías

Concursos

web

Prefeitura de Santa Bárbara d'Oeste - SP abre 60 vagas para Médicos

Polícia Civil - DF publica edital com 98 vagas para escrivão

Criar um retangulo sobre outro transparente com canvas no HTML5

Coordenadas do Canvas no HTML5

Elemento canvas em HTML5

Atributo required no HTML5

Formulário pronto com HTML5

Postagem Popular

Cursos PHP e MySQLi

Curso de HTML 5

Arquivos