<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-6880651780842526917</id><updated>2025-10-23T13:35:16.571-03:00</updated><category term="HTML"/><category term="CSS"/><category term="Apache"/><category term="PHP"/><category term="MySQL"/><category term="OpenCV"/><category term="Python"/><category term="htaccess"/><title type='text'>Maik Basso</title><subtitle type='html'>Compartilhando conhecimento</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://www.maikbasso.com.br/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://www.maikbasso.com.br/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYs5eGdJ_Q4zZP-1iJwMVzvWnEA7ZUDcuftkvocNi1_RUbtr65p4xnFvQrAPPric0fdB8JLEwL5KM9z9M79f9azb35UNFoDEaKSjpUMNhS1TkvK_I147d3Xn-vdS-0A/s220/Maik.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>17</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-6880651780842526917.post-7258139614575931178</id><published>2017-02-21T12:25:00.001-03:00</published><updated>2017-02-21T12:26:50.907-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="OpenCV"/><category scheme="http://www.blogger.com/atom/ns#" term="Python"/><title type='text'>Instalando OpenCV para trabalhar com processamento de imagens em Python no Ubuntu</title><summary type="text">


Hoje vamos aprender a&amp;nbsp; fazer a instalação da biblioteca OpenCV no Ubuntu para trabalhar com processamento de imagens em Python.

Para fazer a instalação, abra o terminal pressionando CTRL+ALT+T e digite o seguinte comando:

$ sudo apt-get install libopencv-dev python-opencv
Abra o Python, para isso digite o comando:

$ python
Com o Python aberto utilize o comando para testar:

&amp;gt;&amp;gt; </summary><link rel='replies' type='application/atom+xml' href='http://www.maikbasso.com.br/feeds/7258139614575931178/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.maikbasso.com.br/2017/02/instalando-opencv-para-trabalhar-com.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/7258139614575931178'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/7258139614575931178'/><link rel='alternate' type='text/html' href='http://www.maikbasso.com.br/2017/02/instalando-opencv-para-trabalhar-com.html' title='Instalando OpenCV para trabalhar com processamento de imagens em Python no Ubuntu'/><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYs5eGdJ_Q4zZP-1iJwMVzvWnEA7ZUDcuftkvocNi1_RUbtr65p4xnFvQrAPPric0fdB8JLEwL5KM9z9M79f9azb35UNFoDEaKSjpUMNhS1TkvK_I147d3Xn-vdS-0A/s220/Maik.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzFc4aJmcypsifbZRfXTvcjmqpv4J5f-7Gna7gW7stk0WAWfny3qqeP4eqzQJ1MJj8RulS7khSZNwzCtlidopYaZF-vv1IzE7BSH5CEXpGNm-IXmJFCzOAt1DedOslNEJUgAlYT3KZb_2d/s72-c/opencv-python.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6880651780842526917.post-7164721055199279701</id><published>2017-02-20T21:24:00.002-03:00</published><updated>2017-02-20T21:24:50.255-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Apache"/><category scheme="http://www.blogger.com/atom/ns#" term="PHP"/><title type='text'>Mudando a pasta padrão do servidor para dentro do Dropbox</title><summary type="text">



Neste tutorial vamos aprender a sincronizar os arquivos do seu servidor PHP no Dropbox.

Primeiro crie a pasta www dentro de sua pasta do Dropbox.

* Utilize os comandos abaixo lembrando de alterar os caminhos para os diretórios correspondentes na sua máquina.

Abra o terminal pressionando CTRL+ALT+T, use o comando abaixo para dar permissão a pasta www e definir acesso ao apache:


