این قسمت ادامه دیزاین با تگ “style”
خب، در مبتدیانه ترین مبحث برای دیزاینینگ، ما بهتون، تگ “span” رو آموزش دادیم. حالا میریم در یک سطح بالاتر. سطحی به اسم تگ “style”. شما اگر بتوانید این تگ را به خوبی یاد بگیرید، می توانید از تگ “div”، در آینده استفاده کنید. در مقاله بعدی که در مورد “div” هست، می‌فهمید که چقدر، این مبحث مهمه!
دقت کن که داره با تگ “div” و “style” سخت میشه!
اما نترس و نگران نباش، چون با انگیزه این هدف آموزشی رو برداشتی، این مرحله رو هم به راحتی میتونی رد کنی. اگر با برنامه نویسی پایتون هم کمی آشنایی داشته باشید! در توابع، شما تابعی رو با مقادیرش تعریف می کنید و پس از اون، عملیات اون تابع رو روی هر موضوعی که بخواهید میتونید عملی کنید.
ببینید، شما تگ “head”، یاد گرفتید که میتونید از تگ “title” استفاده کنید که در اون، موضوع صفحتون در مرورگرتون رو تعیین می‌کنه. اما علاوه بر تگ “title”، برای استفاده از تگ “style” هم شما باید در تگ “head”، تابع رو تعریف کنید. همچنین شما علاوه بر اینکه بخواین با تگ “style”، دیزاین کنید، باید تگ “div” رو هم بلد باشین. راستش هیچکاری نداره! فقط باید چند تا از کد هایی که میتونید در “div” استفاده کنید رو بلد باشین و همچنین یه اسم گذاری کنید برای تگ “div”!
اول باید تگ “style” رو در تگ “head”، باز کنید. در اون در خط زیرینش، به شیوه رو به رو، اسم و خصوصیات div رو تعیین کنید : “}EsmeDiv.” و در کروشه‌ای که باز کردید، خصوصیات div رو که شامل رنگ! رنگ بک گراند، محل قرار گیری متن در صفحه و چیز های دیگۀ زیادی مثل سایه، چند بعدی بودن اون متن یا عکس و غیره، رو کد می‌زنید.
بعد از اون در تگ “body”، مثل عکسی که بالا گذاشتم، تگ “div” رو باز می‌کنید! و در اون مقدار متغیر “class” رو، دقیقا عین اسم “div” که قبلا گذاشتید، می‌نویسید. حالا در تگ “div” که باز کردید، متن هاتون رو که می‌خواید تغییر کنند رو می‌نویسید. بعدش، به ترتیب هر تگی باز هست رو مثل “div” و “body”، می‌بندید!
چقدر یاد گرفتنش کیف داد!
اگر به این مقاله، با دقت توجه کرده باشید! میتونید راحت تر، مقاله های دیگه، مخصوصا در رابطه با تگ های دیگه رو دربارۀ آموزش “html”، بخونید. در واقع در این سری، قراره دونه به دونه تگ هارو مانند تگ “style” بررسی کنیم. تا بتوانید با تک مقاله های کوتاه که قابلیت خوانش سریع را دارند، تگ ها را به سبک سایت “W3School” یاد بگیرید، اون هم به زبان فارسی! پس برای یادگیری تگ های بیشتر، روی اینجا کلیک کنید؛ و اگر حس می کنید نیاز به آموزش تگ بعدی دارید، اینجا را کلیک کنید.
راستی، اگر به دنبال آموزشات بیشتر در این زمینه هستید و می‌خواهید به یکی از افراد دانای این جامعه تبدیل بشید! یا بقیه تگ ها رو مانند تگ “div” دنبال یا برای ما در نظرات بنویسید تا بخش های دیگر مربوط به “html” را برای شما توضیح بدهم. فرصت های شغلی در این زمینه کم است ولی هر فرد سایت دار، حتی اگر سایتش وردپرسی باشد! باید مقداری با این مورد آشنا باشد تا بتواند توانایی حل مسئله در دنیای خارج وردپرسی را داشته باشد.
