목록부트스트랩 웹사이트만들기 (2)
Yeonee's Story
안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 폼 - Form 텍스트 박스 만들기 위처럼 댓글을 입력할 수 있는 div 박스를 만들어주면 아래와 같이 텍스트 박스가 생성됩니다. 이렇게 댓글을 작성하고 등록 버튼을 통해 서버쪽으로 정보를 전달할 수 있는 form태그를 구현하였습니다. 로그인 폼-form 만들기 이번엔 부트스트랩으 예쁜 로그인 폼을 가져올거에요. 위와 같이 검색창에 검색을 해줍니다. 마음에 드는 로그인 폼을 선택해줍니다. 해당 로그인 폼의 소스코드들을 이제 직접 적용시켜보겠습니다. 먼저 html소스코드를 복사해서 loginForm.html의 nav태그와 footer태그 사이에 넣어줍니다. 화면을 확인해보면 아직 css적용이 안된 login폼의 형태를..
안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 오늘은 이전에 만들었던 홈페이지에서 각각 링크를 적용하지 않고 임시로 지정했던 #부분을 이번에 링크연결을 해주려고 합니다. 웹 사이트 링크 연결하기 먼저 기존 네비바에 홈페이지 제목으로 부여해준 # 부분에 'index.html'을 입력해줍니다. 기본이 되는 소개페이지도 'index.html'로 입력해줍니다. 그리고 나머지 메뉴부분에 링크가 될 각각의 html명을 입력해줍니다. 'book.html'을 입력후 '?bookKind=종류' 이런식으로 입력하여 각각의 목록을 매개변수로 서버쪽으로 보내주는 코드를 입력해줍니다. 로그인 부분의 링크부분도 'loginForm.html'을 입력해줍니다. 이제 해당 목록 혹은 메뉴등을..