$ sudo </summary><link rel='replies' type='application/atom+xml' href='http://www.maikbasso.com.br/feeds/7164721055199279701/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.maikbasso.com.br/2017/02/mudando-pasta-padrao-do-servidor-para.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/7164721055199279701'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/7164721055199279701'/><link rel='alternate' type='text/html' href='http://www.maikbasso.com.br/2017/02/mudando-pasta-padrao-do-servidor-para.html' title='Mudando a pasta padrão do servidor para dentro do Dropbox'/><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYs5eGdJ_Q4zZP-1iJwMVzvWnEA7ZUDcuftkvocNi1_RUbtr65p4xnFvQrAPPric0fdB8JLEwL5KM9z9M79f9azb35UNFoDEaKSjpUMNhS1TkvK_I147d3Xn-vdS-0A/s220/Maik.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0eBQ5npDeMdzhZ5OzrKXn3EEFkAcVrJldRmplsfbei_4EnnwFCpNA9yq_uTSmKCGAdHOkuD-Z2cU5adzfKNXrBTjdWerG2JmQvDdEb88-Nx1cXiewOb39RpEqik14xxsi6Qp7gk7Ttxw6/s72-c/Dropbox_logo_September_2013.svg_.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6880651780842526917.post-2267389923943876157</id><published>2017-02-20T20:44:00.000-03:00</published><updated>2017-02-20T20:47:17.959-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Apache"/><category scheme="http://www.blogger.com/atom/ns#" term="MySQL"/><category scheme="http://www.blogger.com/atom/ns#" term="PHP"/><title type='text'>Criar um servidor PHP+MySQL+Apache nativo no Ubuntu 16.04 LTS com apenas um comando</title><summary type="text">



Para criar o servidor abra o terminal pressionando as teclas CTRL+ALT+T e digite o seguinte comando:

$ sudo apt-get install apache2 php7* libapache2-mod-php mysql-server phpmyadmin

* Lembre-se de seguir todos os passos para a instalação e de adicionar a senha definida no MySQL para a configuração do phpmyadmin.
* A pasta padrão do servidor será definida em /var/www/

Agora acesse no seu </summary><link rel='replies' type='application/atom+xml' href='http://www.maikbasso.com.br/feeds/2267389923943876157/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.maikbasso.com.br/2017/02/criar-um-servidor-phpmysqlapache-nativo.html#comment-form' title='2 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/2267389923943876157'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/2267389923943876157'/><link rel='alternate' type='text/html' href='http://www.maikbasso.com.br/2017/02/criar-um-servidor-phpmysqlapache-nativo.html' title='Criar um servidor PHP+MySQL+Apache nativo no Ubuntu 16.04 LTS com apenas um comando'/><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYs5eGdJ_Q4zZP-1iJwMVzvWnEA7ZUDcuftkvocNi1_RUbtr65p4xnFvQrAPPric0fdB8JLEwL5KM9z9M79f9azb35UNFoDEaKSjpUMNhS1TkvK_I147d3Xn-vdS-0A/s220/Maik.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwdreMYsnmQ_ZB4kYj3ICQ9VTz56ROHzerl7SyooVxKoEgJObT6TS4mF-7G7hnsdwt1Vug1OgrXFuFGRdk9ImAJ79UnKEDZJIUMxTisPP7gdtlLcB0mYgdLGLl-Cp4amJuz0YsecyJEjfr/s72-c/lamp3.png" height="72" width="72"/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6880651780842526917.post-6138936602508051468</id><published>2017-02-20T20:26:00.002-03:00</published><updated>2017-02-20T20:28:30.886-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="htaccess"/><title type='text'>Protegendo uma pasta do servidor web com .htaccess e .htpasswd</title><summary type="text">






No linux dentro da pasta que deseja proteger, use o comando para criar o arquivo de senhas:


$ htpasswd -c .htpasswd user1

* user1: é o usuário que queremos criar, então defina a senha para ele;


Agora use o comando a seguir para criar o arquivo htaccess:


$ nano .htaccess


Digite o código a seguir como conteúdo do arquivo:


