11～13강까지 실습한 내용을 기본으로 하여 글 입력 폼을 보다 예쁘게 꾸며보도록 하겠습니다.

원래는 바로 다음 단계(MySQL 연결)로 진행하려고 했는데, 전 시간에 만든 글 입력 폼이 너무 없어 보이는지라 강좌를 진행하는 강사로서의 자존심이 가만히 있질 않네요.

비록 잡다한 코드가 많기는 하지만, 보기 좋은 떡이 먹기도 좋다고, 먼저 예쁘게 꾸며 보겠습니다. (사실은 DB 연동까지 설명하려니 너무 졸리고 피곤하고... -.-)

일단 다음과 같이 만든 다음
파일 이름은 write.php로 저장합시다.

관련된 이미지 파일과 소스는 자료실에 모두 올려 놓았습니다.

write.php 게시판 미리보기
▶ 스타일 시트를 사용하여 본문에 사용되는 서체를 굴림, 9포인트, 회색으로 설정하였습니다.
▶ 자바스크립트를 사용하여 입력 검사를 합니다. (전 시간에 다룬 내용입니다.)
▶ 글 입력과 목록 보기 명령을 이미지로 처리하였습니다.(아래 121, 122행)
▶ 목록 보기를 누르면 이전 화면으로 돌아가도록 하였습니다.(아래 122행)
▶ 기타 이미지와 테이블을 이용하여 입력 폼을 꾸며보았습니다.







다음 시간부터는 DB 연동 실습을 하겠습니다.

이상, 동주만 보면 기분이 좋아지는 손병목이었습니다.