웹마스터 팁

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

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

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

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

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

write.php 게시판 미리보기

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







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

이상, 동주만 보면 기분이 좋아지는 손병목이었습니다.
제목 글쓴이 날짜
새로운 뉴스티커 [1] 아렌티 2006.04.25
[이 컨트롤을 활성화하고..] 해결하기 [2] 모그422 2006.04.29
플래시 영역에 박스가 생기는것 [4] 로그인 2006.05.03
웹FTP 적용하기 - 꽁수 [4] whenji 2006.05.02
홈페이지 하단 링크주소 없에는 소스 2 [4] 인터니즈 2006.04.27
홈페이지 하단 링크주소 없에는 소스 [6] 인테리어뱅크 2006.04.10
내 홈페이지에 유명사이트 검색엔진을 달자...(네이버,다음,야후 등등) [3] 트래비스 2006.05.10
익스플러로 플래시 영역 박스 생김과 이 컨트롤을 활성화.. [14] 도토리맘 2006.05.15
[소스] 개발자,디자이너 전용 통합검색 스크립트 [1] 김성대 2006.05.19
부모창과 함께 닫히는 팝업창(IE, FF) 행복한고니 2006.07.06
깔끔한 이미지 펼침박스 [2] ▩윤미 2006.07.11
환상적인 이미지 갤러리 (4차원세계에 빠져보세요) [5] ▩윤미 2006.07.11
상단 타이틀바 흐르는 텍스트 왜,그러지 2006.07.14
위에서 아래로 좌에서 우로... [1] 왜,그러지 2006.07.14
날라서 붙는 텍스트 [1] 왜,그러지 2006.07.17
자바스크립트로 만든 테트리스 일명 자트리스 ^^;; [12] beMax 2006.07.27
배경색을 마우스로 크릭하여 지정하여 준다. 왜,그러지 2006.07.27
로또 번호 추출기 [3] 왜,그러지 2006.07.27
텍스트 선택하기 행복한고니 2006.09.06
로또 번호 생성기 허접..ㅋㅋ [5] 삐따기 2006.10.04