AuthType Basic
&amp;nbsp;AuthName &quot;Digite suas credênciais para</summary><link rel='replies' type='application/atom+xml' href='http://www.maikbasso.com.br/feeds/6138936602508051468/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.maikbasso.com.br/2017/02/protegendo-uma-pasta-do-servidor-web.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/6138936602508051468'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/6138936602508051468'/><link rel='alternate' type='text/html' href='http://www.maikbasso.com.br/2017/02/protegendo-uma-pasta-do-servidor-web.html' title='Protegendo uma pasta do servidor web com .htaccess e .htpasswd'/><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYs5eGdJ_Q4zZP-1iJwMVzvWnEA7ZUDcuftkvocNi1_RUbtr65p4xnFvQrAPPric0fdB8JLEwL5KM9z9M79f9azb35UNFoDEaKSjpUMNhS1TkvK_I147d3Xn-vdS-0A/s220/Maik.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0Qz_BgUUwPQDDpZsx6Twxry5REYArK01IsqWh-kGSJePuXUH8DG7OcxBF9E3VkX_ijISD7YWe3x36baYM5SUe2CdFDX3iN-CD3YTJlzIGOL1-4J8VxfWM8QQ2KeZoYeSMJzZPPO6iQeF0/s72-c/apache_htaccess.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6880651780842526917.post-7128369686839039636</id><published>2012-03-08T12:57:00.000-03:00</published><updated>2016-10-04T14:47:27.336-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><title type='text'>Efeito de movimento com marquee</title><summary type="text">


Um efeito muito interessante no HTML é a possibilidade de colocar elementos, imagens e textos em movimento, utilizando uma simples tag e alguns comandos.
A tag que tem a função de colocar movimento no HTML é a tag marquee.
Exemplo:

&amp;lt;marquee&amp;gt; 
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Aqui vai o conteúdo que ficará em movimento! 
&amp;lt;/marquee&amp;gt;


Comandos
Alguns comandos de controle podem ser </summary><link rel='replies' type='application/atom+xml' href='http://www.maikbasso.com.br/feeds/7128369686839039636/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.maikbasso.com.br/2012/03/efeito-de-movimento-com-marquee.html#comment-form' title='21 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/7128369686839039636'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/7128369686839039636'/><link rel='alternate' type='text/html' href='http://www.maikbasso.com.br/2012/03/efeito-de-movimento-com-marquee.html' title='Efeito de movimento com marquee'/><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYs5eGdJ_Q4zZP-1iJwMVzvWnEA7ZUDcuftkvocNi1_RUbtr65p4xnFvQrAPPric0fdB8JLEwL5KM9z9M79f9azb35UNFoDEaKSjpUMNhS1TkvK_I147d3Xn-vdS-0A/s220/Maik.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSXABcJLr2Son6aBusS1us0CxweFVf_UimfUxsdRo22ZJ8tDukrXtNen4S_x-o9rPJdrsxQHWWC89xlnnOaMh3mzumlXN2iVTaOrCus95lMwJ0Gq4S_s9GpLIzEmPUDMKE81Dq_mHY9EQS/s72-c/13.png" height="72" width="72"/><thr:total>21</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6880651780842526917.post-5978425728110294374</id><published>2012-03-01T12:37:00.000-03:00</published><updated>2016-10-04T14:47:12.831-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><title type='text'>CSS Reset</title><summary type="text">


Todos os navegadores WEB possuem estilos CSS pré-definidos para alguns elementos HTML. Esses valores podem variar de um navegador para outro, o que dificulta muito o alinhamento de certos elementos em nosso código.
Para resolver este problema temos a disposição um método conhecido por CSS Reset. Este método consiste em zerar certas propriedades CSS para unificar os estilos de todos os </summary><link rel='replies' type='application/atom+xml' href='http://www.maikbasso.com.br/feeds/5978425728110294374/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.maikbasso.com.br/2012/03/css-reset.html#comment-form' title='2 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/5978425728110294374'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/5978425728110294374'/><link rel='alternate' type='text/html' href='http://www.maikbasso.com.br/2012/03/css-reset.html' title='CSS Reset'/><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYs5eGdJ_Q4zZP-1iJwMVzvWnEA7ZUDcuftkvocNi1_RUbtr65p4xnFvQrAPPric0fdB8JLEwL5KM9z9M79f9azb35UNFoDEaKSjpUMNhS1TkvK_I147d3Xn-vdS-0A/s220/Maik.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU5Fe5wXtRW1uOAxhgXT-w-ZUAN61RtbqjBwx9Pw-WMy1RmQecYjSbVr1W5tROxCrwzC-XtoNXp4G55b-V91cFkpANZxOobkOYsp_Qt9e_eReEOUYMJV3hKWFUf5TUJBoVi2iCMKwMbIfL/s72-c/12.png" height="72" width="72"/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6880651780842526917.post-2645047733141484262</id><published>2012-02-23T13:04:00.001-02:00</published><updated>2013-01-01T17:49:42.605-02:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><title type='text'>Comentários em CSS</title><summary type="text">



