22,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
툴
강사님이 사용 하시는 툴 말고 이클립스 해서 코드 똑같이 해도 완성 할수 있나요?? 저 툴로 사용하고 이클립스로 연동 가능한가요??
- 해결됨실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
5강 중에 배경 관련 질문 남깁니다.
삭제된 글입니다
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
2강 innerhead
안녕하세요! 2강에서 margin: 0 auto로 .innerHeader를 가운데로 오게 하려고 했는데 자꾸만 안돼서 질문을 남겨욤 그리고 tnb를 float해도 보이지가 않습니다ㅠ 코드를 남기면 선생님께서 봐주실 수 있으실까요? 감사합니다 <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>한화</title> <link rel="stylesheet" href="css/main.css" /> <script src="https://kit.fontawesome.com/c5b2b994d5.js" crossorigin="anonymous" ></script> </head> <body> <div class="wrap"> <!-- 본문바로가기 --> <a href="#main" id="skip-nav">본문바로가기</a> <!-- header --> <header> <div class="innerHeader"> <h1 class="logo"> <a href="index.html"><img src="img/logo.png" alt="한화" /></a> </h1> <nav class="gnb"> <ul> <li><a href="#">회사소개</a></li> <li><a href="#">사업영역</a></li> <li><a href="#">투자정보</a></li> <li><a href="#">인재채용</a></li> </ul> </nav> <nav class="tnb"> <ul> <li> <a href="#"><i class="fas fa-flask"></i> 알기쉬운 제품공정</a> </li> <li> <a href="#" ><i class="far fa-handshake"></i> 내 삶 속의 한화 케미컬</a > </li> <li> <a href="#">제품검색 <i class="fas fa-search"></i></a> </li> </ul> </nav> <nav class="gnbMo"> <a href="#"><i class="fas fa-bars"></i></a> </nav> </div> </header> </div> </body> </html> @charset "utf-8"; @import url("https://fonts.googleapis.com/css2?family=Exo+2:wght@400;600;700&family=Noto+Sans+KR:wght@400;700&display=swap"); /* reset */ * { margin: 0; padding: 0; } li { list-style: none; } a { text-decoration: none; color: inherit; } /* layout */ .en { font-family: "Exo 2", sans-serif; } body { font-family: "Noto Sans KR", sans-serif; } .wrap { margin: 0 auto; background-color: red; } #skip-nav { position: fixed; left: 0; top: -41px; width: 100%; line-height: 40px; background-color: #ff8342; color: #fff; text-align: center; border-bottom: #ff0000; } #skip-nav:focus { top: 0px; } header { position: fixed; top: 0; left: 0; width: 100%; height: 100px; line-height: 100px; background-color: rgba(0, 0, 0, 0.2); } .innerHeader { width: 1600px; margin: 0 auto; box-sizing: border-box; overflow: hidden; } .innerHeader .logo { float: left; padding-top: 15px; } .innerHeader .logo img { width: 100%; height: auto; } .innerHeader .gnb { float: left; margin-left: 80px; } .innerHeader .gnb li { float: left; margin-right: 80px; } .innerHeader .gnb li a { display: block; width: 100%; height: 100%; text-align: center; color: white; font-size: 16px; } .innerHeader .gnb li a:hover, .innerHeader .gnb li a:focus { color: #ff8342; } .innerHeader .gnbMo { display: none; } .innerHeader .tnb { float: right; } .innerHeader .tnb li { float: left; margin-right: 25px; }
- 실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
인터넷 익스플러나 엣지를 사용하면 이미지가 사진처럼 넘치는데 안넘치게 하는방법이 있을까여?
삭제된 글입니다
- 실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
안녕하세요. 궁금한점이 있습니다.
삭제된 글입니다
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
참고파일.txt 는 어디서 받을 수 있는 건지요? ^^
안녕하세요. ^^ 좋은 강의 올려주셔서 공부하고 있습니다. 혹시 참고파일.txt은 어디서 받을 수 있는 걸까요? hanhwha - 강좌촬영용 파일을 다운받고 압축을 풀었는데요. 여기에는 없어서요. ㅠ 바쁘시더라도 답변 부탁드립니다. 감사합니다!
- 실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
브라켓 질문있습니다.
삭제된 글입니다
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
실제 웹사이트 운영방법
안녕하세요 저는 지금 강의를 따라 하고 있는데.. 지금 제가 바로 웹사이트를 운용해야 하므로 한화케미컬의 소스코드를 제 상황에 맞추어 운용하고 싶은데 그러려면 서버나 웹호스팅 등을 어떻게 세팅해야 실제 웹사이트를 띄울수 있는지요? 자세히 알려주시면 고맙겠습니다 감사합니다~
- 실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
그림 파일 질문있습니다.
삭제된 글입니다
- 실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
css코드 질문있습니다.
삭제된 글입니다
- 해결됨실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
1강 질문있습ㄴ디ㅏ.
삭제된 글입니다
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
포트폴리오 보충을 위해 강의와 함께 병행하고 있는 학생이에요!
별거 아닌 질문이긴 한데 반응형(모바일부분) 코딩시 이미지 사이즈를 height: auto; 로 해주지 않고,(about 부분 코딩 중입니다.) 높이를 500px;로 주는 이유가 따로 있나요? 공부한다고 이리저리 다른 사이트 소스도 봐가면서 하는데, 선생님이 하신 것처럼 이미지 높이를 따로 설정해둔 사이트가 있고, 높이를 auto로 설정해둔 사이트도 있어서 혼란이 옵니다.
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
대방산업_InterativeWeb => 반응형도 포함되어 있나요?
대방산업_InterativeWeb => 반응형도 포함되어 있나요?
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
파일이 손상되었다고 나오네요
완성된 파일 원합니다 mp1918@naver.com으로 보내주시면 감사하겠습니다.
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
추후 강의
10개 강의가 추후에 오픈된다고 하는데 주기는 어떻게 될까요? 바로바로 이어서 학습했으면 좋겠어서요~
- 해결됨실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
섹션 7. 한화솔루션/캐미컬_반응형웹 (max-width: 1599px) Layout Design 강의
혹시 섹션 7. 한화솔루션/캐미컬_반응형웹 (max-width: 1599px) Layout Design 강의 전부 다 올리셨나요? 강의를 듣는데 뭔가 인트로없이 바로 강의 중간 부분부터 시작되는 듯 합니다. 확인 부탁드립니다.
- 미해결실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
our product innovations 슬라이드
실제 한화캐미칼 홈페이지 들어가면 our product innovations 부분에 슬라이드가 들어가는데요. 이부분도 전 강의에서 사용한 스크립트 써서 응용하면 될까요?