Por que os caracteres acentuados aparecem errados na página?


Provavelmente porque o seu navegador está configurado para codificação fixa e deveria estar setada em auto detecção. Com seu browser aberto tente as instruções abaixo:

Firefox
Exibir>Codificação de caractere>Auto-detectar, basta marcar a opção “Universal”.
Internet Explorer
Exibir>Codificação de Caracteres> Auto-detectar
Opera
Exibir>Codificação de Caracteres >Seleção automática
Safari
Formatar >Codificação de Caracteres>Seleção automática
Chrome
Controle da página atual>Codificação de Caracteres> Selecionar a caixa de Auto Detecção