Assim como no HTML, também é possível colocar comentários em um código CSS, proporcionando uma melhor compreensão do código ou até mesmo permitindo uma localização mais rápida a certas classes e regras CSS.
A sintaxe de um comentário CSS é composta de uma barra (/) seguida de dois asteriscos (*) e por fim coloca-se uma outra barra para se encerrar o comentário. O texto do comentário deve ser </summary><link rel='replies' type='application/atom+xml' href='http://www.maikbasso.com.br/feeds/2645047733141484262/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.maikbasso.com.br/2012/02/comentarios-em-css.html#comment-form' title='3 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/2645047733141484262'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/2645047733141484262'/><link rel='alternate' type='text/html' href='http://www.maikbasso.com.br/2012/02/comentarios-em-css.html' title='Comentários em CSS'/><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYs5eGdJ_Q4zZP-1iJwMVzvWnEA7ZUDcuftkvocNi1_RUbtr65p4xnFvQrAPPric0fdB8JLEwL5KM9z9M79f9azb35UNFoDEaKSjpUMNhS1TkvK_I147d3Xn-vdS-0A/s220/Maik.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUyvEsJWThGSoJsSpfeVZXjNqktuaplH-5MlgJvdG-6ZnFBoPbs4glmKUWe-18Zo1fCHi3fYpzmTv7PetoH1_AX1-6Z8irQm7FDfepiBR7tUKAKucJb0CelnUyZroAFAkk0pf810wkInuE/s72-c/11.png" height="72" width="72"/><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6880651780842526917.post-9084929476284662643</id><published>2012-02-16T13:32:00.000-02:00</published><updated>2020-02-28T11:58:00.284-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><title type='text'>Lista de propriedades CSS</title><summary type="text">


Como havia prometido que publicaria uma lista de propriedades CSS, decidi fazê-lo logo.
As propriedades CSS se encontram em uma tabela em um documento HTML e são referentes às versões 1, 2 e 3 do CSS. Nesta tabela também estão especificadas suas funções e seus possíveis valores. Cada propriedade também conta com um exemplo para facilitar a compreensão.
A tabela não contém todas as propriedades</summary><link rel='replies' type='application/atom+xml' href='http://www.maikbasso.com.br/feeds/9084929476284662643/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.maikbasso.com.br/2012/02/lista-de-propriedades-css.html#comment-form' title='5 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/9084929476284662643'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/9084929476284662643'/><link rel='alternate' type='text/html' href='http://www.maikbasso.com.br/2012/02/lista-de-propriedades-css.html' title='Lista de propriedades CSS'/><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYs5eGdJ_Q4zZP-1iJwMVzvWnEA7ZUDcuftkvocNi1_RUbtr65p4xnFvQrAPPric0fdB8JLEwL5KM9z9M79f9azb35UNFoDEaKSjpUMNhS1TkvK_I147d3Xn-vdS-0A/s220/Maik.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4mHPjFS9Vj2Ju1rPSdegR2MvtaizVRDElkLi_t7Wcve1kIYhjxQ5ziUpPbGHJnDLgGSxWB7ql10Dy41UX6jtP1U_ScLFP_iBKxgjUq7GrY8wfujIsCJPVkcUbyKMsgPbfyOg83Xia_lfJ/s72-c/10.png" height="72" width="72"/><thr:total>5</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6880651780842526917.post-3917455002025026447</id><published>2012-02-09T17:39:00.001-02:00</published><updated>2016-10-04T14:47:03.170-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><title type='text'>Introdução ao CSS</title><summary type="text">


