Html Historia
-
Upload
victormatheus-santos -
Category
Documents
-
view
253 -
download
0
description
Transcript of Html Historia
Aplicações para Internet
Conteúdo: • Apresentação da Disciplina (Plano de ensino) • Ferramentas para desenvolvimento
Professores: Alcides Teixeira Ana Paula Cristiane Camilo Manuel Ledón Pedro Cacique
Mini-currículo Prof. Alcides
• Bacharel em Ciência da Computação (Cruzeiro do Sul – 2002)
• Especialização em Engenharia de Web Sites (Cruzeiro do Sul - 2006)
• Mestre em Ensino de Ciências e Matemática (Cruzeiro do Sul - 2009)
• Doutorado em andamento no Programa de Engenharia Elétrica e Computação da Universidade Presbiteriana Mackenzie
• Docente da Universidade Cruzeiro do Sul - desde 2003
Prof. Ledón
• Graduação em Engenharia Elétrica (Instituto Superior Politécnico José A. Echeverría – 1978)
• Mestrado em Informática Aplicada na Engenharia e Arquitetura (Instituto Superior Politécnico José A. Echeverría. - 1996)
• Docente da Universidade Cruzeiro do Sul - desde 1996
Prof. Pedro Cacique • Graduação em Engenharia Elétrica (Universidade
Federal de Uberlândia – 2010) • Mestrado em Engenharia Elétrica (Universidade
Federal de Uberlândia - 2012) • Doutorado em andamento no Programa de
Engenharia Elétrica e Computação da Universidade Presbiteriana Mackenzie
• Docente da Universidade Cruzeiro do Sul - desde 2013
• Docente da Universidade Presbiteriana Mackenzie - desde 2014
Ementa
Estudo das tecnologias na área de desenvolvimento web para a criação de sites com ênfase no lado cliente utilizando a linguagem HTML e CSS. Estudo dos conceitos para criação/disponibilização de um site e criação de layouts para os Gerenciadores de Conteúdos mais utilizados no mercado.
Conteúdo 1/5 Apresentação da Disciplina (Plano de Ensino) Introdução Conceitos de Internet e sua história; Conceitos da arquitetura cliente-servidor; Evolução das linguagens web (lado cliente); Tecnologias atuais e emergentes para desenvolvimento de aplicações para
Internet.
Conteúdo 2/5
Linguagem HTML O que é o HTML? O W3C e suas especificações Estruturação e conteúdo Corpo básico Formatação de Texto Codificação de caracteres Listas Links Imagens Tabelas Formulários Semântica de elemento no HTML5 Novos elementos e atributos, elementos removidos Trabalhando com áudio no HTML5 Trabalhando com vídeos no HTML5 Validação de documentos HTML5
Conteúdo 3/5 Folhas de Estilo CSS Introdução ao CSS (Cascade Style Sheet) O que é e para que serve o CSS Classes, pseudo-classes e estilos em CSS3 Seletores no CSS3 Propriedades do CSS3 Uso de fontes Compatibilidade Box Model, Imagens e Posicionamento. Animações e efeitos com CSS3
Conteúdo 4/5
Projeto de Interface Web Standards Wireframe Modelagem de aplicação WEB Criação de layouts Layouts responsivos e Adaptativos Usabilidade
Conteúdo 5/5
CMS (Content Management System) O que é CMS? Quais as opções do mercado? Conceitos da arquitetura cliente/servidor Ferramentas necessárias para utilizar um CMS Instalando um CMS Estrutura de um CMS Criando layouts para um CMS
Avaliação
Prova Regimental - 5,0 Avaliação Parcial - 2,0 Exercícios/Projetos - 3,0 Todas as avaliações desta disciplina serão em laboratório, ou seja, avaliações práticas. Os materiais poderão ser utilizados para consulta. O horário de início e término das avaliações serão determinados pelos professores.
A2 Nota Final = A1 + A2
A1
Sistema de Avaliação
A1 – Prova Regimental (PR ou PRI) (5,0 pontos)
A2 – Outras avaliações da
disciplina (5,0 pontos)
A1 + A2 >= 6,0 Aprovado Sim
Não
Fazer a Avaliação Final (AF), caso exista
possibilidade de aprovação com esta nota.
A AF vale 5,0 pontos, substituindo a menor nota,
seja A1 ou A2.
AF + maior nota >= 6,0
Aprovado
Sim
Reprovado
Não
Slide, Prof. Ledón, 2014 Reprovação se a frequência for inferior a 75% (setenta e cinco por cento)
O aluno que não conseguir pelo menos 1 ponto na A1 ou A2 estará reprovado e não poderá fazer a AF
Avaliação
Poderá ser concedida Segunda Chamada da Prova Regimental nas seguintes situações, comprovadas mediante apresentação dos documentos originais correspondentes:
– serviços obrigatórios por lei: convocação do Poder Judiciário para participar de sessão plenária de tribunal de júri; convocação pelas Forças Armadas; convocação pela Justiça Eleitoral; convocação de Servidores Públicos para reforço de tarefas em casos de calamidade pública ou força maior;
– convocação para atividades de trabalho de caráter crítico e emergencial, em que a presença do aluno-funcionário tenha sido imprescindível à sua realização, mediante declaração do empregador em papel timbrado, com firma reconhecida e comprovação de que o signatário é representante legal da empresa;
– óbito de familiar em primeiro grau (pai, mãe, irmão, filho), cônjuge ou companheiro(a), mediante atestado de óbito;
– casamento, mediante certidão; – doença própria, de familiar em primeiro grau e cônjuge ou companheiro(a), mediante
atestado com CID e relatório detalhado de procedimentos.
No caso de provas parciais, fica a critério do professor da disciplina decidir sobre a possibilidade ou não de fazer a segunda chamada.
Bibliografia Básica SILVA, M. S. HTML 5: a linguagem de marcação que revolucionou a
web. São Paulo: Novatec, 2011.
SILVA, M. S. Construindo sites com CSS e (X)HTML: sites controlados por folhas de estilo em cascata. São Paulo: Novatec, 2008.
NIELSEN, J. Projetando websites. Rio de Janeiro: Campus, Elsevier, 2000
DEITEL, H. M. Internet & World Wide Web: Como Programar. 2. ed. Porto Alegre: Bookman, 2003.
• Silva, Maurício Samy. CSS 3, Novatec. 2011 Materiais de aula (resumo). Materiais disponíveis na Internet e indicados pelos professores quando for pertinente.
Bibliografia Complementar ERIC FREEMAN; ELISABETH FREEMAN. Use a Cabeça! Html Com
Css e Xhtml. São Paulo: Alta Books, 2008.
CARVALHO, A. Desenvolvendo sites profissionais: html 4.01/css 2.1: manual completo. 2. ed. Rio de Janeiro: Bonsucesso. Book Express, 2004.
DEITEL, P. J. Ajax, Rich Internet Aplications e Desenvolvimento Web Para Programadores. São Paulo: Pearson Prentice Hall, 2009.
Ferramentas Nesta disciplina iremos utilizar as seguintes ferramentas:
– Para testar nossos arquivos
- Internet Explorer (última versão) - Mozilla Firefox (última versão) - Google Chrome (última versão)
– Para criar nossos códigos podemos utilizar qualquer editor de texto puro ou algumas
ferramentas próprias para o desenvolvimento Web - Adobe Dreamweaver ou - Bloco de notas ou - Microsoft Expression Web 4 ou - Brackets ou - Notepad++ ou - NetBeans ou - …
Servidor WEB (local) - WAMP
http://www.wampserver.com/en
Ferramentas
CMS (Content Management System) – WordPress, Joomla, Drupal etc...
Servidor necessário para rodar as aplicações WEB
Os programas abaixo instalam de forma fácil e rápida as seguintes ferramentas na máquina (Servidor WEB Apache, Linguagem PHP (server-side), MySQL e phpMyAdmin) – Wamp – Xamp – Easy PHP – .... ou – Instalação Manual (Apache, PHP, MySQL)
Adobe Dreamweaver Esta ferramenta não é gratuita, é necessário adquirir a licença para uso.
Bloco de notas Ferramenta que já vem com o sistema Windows, muito simples de utilizar mas não
ajuda em nada a criação do código.
Microsoft Expression Web 4 Esta ferramenta é gratuita (somente o expression WEB), para baixar acesse o link
http://www.microsoft.com/en-us/download/details.aspx?id=36179.
Brackets Esta ferramenta é gratuita, para baixar acesse o link
http://brackets.io/
Notepad++ Esta ferramenta é gratuita, para baixar acesse o link
http://notepad-plus-plus.org/
NetBeans Esta ferramenta é gratuita, para baixar acesse o link
https://netbeans.org/
Possibilidades Iniciais Com o conteúdo desta disciplina e um pouco de dedicação, podemos trabalhar
com projetos nas seguintes ferramentas:
http://www.joomla.org/
http://pt-br.wordpress.com/
http://www.magentocommerce.com/
http://drupal-br.org/
http://www.opencart.com/