Yeonee's Story

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 오늘은 이전에 만들었던 홈페이지에서 각각 링크를 적용하지 않고 임시로 지정했던 #부분을 이번에 링크연결을 해주려고 합니다. 웹 사이트 링크 연결하기 먼저 기존 네비바에 홈페이지 제목으로 부여해준 # 부분에 'index.html'을 입력해줍니다. 기본이 되는 소개페이지도 'index.html'로 입력해줍니다. 그리고 나머지 메뉴부분에 링크가 될 각각의 html명을 입력해줍니다. 'book.html'을 입력후 '?bookKind=종류' 이런식으로 입력하여 각각의 목록을 매개변수로 서버쪽으로 보내주는 코드를 입력해줍니다. 로그인 부분의 링크부분도 'loginForm.html'을 입력해줍니다. 이제 해당 목록 혹은 메뉴등을..

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 오늘은 패널 안에 미디어 태그를 이용하여 사진이나 그림을 각각의 구역에 넣어서 깔끔하고 예쁘게 작업할 수 있는 방법을 알아보겠습니다. 미디어태그는 이미 많은 웹사이트에서 활용되고 있답니다. 미디어 객체는 말그대로 다양한 멀티미디어 컨텐츠를 담을 수 있는 하나의 컴포넌트입니다. 미디어 태그를 적절하게 사용하여 다채로운 홈페이지를 꾸밀 수 있답니다. 패널 만들기 최신 도서 목록 glyphicon 중 pencil을 사용하여 다음과 같이 패널을 만들어줍니다. 미디어 삽입하기 최신 도서 목록 위와 같이 panel-body div에 img태그를 이용하여 미디어를 삽입해줍니다. img에 alt를 사용하는 이유는 웹사이트를 눈으로..

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 오늘은 홈페이지를 소개해주는 메인 부분인 점보트론을 이용해보겠습니다. 점보트론 만들기 책들의 정원에 초대합니다. Garden of Books에서 당신을 기다리는 15만권의 도서를 만나보세요 Garden of Books 입장하기 div class="container" 안에 div class="jumbotron"을 작성하여줍니다. 그리고 그 안에 내가 소개할 홈페이지의 멘트들을 넣어줍니다. a태그는 어떠한 다른 주소나 다른 링크로 보내줄 수 있는 태그입니다. 스타일인 primary 버튼 스타일로 만들어줍니다. href="#"는 아직 이동할 주소가 미정이라는 뜻입니다. 점보트론 스타일 시트 입히기 위와 같이 나의 프로젝트..