CSS ou Folha de Estilos em Cascata é uma linguagem de estilização de documentos Web. Com o CSS, por exemplo, é possível colocar como fundo de um elemento HTML, uma imagem, uma cor ou um gradiente.

A sintaxe do CSS
Uma declaração CSS é denominada regra. Um conjunto de regras aplicadas a um mesmo elemento recebe o nome de classe. Um conjunto de classes e regras CSS recebe o nome de folha de </summary><link rel='replies' type='application/atom+xml' href='http://www.maikbasso.com.br/feeds/3917455002025026447/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.maikbasso.com.br/2012/02/introducao-ao-css.html#comment-form' title='7 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/3917455002025026447'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/3917455002025026447'/><link rel='alternate' type='text/html' href='http://www.maikbasso.com.br/2012/02/introducao-ao-css.html' title='Introdução ao CSS'/><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYs5eGdJ_Q4zZP-1iJwMVzvWnEA7ZUDcuftkvocNi1_RUbtr65p4xnFvQrAPPric0fdB8JLEwL5KM9z9M79f9azb35UNFoDEaKSjpUMNhS1TkvK_I147d3Xn-vdS-0A/s220/Maik.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-WzTIKEZk3oi1YxTHAx331B6g3xRC77wS07cVTUsbZQUvQDKzl55GVKFZmHeTcBotU7QNWYd4c4gd4UGxdEpixQVr9eTG3e6olOTj5lYFK0DqbQb9r7Od5_RlD66KBWmIgSQ7ykxxhGq1/s72-c/9.png" height="72" width="72"/><thr:total>7</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6880651780842526917.post-7316139543874549712</id><published>2012-02-02T11:21:00.000-02:00</published><updated>2016-10-04T14:46:50.805-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><title type='text'>Comentários em HTML</title><summary type="text">


Quando o nosso código HTML se torna muito grande, fica muito fácil nos perdermos nele. É por isso que existem os comentários em HTML.
Comentários em HTML são citações de texto que ajudam o programador a se localizar em seu código. Esses comentários não são exibidos ao usuário final, sendo somente possível visualizá-los através do código HTML da página.
A sintaxe dos comentários HTML é muito </summary><link rel='replies' type='application/atom+xml' href='http://www.maikbasso.com.br/feeds/7316139543874549712/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.maikbasso.com.br/2012/02/comentarios-em-html.html#comment-form' title='10 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/7316139543874549712'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/7316139543874549712'/><link rel='alternate' type='text/html' href='http://www.maikbasso.com.br/2012/02/comentarios-em-html.html' title='Comentários em HTML'/><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYs5eGdJ_Q4zZP-1iJwMVzvWnEA7ZUDcuftkvocNi1_RUbtr65p4xnFvQrAPPric0fdB8JLEwL5KM9z9M79f9azb35UNFoDEaKSjpUMNhS1TkvK_I147d3Xn-vdS-0A/s220/Maik.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN5xl6dHr9tAZ6c-3QNqGhcFLtcqU3X9B4fYT9v7z7hgheiEV685vuwHsdBQnypzSmUSKMqDdNL9wlSJMFWqt0Kcd3Y4RxPbOOgSrYxZQvNNZVt_xo7hEMciiDXk9_qQwl9jPztc4QKMo3/s72-c/8.png" height="72" width="72"/><thr:total>10</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6880651780842526917.post-4217436222799503191</id><published>2012-01-26T12:21:00.000-02:00</published><updated>2016-10-04T14:46:27.377-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><title type='text'>Construindo formulários em HTML</title><summary type="text">


