CSS7 [html, php] 게시판사이트 만들기 4.게시판 페이지, 글/댓글 쓰기 게시판 페이지 사이트 왼쪽에 카테고리에서 선택한 게시판이 열리게된다. 게시글은 한 페이지에 5개씩 출력되고 여러 페이지로 나뉜다. 처음 이전 다음 마지막 버튼과 페이지 번호들로 페이지 이동이 가능하다. 검색창으로 제목, 작성자, 내용으로 검색하여 게시판을 검색할 수 있다. 게시판 코드는 너무 길어서 생략합니다. 글쓰기 게시판 페이지에서 글쓰기 버튼을 누르면 글쓰기 페이지로 이동한다. 제목과 내용을 입력하고 글 작성 버튼을 누르면 글이 작성된다. 파일을 업로드 가능하다. - 글작성 ui 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 게시판 2021. 3. 1. [html, php] 게시판사이트 만들기 3.로그인/회원가입 로그인 데이터베이스에서 회원정보를 읽어 아이디와 패스워드를 비교하여 로그인 하는 페이지 - 로그인 ui 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 K-borad 로그인 * {margin: 0; padding: 0;} #login_box{ width:400px; height:150px; border:solid 2px gray; position: absolute; left: 50%; top: 50%; margin-left: -200px; margin-top: -100px.. 2021. 3. 1. [html, php] 게시판사이트 만들기 2. 메인페이지 메인페이지 모든 페이지는 메인페이지로 이동하는 로고와 각 게시판으로 이동하는 카테고리 부분을 공통적으로 갖고있다. 메인페이지는 로그인과 회원가입 버튼과 최근 공지사항과 게시판의 인기글을 출력한다. - 사이트 공통 부분 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 .. 2021. 3. 1. [html, php] 게시판사이트 만들기 1.프로그램 개요 개발 환경 •웹페이지 – php •Database – mysql •Php의 css와 java script를 통하여 웹 페이지를 구현하고 php와 연동 가능한 mysql을 데이터 베이스로 사용할 것이다. 사이트 맵 페이지는 메인페이지와 로그인페이지, 회원가입페이지, 마이페이지, 게시판 페이지로 이루어져있다. 각 게시판들은 구조는 같고 이름과 사용되는 테이블만이 다르다. 로직 플로우 데이터 베이스 구조 -mysql Board(notice,board,music,movie)-게시판 글 목록(게시판 분야별로 테이블 이름이 다르지만 구조는 같다) 게시글 읽기, 쓰기에 사용 Idx(primary) id name title Content date hit file 게시글 번호 작성자 아이디 작성자 닉네임 제목 내용 작성.. 2021. 3. 1. [HTML & 자바스크립트] 카드게임 만들기 [1.메인화면 및 게임룰] HTML 과 자바스크립트만 가지고 프로젝트를 하였다. 자바스크립트로 카드게임 만들기 (1.같은 그림 찾기 2. 인디언 포커 3.블랙잭) 메인화면은 위 사진과 같이 버튼 클릭을 통해 각 메뉴로 이동할 수 있도록 하였다. - 메인화면 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 body{ .. 2021. 2. 23. [HTML][display속성] span 과 div의 차이 태그와 태그는 영억을 설정 할 때 사용되는 태그이다. 웹 페이지에서 레이아웃을 구성할 때 꼭 필요한 태그들이다. 이 두 태그의 차이는 display 속성이 다르다는 것이다. 태그의 display 속성은 inline 이고 태그의 display 속성은 block 이다. 그럼 display 속성에 대해 알아보자. display 속성은 요소를 어떻게 보여줄지를 결정한다. 주로 4가지 속성값이 쓰이는데, 태그마다 기본값이 다르다. none : 보이지 않음 inline : 인라인 박스 block : 블록 박스 inline-block : block과 inline의 중간 형태 none 요소를 렌더링하지 않도록 설정한다. visibility 속성을 hidden으로 설정한 것과 달리, 영역도 차지하지 않는다. inline.. 2020. 7. 11. 이전 1 2 다음
