<!DOCTYPE html>
<html lang="tr">
<h1 align="center">
<head>
</head>
<body>
<h1 align="center">
Beray Su Karakoç'un Kişisel Web Sayfası
</h1>
<nav style="background:#767676; align=left"">
<a style="color:#ffffff; font size:35px;" href="index.html">Anasayfa |</a>
<a style="color:#ffffff; font size:35px;" href="hobilerim.html">Hobilerim |</a>
<a style="color:#ffffff; font size:35px;" href="ankara.html">Ankara </a>
</nav>
<div>
<section style="background:#fffafa; padding:20px; border:2px solid #4f9da6;"
margin-top:10px;">
<article>
<h2>App Inventor Nedir? </h2>
<p align=left>App Inventor, <p>kod bloklarıyla Android işletim sistemine sahip
telefon ve tabletler için mobil uygulama geliştirebileceğimiz
bir araçtır.<p> Gmail hesabımızla ücretsiz olarak üye olabilir,
hızlıca uygulama geliştirmeye başlayabiliriz.<p> App Inventor
sayfasına ulaşmak için <b>http://appinventor.mit.edu/explore</b>
adresini tarayıcımızın adres çubuğuna yazarak açabilir veya<p>
<a href="http://appinventor.mit.edu/explore">buraya</a> tıklayarak
bu adresi açabiliriz.</p>
<p>4 Aralık 2019</p>
<article>
</section>
<section style="background:#fffafa; padding:20px; border:2px solid #4f9da6;"
margin-top:10px;">
<article>
<h2>App Inventor Tasarım Ekranını Tanıyalım</h2>
<p>
App Inventor tasarım ekranı 4 bölümden oluşur. Bu bölümleri
aşağıdaki tabloda görebilirsiniz.
<table border="1px">
<tr>
<th>Bölüm</th>
<th>Kullanım Amacı</th>
</tr>
<tr>
<td>Palette</td>
<td>Mobil uygulama yaparken kullanabileceğimiz
araçların bulunduğu bölümdür.</td>
</tr>
<tr>
<td>Viewer</td>
<td>Ekran tasarımını yapabileceğimiz bölümdür.</td>
</tr>
<tr>
<td>Components</td>
<td>Viewer ekranına eklediğimiz araçların listelendiği
bölümdür.</td>
</tr>
<tr>
<td>Properties</td>
<td>Components bölümündeki araçlara ait özelliklerin
bulunduğu bölümdür.</td>
</tr>
</table>
<img src="resim.png"> <alt="App Inventor,
App Inventor tasrım ekranı, App Inventor tasarım ekranı
bölümleri" widht="933" height="431">
<figcaption>App Inventor Ekranı</figcaption>
</p>
<p>4 Aralık 2019</p>
<article>
</section>
</div>
<footer>
<footer style="background:#767676; padding:20px;">
<div style="width:33%;">
<ul style="list-style-type:none;">
<li><a href="index.html"
style="color:white; font-size:20px;">Anasayfa</a></li>
<li><a href="hobilerim.html"
style="color:white; font-size:20px;">Hobilerim</a></li>
<li><a href="ankara.html"
style="color:white; font-size:20px;">Ankara</a></li>
<div style="width:33%;">
<details style="color:white; font-size:20px;">
<summary>İletişim Bilgileri</summary>
<p>
[email protected]</p>
</details>
</div>
<div style="color:white; font-size:20px; width:33%">
Beray Su KARAKOÇ'un Kişisel Web Sayfası
</div>
<div style="display:flex;">
<div style="backgraound:#27ae60;
width:150px; height:150px;"></div>
<div style="backgraound:#f1c40f;
width:150px; height:150px;"></div>
<div style="backgraound:#1abc9c;
width:150px; height:150px;"></div>
</div>
<footer style="background:#767676; padding:20px; display:fle;" >
</footer>
</body>
</html>