Os formulários em HTML são utilizados para a coleta de dados do usuário, que após podem ser manipulados com a utilização de outras linguagens como PHP. Um exemplo muito comum de um formulário em HTML é o formulário de cadastro de usuários de e-mail, cujo mesmo possui campos para nome, sobrenome, data de nascimento e etc.
Os formulários são indispensáveis em nosso dia-a-dia, para se ter uma </summary><link rel='replies' type='application/atom+xml' href='http://www.maikbasso.com.br/feeds/4217436222799503191/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.maikbasso.com.br/2012/01/construindo-formularios-em-html.html#comment-form' title='58 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/4217436222799503191'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/4217436222799503191'/><link rel='alternate' type='text/html' href='http://www.maikbasso.com.br/2012/01/construindo-formularios-em-html.html' title='Construindo formulários em HTML'/><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYs5eGdJ_Q4zZP-1iJwMVzvWnEA7ZUDcuftkvocNi1_RUbtr65p4xnFvQrAPPric0fdB8JLEwL5KM9z9M79f9azb35UNFoDEaKSjpUMNhS1TkvK_I147d3Xn-vdS-0A/s220/Maik.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXvpgh7PlV8ZKDG_h3zYjFZiPpMbB5xhQ3-eRrYQAXR9Kt1_xzuPiF1mq_GhjJgiU6_Cnh_6y-E0UF7o6LOwMZpkIjk0DpqgiTW1jicVHA1nWgVDmP_Vx3N8KYy_7Ck9DS6Pkh9XfOAVSb/s72-c/7.png" height="72" width="72"/><thr:total>58</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6880651780842526917.post-938203011856103418</id><published>2012-01-19T20:06:00.000-02:00</published><updated>2016-10-04T14:46:10.399-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><title type='text'>Tabelas em HTML</title><summary type="text">


Tabelas são muito usadas na organização de dados e informações, mas além deste propósito, as tabelas em HTML são muito utilizadas na construção de web sites. Por exemplo, podemos criar uma tabela com três linhas, sendo uma para o cabeçalho do site, outra para o conteúdo e a última para o rodapé do site.

Estrutura de uma tabela
Para criar tabelas, vamos utilizar a tag &amp;lt;table&amp;gt; que define </summary><link rel='replies' type='application/atom+xml' href='http://www.maikbasso.com.br/feeds/938203011856103418/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.maikbasso.com.br/2012/01/tabelas-em-html.html#comment-form' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/938203011856103418'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/938203011856103418'/><link rel='alternate' type='text/html' href='http://www.maikbasso.com.br/2012/01/tabelas-em-html.html' title='Tabelas em HTML'/><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYs5eGdJ_Q4zZP-1iJwMVzvWnEA7ZUDcuftkvocNi1_RUbtr65p4xnFvQrAPPric0fdB8JLEwL5KM9z9M79f9azb35UNFoDEaKSjpUMNhS1TkvK_I147d3Xn-vdS-0A/s220/Maik.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYmqQ1dF0NKL1B0XaeNTjKY_O42mGeYN00HwppItSs-fGOJFFA3tzgCMO5px0qR_ltgJbzxNUd4h72YV08oEemaQTCJM-H5E8a1MVGHXGerQbZjPSmm3TsAQmwFGYGhxbGW3K69CaxXzrH/s72-c/6.png" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6880651780842526917.post-182450402334235290</id><published>2012-01-12T17:16:00.000-02:00</published><updated>2016-10-04T14:45:58.521-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><title type='text'>Listas em HTML</title><summary type="text">


As listas em HTML não são usadas somente para organizar textos de forma numerada ou em tópicos, elas são usadas principalmente para criação de menus de navegação para web sites.
Existem vários tipos de listas em HTML. São eles:

