Çö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. :) )
Eğer kendi PC'nizden gösterecekseniz Live Server ile web sitesi şeklinde yapmak ister misiniz? Sadece web sitesini açıp F11 yapacaksınız. Yapacaklarınızı sırayla anlatırım öyle yapmak isterseniz.
Fark etmez.
Arkadaşıma süpriz yapmak istiyorum, video'ya alacağım mesela arkada kodlar yazılı olacak sonra başlat tuşuna basacağım ve onun ismi çıkacak.
 
Ö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. :) )
 
Son düzenleme:
Çö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. Bununla 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. :) )

Tamamdır hocam, teşekkürler. Daha çok bilmediğim için bu işlerde biraz amatörüm. Teşekkürler.
 
Tamamdır hocam, teşekkürler. Daha çok bilmediğim için bu işlerde biraz amatörüm. Teşekkürler.
Rica ederim. Dediğim gibi olabildiğince kolay ve yapabileceğin bir şekilde yazdım. Yoksa normalde böyle yazılmaz. :D (Tercih edilmez)

Anlamadığın ya da takıldığın bir yer olursa yardımcı olurum.
 
Rica ederim. Dediğim gibi olabildiğince kolay ve yapabileceğin bir şekilde yazdım. Yoksa normalde böyle yazılmaz. :D (Tercih edilmez)

Anlamadığın ya da takıldığın bir yer olursa yardımcı olurum.
Hocam kodu nereye yazacağım? Eklentiyi kurdum. Hiç kullanmadığım için bilmiyorum :D
 
Hocam kodu nereye yazacağım? Eklentiyi kurdum. Hiç kullanmadığım için bilmiyorum :D
Bir tane dosya oluştur masaüstünde. Sonra VScode'de sol üst taraftaki iki dosya üst üste var oraya tıkla "Open Folder" deyip o oluşturduğun klasörü aç. Sonrada sol tarafta oluşan boşluğa sağ tıkla ve "new file" diyerekten index.html adlı bir dosya oluştur. Kodu onun içine at.
 

Technopat Haberler

Yeni konular

Geri
Yukarı