SZPA

Képszerkesztés

10A Computer Science

The content of index.html

<html>

<head>
<link href="style.css" rel="stylesheet" type="text/css" />

<title>Economic crisis</title>
</head>
<body >
<div class="content">

<div class="top"> top </div>

<div class="menu"> menu </div>
<div class="center">   center</div>
<div class="footer"> footer  </div>

</div>
</body>

</html>

**************************************************************************
Content of style.css

body {
    margin:0px 0px 0px 100px;
    font-family:Arial;
    font-size:12px;
    color:#5c5c5c
}

div.content {
    width:1000px;
}

div.top  {
    float:left;
    width:1000px;
    height:120px;
    background-color: #ff0000;
}

div.menu  {
    float:left;
    width:100px;
    background-color: #00ff00;
}

div.center {
    float:left;
    width:900px;
    background-color: #0000ff;
}

div.footer  {
    float:left;
    width:1000px;
    background-color: #ff00ff;
}

******************************************************************

A simple scrollable image gallery

http://flowplayer.org/tools/demos/scrollable/gallery.html

http://flowplayer.org/tools/demos/scrollable/gallery.htm

<script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>

<!-- standalone page styling (can be removed) -->
 <link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/standalone.css"/> 


 <link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/scrollable-horizontal.css" />
 <link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/scrollable-buttons.css" />

 <style>
 

 /* styling for the image wrapper  */
 #image_wrap {
  /* dimensions */
  width:677px;
  margin:15px 0 15px 40px;
  padding:15px 0;

  /* centered */
  text-align:center;

  /* some "skinning" */
  background-color:#efefef;
  border:2px solid #fff;
  outline:1px solid #ddd;
  -moz-ouline-radius:4px;
 }
 </style>

<!-- wrapper element for the large image -->
<div id="image_wrap">

 <!-- Initially the image is a simple 1x1 pixel transparent GIF -->
 <img src="http://static.flowplayer.org/tools/img/blank.gif" width="500" height="375" />

</div>


<!-- HTML structures -->


<!-- "previous page" action -->
<a class="prev browse left"></a>

<!-- root element for scrollable -->
<div class="scrollable">   
   
   <!-- root element for the items -->
   <div class="items">
   
      <!-- 1-5 -->
      <div>
         <img src="http://farm1.static.flickr.com/143/321464099_a7cfcb95cf_t.jpg" />
         <img src="http://farm4.static.flickr.com/3089/2796719087_c3ee89a730_t.jpg" />
         <img src="http://farm1.static.flickr.com/79/244441862_08ec9b6b49_t.jpg" />
         <img src="http://farm1.static.flickr.com/28/66523124_b468cf4978_t.jpg" />

<img src="http://farm1.static.flickr.com/28/66523124_b468cf4978_t.jpg" />      </div>
      
      <!-- 5-10 -->
      <div>
         <img src="http://farm1.static.flickr.com/163/399223609_db47d35b7c_t.jpg" />
         <img src="http://farm1.static.flickr.com/28/66523124_b468cf4978_t.jpg" />

<img src="http://farm1.static.flickr.com/40/117346184_9760f3aabc_t.jpg" />
         <img src="http://farm1.static.flickr.com/153/399232237_6928a527c1_t.jpg" />
         <img src="http://farm1.static.flickr.com/50/117346182_1fded507fa_t.jpg" />

</div>
      

</div>
   
</div>

<!-- "next page" action -->
<a class="next browse right"></a>

<script>
$(function() {

$(".scrollable").scrollable();

$(".items img").click(function() {

 // see if same thumb is being clicked
 if ($(this).hasClass("active")) { return; }

 // calclulate large image's URL based on the thumbnail URL (flickr specific)
 var url = $(this).attr("src").replace("_t", "");

 // get handle to element that wraps the image and make it semi-transparent
 var wrap = $("#image_wrap").fadeTo("medium", 0.5);

 // the large image from www.flickr.com
 var img = new Image();


 // call this function after it's loaded
 img.onload = function() {

  // make wrapper fully visible
  wrap.fadeTo("fast", 1);

  // change the image
  wrap.find("img").attr("src", url);

 };

 // begin loading the image from www.flickr.com
 img.src = url;

 // activate item
 $(".items img").removeClass("active");
 $(this).addClass("active");

// when page loads simulate a "click" on the first image
}).filter(":first").click();
});
</script>