Listas do tipo marcador
Este tipo de lista é o mais usado, possuindo o mesmo efeito dos conhecidos marcadores dos editores de texto mais populares, e também é o tipo </summary><link rel='replies' type='application/atom+xml' href='http://www.maikbasso.com.br/feeds/182450402334235290/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.maikbasso.com.br/2012/01/listas-em-html.html#comment-form' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/182450402334235290'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/182450402334235290'/><link rel='alternate' type='text/html' href='http://www.maikbasso.com.br/2012/01/listas-em-html.html' title='Listas em HTML'/><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYs5eGdJ_Q4zZP-1iJwMVzvWnEA7ZUDcuftkvocNi1_RUbtr65p4xnFvQrAPPric0fdB8JLEwL5KM9z9M79f9azb35UNFoDEaKSjpUMNhS1TkvK_I147d3Xn-vdS-0A/s220/Maik.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_yMOgGDD9sa_PVCHjzXhmJN9Z748c42giCmGVOhJtHoiqbS1Gj7_rAPym3Xfh3STTQBGQ8H7TD2VQr6RxuW1_N_8o7fyyz4LrSGGlkVkukkAt_oI3S_WIaQppjU-Xkc3Pb7RoL6SK_49X/s72-c/005.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6880651780842526917.post-1920321296374667816</id><published>2012-01-06T01:40:00.001-02:00</published><updated>2016-10-04T14:45:45.246-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><title type='text'>Links em HTML</title><summary type="text">


Links são &quot;atalhos&quot;, ou seja, são botões em forma de texto ou imagem que contém o endereço para outras páginas Web e também para outros documentos, possibilitando aos usuários acessá-las com apenas um click.

Criando um link:
A tag que tem a função de criar links é a tag &amp;lt;a&amp;gt;. Para informar o endereço do link ao navegador Web vamos utilizar o comando href.
Exemplo:

&amp;lt;a href=&quot;Seu link </summary><link rel='replies' type='application/atom+xml' href='http://www.maikbasso.com.br/feeds/1920321296374667816/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.maikbasso.com.br/2012/01/links-em-html.html#comment-form' title='21 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/1920321296374667816'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/1920321296374667816'/><link rel='alternate' type='text/html' href='http://www.maikbasso.com.br/2012/01/links-em-html.html' title='Links em HTML'/><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYs5eGdJ_Q4zZP-1iJwMVzvWnEA7ZUDcuftkvocNi1_RUbtr65p4xnFvQrAPPric0fdB8JLEwL5KM9z9M79f9azb35UNFoDEaKSjpUMNhS1TkvK_I147d3Xn-vdS-0A/s220/Maik.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSa18jy1OOw_l4GPItTvtSU-dHX71o-S71NK8naPVd20YaKSpPDP8kNW-qpHKZUjbS8rIqVXA79eXGzI0nYdSEo-OyVglCNg7cdmHo9StQd1ewOTkLypmd3ZBUlO2MVLkZoRLys_N7a5hu/s72-c/004.png" height="72" width="72"/><thr:total>21</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6880651780842526917.post-2673888915026566897</id><published>2011-12-29T17:56:00.001-02:00</published><updated>2016-10-04T14:45:25.179-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><title type='text'>Inserindo e manipulando imagens em uma página HTML</title><summary type="text">


Para começar precisamos ter uma imagem. Eu irei utilizar a imagem acima que criei no Fireworks.
Primeiramente, devemos saber alguns dados importantes sobre a imagem, tais como, tamanho em píxeis (altura e largura), nome e extensão (JPG, GIF, PNG).
Veja os dados da imagem acima:
Tamanho: 300px X 300px
Nome: minha_imagem
Extensão: .png


Inserindo imagens:
A tag utilizada para se inserir imagens</summary><link rel='replies' type='application/atom+xml' href='http://www.maikbasso.com.br/feeds/2673888915026566897/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.maikbasso.com.br/2011/12/inserindo-e-manipulando-imagens-em-uma.html#comment-form' title='55 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/2673888915026566897'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/2673888915026566897'/><link rel='alternate' type='text/html' href='http://www.maikbasso.com.br/2011/12/inserindo-e-manipulando-imagens-em-uma.html' title='Inserindo e manipulando imagens em uma página HTML'/><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYs5eGdJ_Q4zZP-1iJwMVzvWnEA7ZUDcuftkvocNi1_RUbtr65p4xnFvQrAPPric0fdB8JLEwL5KM9z9M79f9azb35UNFoDEaKSjpUMNhS1TkvK_I147d3Xn-vdS-0A/s220/Maik.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1HV_8i4doEbtQ_Cnytu6KHUCAha6h5xUeNocbj7UbEiiWETLYTob1MaDyuPfoGpYceV2P7NDu0c46J7kVmQm_k5Rg949RL_rXnuDAz24BU8Zq1eIrOivSNpA7TjOQnMmsBAPZyQ6u8-ta/s72-c/003.png" height="72" width="72"/><thr:total>55</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6880651780842526917.post-5666175101892992325</id><published>2011-12-21T13:08:00.001-02:00</published><updated>2016-10-04T14:44:33.359-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><title type='text'>Formatando textos com HTML</title><summary type="text">


