반응형

IT 2

[비개발자의 웹개발일지] #002 HTML기초와 간단한 로그인 페이지 도전

HTML기초부터 시작! 간단한 로그인 페이지 만들어보기 도전!간단한 로그인 페이지를 만들어보기에 도전하기를 해봅시다. CSS기초에 대해 공부하고, 바탕이미지가 있는 화면에 로그인 페이지, 아이디, 비밀번호를 입력해주세요. 라는 화면도 만들어 봅시다.상세히 설명하니 함께 잘 따라가 봅시다. 01. 간단한 로그인 페이지 도전하기이번 시간에는 간단한 로그인 페이지를 만들어보자. 아래에 만들어 볼 로그인 페이지의 형태가 있다.Pycham을 열고, 파일 누르고, 새로만들기 누르고, HTML파일 누른다. 새 HTML 파일에서 'login.html'입력하고 엔터를 친다.Title을 로그인 페이지를 수정한다.와 사이에 테스트 해보자.잘 나오나라고 쳐보자.;저장한다. (Ctrl + S)보시다시피, 와 부분에 적은 내용..

IT 2023.01.14

[비개발자의 웹개발일지] #001 서버/클라이언트/웹의 동작개념

웹개발 종합반의 첫 발개발일지는 작성자에게도, 코딩에 대해 1도 모르시는 분들이나, 배워보고 싶은 분들에게 도움이 될 것이라 생각하여 개발일지를 적어보고자 한다. 먼저 1주차에 배울 것에 대한 목록과 1~5주차가 끝나면 만들게 되는 것을 구경해보기로 한다.01. 1주차에 배울 것에 대한 목록들을 정리해본다.모든 웹페이지에서 난 해킹해볼 수 있다. 이 말이 믿기지 않는다면 해보면 안다. 아래 네이버 웹페이지에서 해킹해보는 방법대로 해보자. 네이버 창에서 "사전"을 우클릭(마우스 오른쪽 버튼을 누르는 것을 의미한다)하여 맨아래에 "검사"를 누른다. 그러면 아래와 같은 화면이 나오며, 왼쪽에 있는 화면에서 "사전"을 누르면, 오른쪽에 "사전"이라고 적힌 부분이 선택이 된다. 이때 오른쪽에 있는 "사전"의 부분..

IT 2023.01.11
반응형