테스트 사이트 - 개발 중인 베타 버전입니다

부트스트랩 기본 공부중..

에 이런 사이트를 알게 됫네요

 

어느분 댓글에서 본 거 같은데..

 

 

웹퍼블리싱을 저 나름대로

 

재밋는 공부법으로 접근해보려 합니다.

 

 

-

 

퍼블리싱은 보통 이렇죠

 

1. 디자인 작업물을 본다 (or 화면 기획을 한다)

 

2. html 코드를 짠다. (러프하게 div > ul > li, dt dd 등등)

 

3. 스타일을 먹여본다.

 

4. 원하는대로 안나오면 html 코드를 바꿔가면서 스타일을 먹인다. (dom 구조 변경)

 

5. js 를 적용한다 (인터렉션 효과)

 

6. 완성한다.

 

 

이때 항상 고민되는게 2번인데요

 

이때  https://pingendo.com/ 이 곳의 프로그램을 써보려합니다.

 

 

부트스트랩 네비게이션바는 어떻게 하나 ?

 

div.navbar+nav+ 등등등 엄청나게 클래스도 길고

 

돔 구조도 헷갈리고.. .컨테이너는 밖에 있어야되나 안에 있어야되나?

 

 

위 프로그램에서 기준을 잡아줄 수 있을것 같습니다.

 

 

 

개인 블로그 글이 아니라 너무 막쓰긴 했는데

 

부트스트랩 공부해보고 노하우가 생기면

 

냑에도 남기겠습니다 충성충성충성 ~

 

 

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 16개

오호 재미난 툴이네요.
@해피정 참 이 세상엔 능력자가 많음을 다시 한번 느낍니다 해피정님도요 ㅎㅎ
제가 제공하는 무료강좌도 있고, 유료강좌도 있습니다..
부트스트랩 자료는 구글링해보면 참 많이 나옵니다.. 빌더도 그렇고... 템플릿도 그렇고..
@365ok 부트스트랩이 결국엔 html을 쉽게 만드는데 있어서 html 만을 만지냐 css를 안건드냐 이 차이만 있는게 아닌가 싶어요 ㅎㅎ
노인네들이 부트스트랩을 활용한 디자인을 안좋아 한다는게 문제죠.
제가 올린 테마도 와꾸 잡을때 이걸 썼었죠
@승희아빠 의외로 미리 사용하고 계신 선구자분들이 많으시네요 ㄷㄷㄷ
https://rido.gnupark.com/gnu/
@Rido 해커가 rido.gnupark.com에서 정보(예: 비밀번호, 메시지, 신용카드 등)를 도용하려고 시도 중일 수 있습니다. 자세히 알아보기
NET::ERR_CERT_COMMON_NAME_INVALID 이렇게 나요네요 ;;;
@탈환대 헐.. 해커 -ㅂ- 링크일단 잘못올렸네요 ㅋㅋ 하단에 카피링크 타고가시면 될거 같습니다.
@탈환대 아.. 아파치님 서버가 문제가 있었더랬네요 ㅋ
rido.apachezone.com

주소 바꿔주셨네요 ㅋ
템플릿 주소는

https://tabler.io/tabler/index.html
여기로 가시면 됩니다.
https://mdbootstrap.com/
http://www.bestjquery.com/freetemplates/
제가 보고있는곳 3군데 입니다 ^^
@Rido 좋은 템플릿들이네요 공유해주셔서 감사합니다, 다만 알아야 저런것들도 눈에 들어올텐데 ㅎㅎ;;
부트 스트랩을 사용하면 디자인이 더욱 놀라워집니다
https://www.getwebtheme.com/free-responsive-website-templates

게시판 목록

자유게시판

글쓰기
🐛 버그신고