대학교 과제/웹 프로그래밍 기초 [ 2 - 2 ] (2) 썸네일형 리스트형 [명품 HTML5+CSS3+Javascript 웹 프로그래밍] - Open Challenge 08 1. 문제 안내 교재 8장 Open Challenge 08를 구현하시오. 드디어 한 학기가 끝났다. 제일 어리석은 변명은 "시간이 없어서"라는 변명이라지만, 개인적으로 바쁜 한학기를 보내 블로그 업로드에 신경을 쓰지 못하였다. 지금이라도 과제들을 정리하여 한번에 꾸준하게 업로드 했으면 좋겠다. 2. 코드 작성 - CSS 과제를 제출하고 나서 알게 된 사실이지만, 교수님께서 CSS를 따로 주셨다고 한다... (심지어 몇가지 기능의 답까지.) 점수취득이 목적이 아니라 공부를 위한 것이기에 상관 없었지만 화면구성과 기능 구현에 많은 어려움을 느낀 것은 사실이다. 다음은 CSS코드이다. 각각의 카드들을 div태그로 구현하였다. 따라서 세개의 div태그를 옆에 나란히 두어야 하기에 display를 inline-b.. [명품 HTML5+CSS3+Javascript 웹 프로그래밍] - Open Challenge 01 1. 문제 안내 컴퓨터의 기술 중 한 가지를 소개하는 웹 페이지를 작성하라. HTML5 태그로 다음 요소를 모두 삽입하라. 리스트, 표, 이미지 목차 부분은 링크로 만들고 본문에 앵커를 만들어 연결 관련 정보를 클릭하면 웹 페이지를 새 창이나 탭에 출력하도록 링크 작성 학교 수업 전 생활코딩을 통해 HTML을 배웠지만, 이렇게적극적인 실습은 한적이 없다. 이 카테고리에 많은 실습을 올렸으면 좋겠다. 2. 코드 작성 사실 문제 중 음성파일을 넣으라는 요구문도 있었지만, 구현하지 못했다. 내 노트북의 오디오가 고장나서 확인을 하지 못하기 때문이다...... 다음은 내가 구성한 페이지에서 중요한 문법들을 정리해보았다. - 리스트 자료구조를 공부하던 도중이어서 그런진 모르겠지만, 리스트라는 단원을 보자마자 연결.. 이전 1 다음
