대학교 1-1/인프 (6) 썸네일형 리스트형 작동되는 웹페이지의 모습 실제로 보이는 웹 페이지의 모습이다. 각 기능 표시+실제 코드가 적혀있는 글이 몇번 글인지 적어놓은 이미지이다. 웹페이지 종강 과제5 아래 코드는 메인 웹페이지 footer의 가운데 부분에 있는 천체동아리 결과물 보기 부분을 클릭하면 나오는 html이다. 메인 html에(iframe의 parent html) 큼지막하게 뜨도록 해놨다. 사실 여기에 있는 사진 정보의 경우 자립형 고등학교였던 고등학교의 천문동아리에서 찍은것이다.다만 사진파일과 문서파일(링크)의 경우는 나뿐만아니라 모두가 한 문서이기 때문에 올리리가 어렵다.동아리 로고도 있어서 개인정보 보이기도 싫다.그래서 자료를 올리지 않았다. 대충 설명을 하자면 문서와 사진파일이 parent윈도우에 뜨고 다운로드 가능하게 해놨다. 사진은 위에서부터 순서대로 달 표면 사진,일주운동 사진,동아리로고 사진이다. 제가 고등학교동안 천체관측 동아리에서의 결과물 Do wanna see my pic.. 웹페이지 종강 과제4 아래 코드는 메인 웹페이지의 왼쪽 부분인 천문현상관련 설문조사 부분이다. 사실 폼 요소를 넣어야 할거같아서 만들어본 부분이다. What astronomical phenomenon are you most looking forward to in 2023? 사분의자리 유성우 금성과 목성의 근접 달과 금성의 근접 혼성일식 거문고자리 유성우 반영월식 화성과 벌집성단의 근접 금성과 벌집성단의 근접 물병자리 델타 유성우 페르세우스 자리 유성우 망과 달의 근지점(블루문) 부분월식 목성의 충 황소자리 남쪽 유성우 황소자리 북쪽 유성우 사자자리 유성우 쌍둥이자리 유성우 작은곰자리 유성우 제출 의견제출하기 이곳에 의견 작성 웹페이지 종강 과제3 아래 코드는 메인 웹페이지에서 왼쪽 부분인 2023년 천문현상 빠르게 보기 컨텐츠이다. 2023년의 대표 천문현상과 설명이 들어가있다. 대표 천문현상 선정 기준은 한국 천문 연구원의 글 https://www.kasi.re.kr/kor/publication/post/newsMaterial/29365이다. 사진 출처도 여기이다. 천문현상의 경우 국립과천과학관 이런 곳에서 생중계 영상을 하는데 이 영상으로 링크를 타고 갈수 있도록 해놨다.(과거의 천문현상을 말하는거다.미래의 천문현상을 생중계할수는 없으니..) 새 창(탭)에 뜨도록 설정해놓았다. 또한 여기서부터는 굳이 자바스크립트랑 css를 쓸 필요가 없어서 안썼다. A quick look at 2023 astronomical events+YouTube liv.. 웹페이지 종강 과제2 천문 달력의 메인인 달력 부분이다. 사실 달력 만들기 쉬울줄 알고 덤볐는데 너무 어려웠다. 웹페이지 만드는데 16시간정도 들인거같은데 그중에 3시간 이상을 달력 코드찾는데 쓴것같다. 천문 달력이라 함은 달력에 천문 현상이 들어가 있어야 하는데 나는 시간이 없어서 6월달 7월달 일정만 넣었다. 남은 달 일정도 넣어볼까 했지만 귀찮아서 던졌다.(사실 이떄쯤 시간이 없었다) 모든 천문현상 출처는 내가 가지고 있던 한국천문 연구원의 천문력이다. 월 화 수 목 금 토 일 * { margin: 0; padding: 0; font-family: sans-serif; box-sizing: border-box; } body { display: flex; justify-content: center; align-items:.. 웹페이지 종강 과제1 학교에서 종강 과제로 웹페이지를 만들라고 하였다. 평소 천문학자가 꿈이였던 나는 천문 달력을 웹페이지로 만들었다. 내 웹페이지는 큰 웹페이지 안에 iframe으로 작은 웹페이지가 있는 형태인데... 이게 그 메인 웹페이지이다. 최대한 배운걸 알차게 써넣었다. Astronomical Calendar in 2023 Copyright © 2023 Astronomical Calendar by KASI © KYWA YouTube,GNSM YouTube © Sky Tonight © 모든 사진과 문서의 저작권은 저와 저와 같이 활동했던 천체관측동아리 부원들에게 있습니다.함부로 퍼나르지 말아주세요!!! 사용자 id: 비밀 번호: 천체동아리 결과물 보기 / 교수님께 드리고싶은 말 body { font-family: sa.. 이전 1 다음
