Simple website design
طراحی سایت ساده یکی از اولین قدمها برای ورود به دنیای وب است. با وجود ابزارهای مدرن، حتی افراد بدون دانش برنامهنویسی هم میتوانند سایتهای کاربردی بسازند. در این مقاله، اصول پایهای طراحی یک سایت ساده را بررسی میکنیم.
یک سایت ساده معمولاً شامل چند صفحه اصلی مانند صفحه اصلی، درباره ما و تماس با ما است. هدف اصلی این نوع طراحی، ارائه اطلاعات به صورت شفاف و با کمترین پیچیدگی ممکن است.
در ادامه سه مثال پایهای برای شروع طراحی سایت ارائه میشود:
مثال ۱: ساختار اولیه HTML
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<title>سایت من</title>
</head>
<body>
<h1>به سایت من خوش آمدید</h1>
<p>این یک نمونه سایت ساده است.</p>
</body>
</html>
مثال ۲: اضافه کردن استایل پایه
body {
font-family: 'Tahoma', sans-serif;
line-height: 1.6;
margin: 0;
padding: 20px;
direction: rtl;
}
h1 {
color: #333;
text-align: center;
}
مثال ۳: ایجاد منوی ساده
<nav>
<ul style="list-style: none; padding: 0;">
<li style="display: inline; margin-left: 15px;">
<a href="index.html">صفحه اصلی</a>
</li>
<li style="display: inline; margin-left: 15px;">
<a href="about.html">درباره ما</a>
</li>
</ul>
</nav>
طراحی سایت ساده نقطه شروع مناسبی برای یادگیری مفاهیم وب است. با تمرین این اصول پایه، میتوانید به تدریج مهارتهای پیشرفتهتر را یاد بگیرید و سایتهای پیچیدهتری ایجاد کنید.
نظر خود را بیان کنید...