본문 바로가기

웹 프로그래밍(풀스택-->java)93

5. reset.css 기본 템플릿~! /* reset */ body, div, ul, li, dl, dt, ol, h1, h2, h3, h4, h5, h6, input, fieldset, legend, p, select, table, th, td, tr, textarea, button, form { margin: 0; padding: 0; } a { text-decoration: none; } .ir_pm {display: block; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px;} /* 의미있는 이미지의 대체 텍스트를 제공하는 경우 */ .ir_wa {display: block; overflow: hidden; position: relative; z-index:.. 2021. 12. 12.
4. 웹 표준 사이트 만들기 - 헤더 아이콘 수정 https://alonehistory.tistory.com/13 HTML 과 CSS로 이미지를 표현하는 방법(Img/Background/이미지 스프라이트 기법) 다음의 세 가지 방법으로 이미지를 표현 할 수 있습니다. Img 태그 - 이미지의 의미가 있을 때 Img 태그를 사용합니다. - Alt 태그를 이용해서 대체 문자를 적어야 합니다. Background 속성 - 이미지가 alonehistory.tistory.com 이 링크를 참조하자..! 문제는 이미지 스프라이트를 쓰면 웹 접근성을 따라갈수 없다. 그래서 가상으로 대체를 문자를 만들어줌. 이것을 IR 효과 라고 한다. 이미지 스프라이트 효과 기억하자..! 팁(?): background: url("")을 해서 이미지를 넣으면 흰색으로 배경이 변하고 .. 2021. 12. 12.
3. 헤더 타이틀 & 웹 폰트 https://wotres.tistory.com/entry/text-align-center-%EC%9E%91%EB%8F%99%ED%95%98%EC%A7%80-%EC%95%8A%EC%9D%84-%EB%95%8C-%ED%95%B4%EA%B2%B0%EB%B2%95 text-align: center 작동하지 않을 때 해결법 글자나 하위 태그를 가운데 정렬하려고 할때 text-align: center 를 사용하여 해결하려 할 때 잘 작동하지 않을 때가 있다. 이떄는 보통 display: flex 를 같이 사용하지 않았거나 글자나 하위태그를 감싸 wotres.tistory.com text-align 쓰는 법에 대해서 익히자..! index.jsp 전체 메뉴 바로가기 배너 메뉴 바로가기 컨텐츠 메뉴 바로가기 Desi.. 2021. 12. 12.
46. Jsp 중고급 - 서블릿 활용2 - 파라미터 사용 지난시간에 서블릿을 활용해서 hello world를 출력해보았다. 근데 이거는 바로 url에서 직접 서블릿을 호출한 개념이다. 그곳에서 데이터를 만들어서 jsp쪽으로 떠넘겼는데, 이제는 회원가입폼을 만들어서 입력값을 파라미터로 받아서 만들어볼것이다. 그떄 사용하는 것이 useBean이다. 즉 아이디,패스워드를 각각 넘겨주는 것이 아니라, 차라리 빈클래스를 하나 만들어서 jsp로 넘겨주면 될 것이다. MemberBean.java(Model) package model; public class MemberBean { //MVC2에서는 MVC1과는 달리 useBean 사용이 불가하다. //그렇다면 서블릿에서 빈클래스를 담아야 하는데 그 방법은 MemberJoinProc2.java에서 확인하자. private S.. 2021. 12. 12.
반응형

티스토리툴바