مطمعنا طراحان سایت ایده ها و خلاقیت هایی برای سایت هایی که طراحی می کنند در ذهن خود دارند.
متاسفانه به خاطر محدودیت در یادگیری علی الخصوص در وردپرس نمی توانند افکار خود را پیاده سازی کنند
در نتیجه یاد گیری html , css برای هر طراح سایت واجب است، زیرا که عملکرد و طرح بهتری برای سایت کارفرما ایجاد می کند.
ساختار وبسایت که نشانه گذاری هایی برای محتوای وب سایت استفاده می شود و البته طراحی و استایل که بسیار مهم است.
البته ناگفته نماند که در وردپرس با وجود ابزارها و افزونه های صفحه ساز مانند المنتور و …. که کمک بسیار زیادی به طراحی ما می کند و البته امکانات بسیاری برای طراحی یا استایل دهی سایت می کند اما همچنان طراحان باهوش و ایده پرداز بسیاری از افکار خود را نمی کنند با افزونه ها پیاده سازی کنند. پس مجبور به یادگیری css هستند.
به عنوان مثال شما نمی توانید با ابزار همچون المنتور کاری کنید که متن به صورت ۳۶۰ ددرجه به دور تصویر بچرخد. اما با اضافه کردن کد اینکار به راحتی انجام می شود
نمونه کد:
html:
<!DOCTYPE html>
<html lang=”fa”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>چرخش متن به دور تصویر</title>
<link rel=”stylesheet” href=”style.css”>
</head>
<body>
<div class=”container”>
<img src=”https://s3.afranet.net/gapgpt-main/user_files/0e817619-213a-44e0-9ed0-92c7be31846d.png” alt=”تصویر” class=”image”>
<div class=”rotating-text”>متن در حال چرخش به دور تصویر</div>
</div>
</body>
</html>
و البته با اضافه کرد کد css این کار انجام می شود که:
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f0f0f0;
margin: 0;
}
.container {
position: relative;
}
.image {
width: 300px; /* عرض تصویر */
}
.rotating-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
width: 100%;
text-align: center;
animation: rotate 10s linear infinite;
}
@keyframes rotate {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
کد ها به این صورت می باشد
البته قابل توجه باشد که یادگیری html,css برای
حل کردن مشکلات ویرایش
بسیاری دیگر
مورد استفاده قرار گرفت.
چرا یادگیری html , css برای هر طراح سایت واجب است.
سوالی که فقط کافیست کمی فکر کنیم تا به نتیجه اجباری بودن یادگیری html , css برسیم.
دوره کامل صفر تا صد html و css در وردپرس
آموزشگاه فنی حرفه ای رحمانی به صورت کاملا تخصصی همراه با مدرک معتبر بین المللی، دوره را ارائه می کند
به صورت رایگان می توانید پیش ثبت نام انجام دهید.
