İlk HTML 5 tasarımım

283156 · 19 Eylül 2020

Çok güzel olmuş. Bugün ben de başladım. Sadece HTML öğreniyorum şu an. Sonradan CSS ve Javascript öğreneceğim.

Öğrendiğim YouTube kanalı:

PROTOTURK

2009'dan beri yazılım ve tasarım konularıyla ilgili videolu içerikler üretiyorum ve güncel olarak buna devam ediyorum.

www.youtube.com

Başka önerdiğiniz varsa önerin.

MzK48 · 19 Eylül 2020

Arch or Not dedi:
Nasıl olmuş hocam

Beğendim. İnşallah kendini geliştirerek Vatan'a millete hayırlı işlerde bulunursun.

Arch or Not · 19 Eylül 2020

MzK48 dedi:
Beğendim. İnşallah kendini geliştirerek Vatan'a millete hayırlı işlerde bulunursun.

İnşallah hocam benim de hedefim o

dgknbzglu · 19 Eylül 2020

Arch or Not dedi:

Kod:

<html>
<head>
<meta charset="utf=8">
<title>
5.sınıf Fen Bilimleri 1.ünite tekrar.
</title>
</head>
<body>
<h1> <font color="#0000" size="4" face="Rockwell" > Ünite 1: Dünya,Ay ve Güneş </font> </h1>
<h3> Dünya </h3>
► Yaşamın var olduğunun bilindiği tek gezegendir.<br> <br>
► Güneş ile kıyaslandığında çapı 109 kat daha küçüktür.<br> <br>
► Yerküre,mağma,dış ve iç çekirdek olmak üzere dört katmanı vardır.<br> <br>
► Kendi etrafında döner (1 gün= 24 saat)<br> <br>
► Güneşin etrafında dolanır 1 yıl=365 gün *6 saat*<br> <br>
(*6 saat* = Bu 6 saat 4 yılda bir 24 saat yani bir günü oluşturur.<br>
Bu da yılın en kısa ayı olan şubat ayına eklenir, bu şekilde 366 gün çeken yıllara artık yıl denir )
<h3> Ay </h3>

► Atmosferi Dünya'ya kıyasla yok denecek kadar azdır bundan dolayı hava olayı yaşanmaz. <br> <br>
► Işık kaynağı değildir geceleri verdiği ışığı Güneş'ten yansıtır. <br> <br>
► Ay Dünyayanın etrafında dolanır (27 gün 7 saat)<br> <br>
► Ay Dünya'nın etrafında gezindiği için, Dünya, Güneş ve Ay'ın birbirlerine göre konumları değişir, Bu da ayın evrelerini oluşturur <br><br>
► 4 ana 2 ara evresi vardır. Yeniay,Dolunay,İlkdördün ve Sondördün ana evre. Hilal ve şişkinay ara evredir. <br> <br>
<img src="D:\indir25.png" alt="Ay'ın Evreleri" >
<h3> Güneş </h3>

<p>► Güneş Bir Yıldızdır . <br> <br>
► Güneş ısı ve ışık kaynağıdır <br> <br>
► Güneş Dünya'ya en yakın yıldızdır. <br> <br>
► Güneş orta büyüklükte bir yıldızdır. <br> <br>
► Güneş gaz ve elementlerden oluşur. <br> <br>
► Güneş'in içine 1.300.000 Dünya sığar. <br> <br>
► Güneş'in Dünya'kinden 109 kat büyüktür. <br> <br>
► Güneş Dünya'mızdan 1.500.000 km uzaktır </p>

</body>
</html>

Konu biraz mantıklı olmayabilir ama sizce nasıl olmuş? 1 hafta içinde öğrendiğim bütün kodlar.
Not: <İmg src="D:\İndir25.png" alt="ay'ın evreleri" > kodundaki görsel.

Kendimi gördüm bir an. 6. Sınıfta HTML ile not defterinden site yaptırmıştı öğretmenimiz.

