Çözüldü Birinin ismi nasıl program kurarak ekrana yansıtılır?

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.
Katılım
24 Eylül 2020
Mesajlar
2.972
Makaleler
9
Çözümler
29
Yer
Antalya
Birisinin ismini bir program yaparak ekrana yansıtmak istiyorum, nasıl yapabilirim? Sadece Python bilgim var, PyCharm yüklü bilgisayarımda. Visual Studio indirmek zorunlu mu? Ya da PyCharm ile de yapılır mı? Nasıl yapılır? Hatta imkanınız olursa kodları atma şansınız var mı?
 
Çözüm
Öncelikle Visual Studio Code uygulamasını indirip Live Server eklentisini kurman lazım.(Birçok videosu var YT'de)

Ondan sonra bir tane dosya açıp içine index.html diye dosya oluştur.

Oluşturduğun dosyanın içine şu kodları yapıştır:
[CODE lang="html" title="HTML"]<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>İsim</title>
<style>
body{
margin:0;
padding: 0;
}
#container{
position:absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
#container h1{
/* İstediğin rengi yazabilirsin */
color: #000;
/* İstediğin boyutu ayarlayabilirsin*/
font-size:3rem;
}
</style>
</head>
<body>

<div id="container">
<!--Buraya istediğin ismi yerleştir h1'in içine-->
<h1>İsim</h1>
</div>


</body>
</html>[/CODE]

Ondan sonra sol taraftaki index.html iconuna gelip sağ tıkla. Oradan "Open with Live Server" seçeneğini seç. Site açıldıktan sonra F11'e bas ve tam ekran moduna al.

(Bu arada olabildiğince yapabileceğin bir şekilde yapmak için bazı şeyleri istisna olarak kullandım. Bunla istediğini elde edebilirsin. Eklemek istediğin bir şey olursa sorarsan yardımcı olurum. Çok basic bir kod yazdım ama işini görür. :) )
@Gokberk_DRY evet değiştirebilirsin.

[CODE lang="css" title="CSS"]body{
background: #fff;
}[/CODE]

Body'nin içine bu kodu da eklerseniz olur. Rengi yine dilediğiniz şekilde ayarlayabilirsiniz.

Her şey istediğim gibi, tek sorunum yazıyı nasıl büyüteceğim?
Tamam hocam yaptım.
@Ecmel hocam yazıyı en fazla 20 olarak büyütebiliyorum, nasıl daha fazla büyüteceğim?
 
Son düzenleme:
@Gokberk_DRY font-size:3rem; buradaki "3" değerini attırarak büyütebilirsiniz.

Live server yokken yaptığınız değişiklikleri görmek için sayfayı F5 yaparak yenileyin. Kodunuzu CTRL+S yapıp kaydetmeyi unutmayın.
 

Technopat Haberler

Geri
Yukarı