Category: Website Development

Wix.com is a web-building platform that you can try for free. Using this site, create a free account and build a basic web page. Be creative and come up with a small business idea that the site would work for. Include pictures, text, and/or other items to make your site professional and attractive for customers(Botox procedure pictures ,videos). Once you have finished your site, share the URL link.
For example How i want : https://www.shanidarden.com/products/co2lift-pro-c…

Home

https://www.antiagingvancouver.com/treatments/bene…
https://www.usdermatologypartners.com/services/cos…
https://www.botoxcosmetic.com/what-is-botox-cosmet…
https://coastmedical.net/
https://www.botoxcosmetic.com/what-is-botox-cosmet…
https://www.purebeautymedicalspa.com/lp/injectable…

https://jsu.instructure.com/courses/43429/assignme… https://jsu.instructure.com/courses/43429/assignme… https://jsu.instructure.com/courses/43429/assignme… https://jsu.instructure.com/courses/43429/assignme…

In this assignment, you will create and deploy a webpage with HTML. This assignment is designed to familiarize you with basic HTML tags, as well as deploying a webpage to GitHub pages. Please make sure to follow the instructions carefully.

🙌 Bir web sitesi geliştirmek için temel olarak şu adımları izlemen gerekiyor:
1. Planlama
Öncelikle, ne tür bir web sitesi yapmak istediğine karar ver. Bu, kişisel bir blog, bir iş web sitesi, bir portföy veya bir e-ticaret sitesi olabilir. Planlama aşamasında şunları düşünmelisin:
Web sitesinin amacı nedir?
Hangi içerikleri içermeli?
Hedef kitlen kim?
Hangi sayfalara ihtiyaç var (Ana sayfa, Hakkında, İletişim, Ürünler, vb.)?
2. Tasarım
Web sitesinin tasarımı, kullanıcı deneyimini ve sitenin estetiğini belirler. Tasarım için şu adımları takip edebilirsin:
Wireframe ve Mockup: Web sitesinin temel düzenini kağıt üzerinde veya dijital bir araç kullanarak tasarla.
Renk ve Tipografi: Kullanacağın renk paletini ve yazı tiplerini seç.
UI/UX: Kullanıcı dostu ve erişilebilir bir tasarım oluştur. Kullanıcıların siteyi kolayca gezebilmelerini sağla.
3. Teknoloji Seçimi
Web sitesini geliştirmek için kullanacağın teknolojilere karar ver. Temel web geliştirme teknolojileri şunlardır:
HTML: Web sayfalarının temel yapı taşını oluşturur.
CSS: Web sayfalarının stil ve görünümünü düzenler.
JavaScript: Web sayfalarına etkileşim ve dinamik özellikler ekler.
Backend: Eğer dinamik içerik veya veri işlemleri yapacaksan, bir sunucu tarafı dili (Python, PHP, Node.js, Ruby vb.) kullanman gerekebilir.
Veritabanı: Dinamik veri saklamak için (MySQL, PostgreSQL, MongoDB vb.).
4. Geliştirme
Web sitesinin kodlamasına başla. Temel adımlar şunlardır:
HTML ile İskeleti Oluştur: Sayfanın yapısını oluşturmak için HTML kullan.
CSS ile Stil Ver: Tasarımını hayata geçirmek için CSS kullan.
JavaScript ile Etkileşim Ekle: Dinamik içerik ve kullanıcı etkileşimi eklemek için JavaScript kullan.
Backend ve Veritabanı Entegrasyonu: Eğer site dinamik olacaksa, backend kodlarını yaz ve veritabanı ile entegre et.
5. Test ve Optimizasyon
Web sitesini test et ve optimize et. Şu adımları izleyebilirsin:
Tarayıcı Uyumluluğu: Farklı tarayıcılarda ve cihazlarda sitenin düzgün çalıştığını kontrol et.
Hata Ayıklama: Kodunda hatalar olup olmadığını kontrol et ve düzelt.
Performans: Sitenin hızlı yüklenmesini sağlamak için optimizasyonlar yap. (Görselleri sıkıştır, gereksiz kodları temizle vb.)
SEO: Arama motoru optimizasyonu yaparak sitenin arama motorlarında üst sıralarda çıkmasını sağla.
6. Yayınlama
Web siten hazır olduğunda, yayına almaya hazır hale gel. Bunun için:
Alan Adı ve Hosting: Bir alan adı (domain) ve hosting hizmeti satın al.
Dosyaları Yükleme: Web sitesi dosyalarını hosting sunucusuna yükle.
SSL Sertifikası: Güvenlik için SSL sertifikası kurulumunu yap.
7. Bakım ve Güncelleme
Web sitesi yayınlandıktan sonra düzenli bakım ve güncelleme yapmayı ihmal etme. Şu adımları takip edebilirsin:
İçerik Güncelleme: İçeriği güncel tut.
Güvenlik: Güvenlik açıklarını düzenli olarak kontrol et ve kapat.
Yedekleme: Düzenli olarak site yedeği al.
Örnek Araçlar ve Teknolojiler
Kod Editörleri: Visual Studio Code, Sublime Text, Atom
Versiyon Kontrol: Git ve GitHub
Frameworkler: React, Angular, Vue.js (Frontend); Express, Django, Ruby on Rails (Backend)
CMS: WordPress, Joomla, Drupal (içerik yönetim sistemleri)
Bu adımları takip ederek, temel düzeyde bir web sitesi geliştirebilirsin. Daha karmaşık ve profesyonel siteler için daha derinlemesine bilgi ve deneyim gerekebilir. İyi şanslar!