****************************************************************

Menu

http://apycom.com/

Programozás (Érettségi felkészítés emeltszint)

C++ Programozás
1. Feladat
Van egy hosszú számsorozat egy fájlban.

1. Döntse el a program, hogy van-e olyan két egymást követő szám a fájlban, amik különbsége egy.
2. Melyik van több páros vagy páratlan szám?
3. Gyűjtse ki a páratlan számokat egy paratlan.txt fájlba.
4. Találj még ki értelmes három feladatot és old is meg.

2. Feladat

Tömbök, struktúrák

int billy[5]; 

Érettségi felkészítés középszint

1. Word

2. Excel

3. Access

Module 3 (class 9)

1. Home budget

Creating budget with Excel template

1. electricity
2. transportationű
3. fuel
4. insurance
5. maintenance
6. sewer
7. mortgage
8. charity
9. tenth
10. entertainment
11. school tution
12. groceries

2. How to write a good CV/resume

You have 10-20 seconds to make impression. So your Cv have to stand out.

1. contact information
2. personal information
3. education/qualification
4. skills
5. courses
6. experienses

 3. Creating charts

Important expressions in connection with charts

1. plot area
2. line, pie, column chart
3. axis
4. title
5. horizontal, vertical
6. legend
7. series

Create these charts with excel. Explain the following charts shortly, what is the meaning of these chatrs?

5. Mortgage exercise

 It is a very difficult exercise but I hope you can cope with it.

http://web.utk.edu/~dhouston/excel/exer3.pdf

You have to download this pdf and have to solve it.

1. mortgage - törlesztés

5. Population of Israel and population of the World

1. thousand separator – ezres elválasztó
2. decimal place – tizedes hely  12,345
3. formatting cell – cella formázás
4. freeze panes – panelek rögzítése
5. to scroll up, down, left - görgetni
6. chart - diagram
7. line chart - vonal
8. select data – adatok kijelölése
9. add series – adatsorok hozzáadása
   

Burger

1. spreadsheet-táblázat
2. area- terület
3. width- szélesség
4. column- oszlop
5. bold- félkövér
6. to sort in descending order- csökkenő sorrend
7. ascending order- növekvő sorrend
8. average - átlag
9. filter - szűrő
10. border - szegély
11. double line at the bottom
12. single line at the top
13. to highligth - kijelöl (to select)
14. labels - felirat
15. underneath - vm. alatt
16. sensible - ésszerű
17. wrap the text to make the title go onto two lines - törjük ketté a címet
18. header and footer - élőfej és élőláb
19. portrait and landscape - álló és fekvő lap

Ice rink (jégpálya)

1. to adjust - beállít
2. appropriate - megfelelő
3. to enter - beírni
4. formula  - képlet
5. to divide - osztani
6. cell range - cella tartomány
7. cell reference - cella hivatkozás (pl. D3)
8. absolute reference - dollár jelet használó képlet
9. percentage - százalék
10. otherwise - máskülönben
11. to display -  kiír, kijelez
12. quater - negyed

=A3*G5
=A$3*G5 (drag vertical direction)
=$A3*G5 (drag horizontal direction)


Pizzas

1. purchase - megvásárolni
2. to perform - végrehajtani
3. to align -igazítani
4. to widen - szélesít
5. to omit - kihagy
6. total - sum
7. to replicate - megismétel
8. income = total * cost
9. van - kisteherautó
   
10. to multiply - szorozni
11. gridline - rácsvonál

4. You have to search text from wikipedia and pictures about the Great depression (1929-1932) and copy them into a Word and format it as good as possible. (uses page numbers, cover page, header, etc.)