3월 28일~29일 내용정리
HTML_CSS 마지막 수업
package study_0329;
public class study_0329 {
public static void main(String[] args) {
// 배열은 메모리에 연속적인공간을 할당받고 값을 차곡차곡 저장하기위해 탄생했다.
/* 문1) 한사람의 국어,영어,수학 점수를 가지고 개별합계와 평균을구하기
int[] score= {75,85,60};
int sum=0;
double avg=0.0;
sum=score[0]+score[1]+score[2];
avg=(double)sum/3;
for(int i=0;i<score.length;i++) {
System.out.print(score[i]+",");
}
System.out.println("합계는"+sum);
System.out.println("평균은"+avg);*/
/*
* 문2) 국어,영어,수학 점수를 가지고 개별합계와 평균을 구하고 각 과목별 전체합계와 전체평균
* 번호 국어 영어 수학 합계 평균
* =============================
* 1 ? ? ? ? ?
* 2 ? ? ? ? ?
* ...
* =============================
*
*/
//int[][]jumsu=new int[행의개수][열의개수];
//int[][]jumsu=new int[학생수][과목개수];
//int[][]jumsu=new int[4][3];
int[][]jumsu= {{75,85,70},{85,95,85},{60,55,40},{55,65,60}};
int korsum=0,engsum=0,mathsum=0;
double koravg=0.0,engavg=0.0,mathavg=0.0;
System.out.println(" 번호 국어 영어 수학 합계 평균");
System.out.println("===================================");
for(int i=0;i<jumsu.length;i++) { //전체학생수
int sum=0; //지역변수를 쓰므로써 바깥for문 1번돌고 0리셋이 되므로써 안쪽for문 합만 구해짐
double avg=0.0; //지역변수를 쓰므로써 바깥for문 1번돌고 0리셋이 되므로써 안쪽for문 평균만 구해짐
System.out.printf("%5d",i+1);//번호
for(int j=0;j<jumsu[i].length;j++) { // i번째 학생의 과목수
sum+=jumsu[i][j];
System.out.printf("%5d", jumsu[i][j]);
}
avg=(double)sum/jumsu[i].length;
System.out.printf("%5d %6.2f", sum, avg);
System.out.println();
korsum+=jumsu[i][0];
engsum+=jumsu[i][1];
mathsum+=jumsu[i][2];
}
koravg=(double)korsum/jumsu.length;
engavg=(double)engsum/jumsu.length;
mathavg=(double)mathsum/jumsu.length;
System.out.println("===================================");
System.out.printf("합계 %5d %5d %5d\n",korsum,engsum,mathsum);
System.out.printf("평균 %4.2f %4.2f %4.2f\n",koravg,engavg,mathavg);
}
}서브페이지 작업물
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>서브페이지</title>
<link href="./css/basic.css" rel="stylesheet" type="text/css" />
<style>
/* header 부분 */
.header {
/* position */
width: 960px;
height: 200px;
position: relative;
/* 부모는 무조건 width, height, relative */
background-color: aqua;
/* 지울부분 */
margin-bottom: 30px;
/* 수정할 부분 */
}
/* topNav 부분 */
.topNav {
/* width: 960px; */
/* text-align: right; */
position: absolute;
top: 5px;
/* 위 여백, position을 잡으면 여백 */
right: 10px;
/* 오른쪽 여백, position을 잡으면 여백 */
}
.topNav li {
display: inline-block;
}
.topNav li>a {
display: block;
/* inline-block; */
padding: 10px 5px;
/* 위/아래 왼쪽/오른쪽 */
font-size: 0.9rem;
/* 12pt; */
}
.topNav li>a:hover {
color: red;
}
/* logo 부분 */
.logo {
position: absolute;
top: 35px;
left: 10px;
}
/* main 메뉴 부분(mainNav) */
.mainNav {
position: absolute;
right: 30px;
bottom: 30px;
}
.mainNav li {
display: inline-block;
}
.mainNav li>a {
display: block;
padding: 10px 15px;
font-size: 2rem;
font-weight: 800;
}
.mainNav li>a:hover {
color: white;
background-color: blue;
}
.section{
width: 960px;
height: 500px;
overflow: hidden;
}
.left{
float: left;
width: 180px;
margin-right: 20px;
}
.left>h2{
text-align: center;
}
.left>hr{
border-color: blueviolet;
margin-bottom: 5px;
}
.left>ul{
width: 120px;
text-align:center;
float: right;
margin-right: 30px;
}
.left li{
height: 40px;
line-height: 40px;
border-bottom: 1px solid black;
}
.right{
float: right;
width: 750px;
}
.right>hr{
border-color: blueviolet;
margin-bottom: 5px;
}
.bookInfo{
width: 758px;
height: 200px;
border: 1px solid black;
overflow: hidden;
}
.bookImg{
float:left;
margin-right: 10px;
}
.bookImg>img{
width: 130px;
height: 200px;
}
.bookCon{
float: left;
}
.bookCon>ul{
margin-top: 10px;
margin-bottom: 10px;
}
.bTitle{
font-weight: bold;
letter-spacing: 5px;
}
/* footer 부분 */
.footer {
width: 960px;
height: 160px;
background-color: aqua;
/* 지울부분 */
}
.footerNav {
width: 960px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: darkgray;
}
.footerNav>a {
display: inline-block;
padding: 0px 10px;
font-weight: 900;
}
.flogo {
width: 960px;
height: 120px;
overflow: hidden;
}
.flogo>img {
width: 100px;
height: 100px;
display: inline-block;
margin: 5px 10px;
}
.flogo>ul {
height: 110px;
float: left;
line-height: 1.2;
/* 글자 크기의 2배 */
margin: 20px 0px 0px 20px;
/* line-height: 20px; */
/* margin: 15px 10px 5px 20px; */
}
.flogo li {
margin-bottom: 5px;
}
</style>
</head>
<body>
<!-- header 부분 -->
<header class="header">
<div class="topNav">
<ul>
<li><a href="login.html">로그인</a></li>
<li><a href="member.html">회원가입</a></li>
<li><a href="#">사이트맵</a></li>
</ul>
</div>
<div class="logo">
<img src="./image/logo.jpg" />
</div>
<nav class="mainNav">
<!-- <div class="mainNav">-->
<ul>
<li><a href="#">회사소개</a></li>
<li><a href="#">추천도서</a></li>
<li><a href="#">교육신청</a></li>
<li><a href="#">자료마당</a></li>
</ul>
</nav>
</header>
<!--중간몸통 부분-->
<div class="section">
<div class="left">
<h2>책마중</h2>
<hr/>
<ul>
<li><a href="#">회사소개</a></li>
<li><a href="#">추천도서</a></li>
<li><a href="#">교육/행사</a></li>
<li><a href="#">문화공간</a></li>
<li><a href="#">동아리</a></li>
<li><a href="#">오시는길</a></li>
</ul>
</div>
<div class="right">
<h2>추천도서</h2>
<hr>
<div class="bookInfo">
<div class="bookImg">
<img src="./img/balle.jpg">
</div>
<div class="bookCon">
<ul>
<li><span class="bTitle">도서명:</span>콜라 마시는 북극곰</li>
<li><span class="bTitle">저자:</span>신형건</li>
<li><span class="bTitle">출판사:</span>푸른책들</li>
<li><span class="bTitle">내용:</span>46편의 동시를 담고있는 동시집. 환경의 중요성을 깨닫게 함.</li>
</ul>
</div>
</div>
</div>
</div>
<!-- footer 부분 -->
<footer class="footer">
<div class="footerNav">
<a href="#">이용약관</a>
<a href="#">개인정보처리방침</a>
<a href="#">저작권정책</a>
<a href="#">이메일무단수집거부</a>
</div>
<div class="flogo">
<img src="./image/logo.png" />
<ul>
<li>우) 12345 서울시 관악구 신림동</li>
<li>전화 : 02-1234-1234 팩수: 02-1234-1235 사업자 등록번호: 123-12-1234</li>
<li>Copyright © 한국정보교육 All right Reserved</li>
</ul>
</div>
</footer>
</body>
</html>
좋은개발자가 되기위한 삽질기록 노트