Bizim zamanımızda bu kadar makale ve yardımlaşma platformu yoktu. Şanslısın.
Bu yüzden önce HTML sonra CSS sonra JS sonra da Bootstrap öğren. Daha sonra PHP veya
ASP.NET öğrenerek dinamik siteler oluşturursun. Başarılar kardeşim.

tet · 19 Eylül 2020

1 haftalık bir çalışma için biraz eksik buldum ama tebrik ederim. Önerdiğim kanal/video budur, anlatım harika uygulama harika.

Arch or Not · 20 Eylül 2020

dgknbzglu dedi:
Kendimi gördüm bir an. 6. Sınıfta HTML ile not defterinden site yaptırmıştı öğretmenimiz.

Bizim zamanımızda bu kadar makale ve yardımlaşma platformu yoktu. Şanslısın.
Bu yüzden önce HTML sonra CSS sonra JS sonra da Bootstrap öğren. Daha sonra PHP veya
ASP.NET öğrenerek dinamik siteler oluşturursun. Başarılar kardeşim.

Hocam keşke bize de yaptırsa sadece Office programlarını kullanmayı öğretiyorlar .

Fatalis · 21 Eylül 2020

Attribute'ları alt alta yazmak genel olarak kodlarınıza okunabilirlik sağlar.

HTML:

<font color="#0000" size="4" face="Rockwell" > Ünite 1: Dünya,Ay ve Güneş </font>

yerine

HTML:

<font
    color="#0000"
    size="4"
    face="Rockwell"> Ünite 1: Dünya,Ay ve Güneş </font>

Kullanılabilir, eğer fazla attribute'a sahip eleman oluşturacaksınız alt alta yazın okunması ve anlaşılması kolay olsun. Ek olarak font etiketini kullanmaya alışmayın, kendisi HTML4 elemanıdır ve HTML5'de bulunmamaktadır. Onun yerine style kullanarak stilize etmeye çalışın, CSS bilginiz de gelişmiş olur.

Arch or Not · 21 Eylül 2020

İlginiz için sağ olun bunu bende biliyorum sadece şu an CSS bilgim olmadığı için  Etiketini burada sadece rockwell yazı fontunu kullanmak için yazmıştım.

Fatalis dedi:
Attribute'ları alt alta yazmak genel olarak kodlarınıza okunabilirlik sağlar.

HTML:

 Ünite 1: Dünya,Ay ve Güneş 

Yerine

HTML:

 Ünite 1: Dünya,Ay ve Güneş 

Kullanılabilir, eğer fazla Attribute'a sahip eleman oluşturacaksınız alt alta yazın okunması ve anlaşılması kolay olsun. Ek olarak font etiketini kullanmaya alışmayın, kendisi HTML4 elemanıdır ve HTML5'de bulunmamaktadır. Onun yerine style kullanarak stilize etmeye çalışın, CSS bilginiz de gelişmiş olur.

grymtn · 30 Eylül 2020

Basit html taglarıyla olabilecek en sade şekilde amacına ulaşmışsın. Başlangıç için gayet güzel. Biraz css kasmanı tavsiye ederim, çok ağır degil classları en basit css tanımlarını ekleyerek segmentlere ayırmayı deneyebilirsin. border ekleme, htmlde table, tr, td gibi taglere ozel class verip onlara border ekleyip ayırma yapabilirsin en basit örnek olarak. Min/max height/width gibi şeyleri kullanıp belli div classları oluşturup iki divi yan yana koyabilirsin, site ortadan ikiye bölünmüş gibi durur mesela sola resim koyup resmin sağına yazı koymak gibi. Basit alıştırmalar ama geliştirir seni.

MehmetSengul · 30 Eylül 2020

Boş zamanında HTML/CSS öğrenebilirsen sana bir gün faydası olur.

İlk HTML 5 tasarımım

283156

Megapat

PROTOTURK

MzK48

Megapat

Arch or Not

Hectopat

dgknbzglu

Megapat

tet

Hectopat

Arch or Not

Hectopat

Fatalis

Terapat

Arch or Not

Hectopat

grymtn

Femtopat

MehmetSengul

Picopat