Manual HTML, CSSC, PHP e banco de dados MySQL. Criar Sites, Agencia de Web designer, Nos sabemos Como criar um site
O manual didático destina-se à preparação de alunos especializados
na área de desenvolvimento de sites. Descreve as tecnologias modernas
de criação de sites: linguagem de marcação de hipertexto HTML,
folhas de estilo CSS, linguagem de programação PHP e banco de dados MySQL. O manual
pode ser usado para organizar aulas no âmbito da educação infantil complementar,
aulas opcionais em instituições de ensino superior, etc.
A primeira parte do manual contém material teórico e tarefas práticas
sobre a linguagem HTML e a tecnologia CSS.
Traduzido com a versão gratuita do tradutor - DeepL.com
Introdução
O manual é dedicado a um tema atual: o desenvolvimento de sites.
A primeira e a segunda partes do manual contêm resumos de palestras com exemplos,
links para fontes da Internet dedicadas ao tema em questão e tarefas práticas
de dois níveis de dificuldade. As tarefas de maior dificuldade
estão marcadas com um asterisco (*). A terceira parte apresenta as soluções das tarefas práticas
para todos os temas estudados. O manual abrange os principais meios de
desenvolvimento de sites modernos. Como não é possível abordar todos os aspectos das tecnologias web
no âmbito do curso, algumas tags HTML, regras
CSS, funções PHP, etc. não são abordadas no manual.
Organização das aulas
No âmbito do curso, está prevista a realização de aulas teóricas e práticas
presenciais ou à distância.
Nas aulas teóricas, o professor propõe o material didático para estudo,
ocorrendo a fixação inicial dos novos conhecimentos. Para a realização de aulas presenciais,
recomenda-se o uso de computador e projetor para demonstrar
os exemplos apresentados nos materiais das aulas. Recomenda-se inserir
alterações no código dos exemplos e demonstrar sua influência na exibição da página da web
ou no resultado do funcionamento do programa.
Após a aula, é realizada uma aula prática, na qual os alunos
consolidam ou assimilam o material nas tarefas atribuídas pelo professor.
Primeiro, são propostas aos alunos tarefas com um nível normal de dificuldade.
Os alunos que as realizam com sucesso passam a resolver tarefas de nível mais elevado.
As tarefas não resolvidas durante a aula podem ser atribuídas para serem realizadas em casa.
Se o aluno tiver dificuldades para realizar as tarefas, ele pode
receber a lista de soluções ou parte dela do segundo volume do manual.
Software
Para realizar as tarefas dos tópicos 2 a 10, é necessário ter instalado no computador
um navegador e um editor de texto. Para testar páginas com estilos CSS complexos,
é aconselhável visualizá-las em diferentes navegadores, por exemplo, no
Internet Explorer 6-8, Mozilla Firefox e Opera. Deve-se ter um cuidado especial ao
Conteúdo 5
escolher o editor de texto. O uso de um editor comum
diminui a velocidade do trabalho e leva a um aumento no número de erros no código.
É necessário um programa especializado para desenvolvedores com suporte
para realce e colapso de sintaxe HTML, CSS e PHP em um único arquivo.
Também é recomendável a presença de autocompletar e ajuda sobre argumentos de funções,
ferramenta de seleção de cores, etc. Esses requisitos são atendidos por editores gratuitos
como Notepad++ (http://notepad-
plus.sourceforge.net/ru/site.htm), SciTE (http://code.google.com/p/scite-ru/) e outros
Para resolver as tarefas dos tópicos 5-10, é necessário organizar o acesso dos alunos ao
servidor web Apache e ao servidor DBMS MySQL. Para o sistema operacional da família Unix, a maneira mais simples
é instalar “pacotes” (“portas”), para o sistema operacional da família Windows
– compilações prontas, como WampServer
(http://www.wampserver.com/en/) ou XAMPP (http://www.apachefriends.org/).
Não é recomendável usar o pacote Denver, pois ele é mais complexo de
usar e configurar. Todos os produtos acima mencionados são gratuitos
.
Existem várias opções de instalação:
1. Instalação em cada computador da sala de aula. É o cenário mais
simples, mas também o menos flexível. Ao usar o sistema operacional Windows
para iniciar servidores, é necessário ter direitos de administrador.
Nos sabemos Como criar um site
2. Instalação em um servidor dedicado na rede local. Nesse caso,
é necessário alocar um diretório separado e um
banco de dados no servidor para cada aluno, garantir o acesso remoto e a divisão
dos direitos dos usuários. A vantagem desse método é a
aproximação das condições reais de desenvolvimento, a possibilidade de trabalho conjunto
dos alunos e a realização de tarefas a partir de qualquer local de trabalho.
3. Instalação de um servidor dedicado, semelhante à opção anterior,
mas com acesso pela Internet. É implementado em um servidor que funciona 24 horas por dia,
com conexão direta à rede global (com
atribuição de endereço IP externo) ou aquisição de serviço de hospedagem.
6 Introdução
O último cenário é o mais preferível, pois permite o
trabalho remoto dos alunos a partir de casa e simplifica a apresentação dos resultados em
exposições, conferências, etc. Se esse método for muito caro,
é possível combinar as duas primeiras opções: se houver um computador
em casa, os alunos instalam nele um servidor web e um banco de dados, e na sala de aula
usam um servidor dedicado comum.
Recomenda-se usar as últimas versões estáveis do Apache, MySQL e
do shell phpMyAdmin ou compilações prontas (WampServer, XAMMP).
Esses programas não apresentam requisitos rigorosos de hardware
e podem ser executados em computadores relativamente “fracos”.
Símbolos utilizados no manual
Recursos da Internet dedicados ao material apresentado na aula.
Os materiais marcados com um asterisco (*) são complementares
e contêm informações não mencionadas na aula.
Tarefas práticas. As tarefas marcadas com um asterisco (*) são
mais complexas.
Observação importante para o aluno.
Informação importante para o professor.
Informação adicional para o aluno. Pode ser omitida durante a leitura da palestra.
O código do programa é destacado com a fonte Courier, assim como as palavras-chave
A fonte Courier destaca o código do programa, bem como palavras-chave
(tags, atributos, propriedades, valores, operadores, construções, funções e
etc.), HTML, CSS, PHP e SQL.
Nos sabemos Como criar um site
https://telegra.ph/Criar-Sites-09-26
https://telegra.ph/Entendendo-sobre-o-WWW---Criar-Sites-09-26
https://telegra.ph/A-linguagem-HTML---Site-Design-Brasil-Criar-Sites-09-26
https://telegra.ph/Linguagem-HTML-5-Representa%C3%A7%C3%A3o-de-cores-em-HTML-09-26
https://criar-sites-brasil.blogspot.com/2025/09/criar-sites-em-html-e-css.html
https://criar-sites-brasil.blogspot.com/2025/09/criar-sites-em-html-css-e-java-script.html
https://sitedesignbrasil.wordpress.com/2025/09/26/como-criar-um-site-em-html-css-javascript
https://sitedesignbrasil.wordpress.com
https://sitedesignbrasil.wordpress.com/2025/09/26/estilos-de-textos-html5
https://sitedesignbrasil.wordpress.com/2025/09/26/titulo-e-subtitulo-em-html5
https://sitedesignbrasil.wordpress.com/2025/09/26/hello-world
https://sitedesignbrasil.wordpress.com/2025/09/26/imagens-html5
https://sitedesignbrasil.wordpress.com/2025/09/26/estruturas-de-links-no-html-5
https://sitedesignbrasil.wordpress.com/2025/09/26/tabelas-html-5
https://sitedesignbr.wixsite.com/site-design-brasil/post/tabelas-html-5