Hoje vou ensinar a vocês como formatar textos em HTML. Lembrando que utilizaremos algumas tags de formatação padrão dos navegadores e não utilizaremos CSS ainda, este será o assunto de outra postagem.
Anteriormente, aprendemos como criar uma página HTML e inserir um texto ou uma frase que apareceria no navegador Web de forma não formatada. Então chegamos ao seguinte código:

&amp;lt;!DOCTYPE html&amp;</summary><link rel='replies' type='application/atom+xml' href='http://www.maikbasso.com.br/feeds/5666175101892992325/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.maikbasso.com.br/2011/12/formatando-textos-com-html.html#comment-form' title='43 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/5666175101892992325'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/5666175101892992325'/><link rel='alternate' type='text/html' href='http://www.maikbasso.com.br/2011/12/formatando-textos-com-html.html' title='Formatando textos com HTML'/><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYs5eGdJ_Q4zZP-1iJwMVzvWnEA7ZUDcuftkvocNi1_RUbtr65p4xnFvQrAPPric0fdB8JLEwL5KM9z9M79f9azb35UNFoDEaKSjpUMNhS1TkvK_I147d3Xn-vdS-0A/s220/Maik.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrUG5DZ5b7SHtTxqI6FGeT8Wd9PIUgnbrkkI-spk-czMxtyvFP_UMXA7_8ffhetOb-a9Iv9gBPkc2hq0asIx11gqjan0tlk-at-hZdNBsuRW6ZyxmPmnPMxh4goVOe4NYo45-szoo-0u_P/s72-c/002.png" height="72" width="72"/><thr:total>43</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6880651780842526917.post-8870101349938742241</id><published>2011-12-15T19:16:00.001-02:00</published><updated>2016-10-04T14:44:16.815-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><title type='text'>Introdução ao HTML e estrutura básica</title><summary type="text">


HTML (HyperText Markup Language, em português, Linguagem de Marcação de Hipertexto), é uma linguagem de programação utilizada na construção de web sites, blogs entre outros.
Arquivos HTML são interpretados por navegadores Web, tais como, Mozilla Firefox, Google Chrome, Internet Explorer, Opera entre outros.
Sem dúvida alguma, o HTML é a linguagem de programação mais fácil de aprender.

</summary><link rel='replies' type='application/atom+xml' href='http://www.maikbasso.com.br/feeds/8870101349938742241/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.maikbasso.com.br/2011/12/introducao-ao-html-e-estrutura-basica.html#comment-form' title='5 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/8870101349938742241'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6880651780842526917/posts/default/8870101349938742241'/><link rel='alternate' type='text/html' href='http://www.maikbasso.com.br/2011/12/introducao-ao-html-e-estrutura-basica.html' title='Introdução ao HTML e estrutura básica'/><author><name>Maik Basso</name><uri>http://www.blogger.com/profile/06559757333602483776</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYs5eGdJ_Q4zZP-1iJwMVzvWnEA7ZUDcuftkvocNi1_RUbtr65p4xnFvQrAPPric0fdB8JLEwL5KM9z9M79f9azb35UNFoDEaKSjpUMNhS1TkvK_I147d3Xn-vdS-0A/s220/Maik.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv_cjeCoXk8TV2T5RdRP16WqHDrZMZjD3FiexCxDCeYMH7KeodGFpyqYlfJQo_NQ3WDla7kME9_EdbazCXXa5XvPn19WYndwI27j8l_VEWecE4b23Woz7jtYyu5fQx1yU5Jox_xAMgFeP7/s72-c/html.png" height="72" width="72"/><thr:total>5</thr:total></entry></feed>