Como aparecer uma caixa na frente da página

Oi pessoal, eu estou desenvolvendo um sistema online em html/php

Eu tenho td parte das telas em html/css, e todas as funções do site eu queria que abrisse uma caixa com php nela

Por exemplo:

Assim que alguém entrar no meu site a parte do fundo ficaria "travada" e escura e uma caixa no centro da tela pediria um login. Se não logar, n acessa o site, mas eu queria q o site ficasse no fundo

Um botão de cadastro de X:

Abriria uma caixa com o formulário em php nela, e a parte de trás travada e escura. Essa caixa só sairia da tela, caso apertassem um botão cancelar.

Talvez seja muito complexo, mas se alguém tiver alguma ideia pra eu começar uma pesquisa, eu agradeço.

Eu consegui mais ou menos oq eu queria com esse código:

<a href="#" onclick="window.open('cadDoc.php', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=NO, TOP=100, LEFT=100, WIDTH=770, HEIGHT=400');">Clique aqui</a>

Porém ele n trava a parte de trás e nem deixa ela escura.

ps:Meu primeiro projeto WEB, n tenho experiencia posterior a essa.