Annual Report
FY [Year]
[Add a quote here from one of your company executives or use this space for a brief summary of the document content.]
Web Design
IT 404
Instructions:
You must submit two separate copies (one Word file and one PDF file) using the Assignment Template on Blackboard via the allocated folder. These files must not be in compressed format.
It is your responsibility to check and make sure that you have uploaded both the correct files.
Zero mark will be given if you try to bypass the SafeAssign (e.g. misspell words, remove spaces between words, hide characters, use different character sets, convert text into image or languages other than English or any kind of manipulation).
Email submission will not be accepted.
You are advised to make your work clear and well-presented. This includes filling your information on the cover page.
You must use this template, failing which will result in zero mark.
You MUST show all your work, and text must not be converted into an image, unless specified otherwise by the question.
Late submission will result in ZERO mark.
The work should be your own, copying from students or other resources will result in ZERO mark.
Use Times New Roman font for all your answers. Name: ###
CRN: ###
ID: ###
3 Marks
Learning Outcome(s):
LO1: Identify most HTML tags and CSS properties and use a text editor to construct the basic HTML and CSS structure for a webpage.
LO2: Recognize and evaluate a range of real-world web design approaches.
Question One
A number of new Application Programming Interfaces (APIs) are defined by HTML5 to facilitate software application communication with one another. Name and describe THREE different types of these APIs.
3 Marks
Learning Outcome(s):
LO1: Identify most HTML tags and CSS properties and use a text editor to construct the basic HTML and CSS structure for a webpage. Question Two Write an HTML file that creates the following webpage, and apply the correct CSS rules.
Important notes: You should copy and paste the “HTML script” to answer this question. DON’T take screenshots for your HTML script. It must be an editable script.
Take a screenshot of your output web page and paste it as a part of your answer. 2 Marks
Learning Outcome(s):
LO1: Identify most HTML tags and CSS properties and use a text editor to construct the basic HTML and CSS structure for a webpage. Question Three Read the following CSS rules and find any errors that are exist in the code.

You must submit two separate copies (one Word file and one PDF file) using the Assignment Template on Blackboard via the allocated folder. These files must not be in compressed format.
It is your responsibility to check and make sure that you have uploaded both the correct files.
Zero mark will be given if you try to bypass the SafeAssign (e.g. misspell words, remove spaces between words, hide characters, use different character sets, convert text into image or languages other than English or any kind of manipulation).
Email submission will not be accepted.
You are advised to make your work clear and well-presented. This includes filling your information on the cover page.
You must use this template, failing which will result in zero mark.
You MUST show all your work, and text must not be converted into an image, unless specified otherwise by the question.
Late submission will result in ZERO mark.
The work should be your own, copying from students or other resources will result in ZERO mark.
Use Times New Roman font Question One
A number of new Application Programming Interfaces (APIs) are defined by HTML5 to facilitate software application communication with one another. Name and describe THREE different types of these APIs
Question Two
Write an HTML file that creates the following webpage, and apply the correct CSS rules.
Important notes: You should copy and paste the “HTML script” to answer this question. DON’T take screenshots for your HTML script. It must be an editable script.
Take a screenshot of your output web page and paste it as a part of your answer. Question Three
Read the following CSS rules and find any errors that are exist in the code.