Alıştırma - Listeler ve bağlantılar

Tamamlandı

Bu alıştırmada, kalan bilgileri özgeçmişinize eklersiniz. E-posta adresinizi, sosyal medya bağlantılarınızı ve deneyim listenizi eklersiniz. Alıştırmada genel metin kullanılır, ancak içeriği ayrıntılarınızla eşleşecek şekilde özelleştirebilirsiniz.

E-posta Adresinizi ve Sosyal Medyanızı Ekleme

Özgeçmişinize e-posta adresinizi ve sosyal medya bağlantılarınızı ekleyerek başlayalım.

1. vscode.dev ile tarayıcı penceresine dönün.

Uyarı

Tarayıcınızı veya CodeSwing'i kapattıysanız CodeSwing projenizi yeniden açmak için bu adımları izleyin.

1. vscode.dev'i açın. Html dosyanız zaten açıksa ve CodeSwing'i yeniden açmanız gerekiyorsa 6. adıma geçin.
2. Klasör Aç'ı seçin.
3. Daha önce oluşturduğunuz özgeçmiş klasörüne gidin ve Klasör Seç'i seçin.
4. Sitenin dosyaları görüntülemesine izin ver sorulduğunda Dosyaları Görüntüle'yi seçin.
5. Soldaki Gezgin bölmesinde index.html dosyasını seçin.
6. Windows veya Linux'ta Ctrl + Shift + P tuşlarına veya Mac'te Cmd + Shift + P tuşlarına basın.
7. Üst kısımda görüntülenen kutuya yazın codeswing: open swing ve enter tuşuna basın veya klavyenizde return tuşuna basın.
8. İstendiğinde, daha önce seçtiğiniz özgeçmiş klasörünü seçin.

2. index.htmliçine ve <!-- email address -->okuyan açıklamanın altına aşağıdaki HTML'yi ekleyerek e-postanıza bir bağlantı ekleyin ve your-email@example.com yerine e-posta adresinizi yazın:

   <a href="mailto:your-email@example.com">your-email@example.com</a>
   

3. Sayfa, e-posta adresinizle otomatik olarak güncelleştirilir.

4. <!-- social media -->okuyan açıklamanın altına aşağıdaki HTML'yi ekleyerek listeyi oluşturun:

   <ul>
       <li><a href="https://github.com/microsoft>">GitHub</a></li>
       <li><a href="https://www.linkedin.com/company/microsoft>">LinkedIn</a></li>
       <li><a href="https://x.com/microsoft>">X</a></li>
   </ul>
   

5. Sayfa, eklediğiniz sosyal medya hesaplarının listesini görüntülemek için güncelleştirilir.

Eğitim ve Deneyim Ekleme

Kişi bilgileri eklendikten sonra, eğitim ve diğer deneyimi ekleyerek özgeçmişinize ekleme işlemini tamamlayacaksınız.

1. index.htmliçinde, <!-- education -->yazan yorumun altına eğitim bilgileriniz için aşağıdaki HTML'yi ekleyin:

   <h3>School name</h3>
   <h4>Major</h4>
   <ul>
       <li>GPA: 4.0</li>
       <li>Years attended</li>
   </ul>
   

2. <!-- experience -->yazan açıklamanın altına deneyiminiz için aşağıdaki HTML'yi ekleyin:

   <h3>Company name</h3>
   <h4>Title</h4>
   <h4>Dates</h4>
   <ul>
       <li>Cool accomplishment</li>
       <li>Cool accomplishment</li>
   </ul>
   
   <h3>Cool hackathon</h3>
   <h4>Project title</h4>
   <h4>Dates</h4>
   <ul>
       <li>Cool accomplishment</li>
       <li>Cool accomplishment</li>
   </ul>
   

3. Pencere yeni bilgilerinizle güncelleştirilir.