HTML و CSS چیست؟

اگر شما هم طراح وب باشید و به این مقوله علاقه داشته باشید و فعالیت در این زمینه و یادگیری بیشتر یکی از اهداف شما باشد، از جمله بدیهی ترین اطلاعاتی که لازم است به آن تسلط پیدا کنید؛ مفاهیم مرتبط با اچ تی ام ال (HTML) و سی اس اس (CSS) می باشد. به عبارتی دانش بنیادی ای که هر شخص طراح آموخته و در کار خود به کار گرفته است، همین زبان نشانه گذاری متن می باشد که از طریق آن می توانید کدهایی را ایجاد کنید که هر یک منجر به نمایش یک سری از ویژگی ها در صفحات وب خواهند شد. دنیای طراحی وب دنیایی است شلوغ و پر رقابت ، بنابراین اگر واقعا قصد دارید به جایی برسید؛ باید تلاش کنید و بیشتر بیاموزید و نمونه کارهای بیشتری را طراحی نمایید. امروزه، با توجه به تغییراتی که در سبک بازاریابی و تبلیغات حاصل شده است ؛ طراحی سایت به عنوان یک مهارت جهانی در نظر گرفته می شود. شما در هر کشوری از دنیا که زندگی کنید با تسلط بر web design می تواند درآمد زایی داشته باشید اما کسی موفق است که اصولی و حرفه ای می آموزد و در نهایت حرفه ای نیز کار می کند. Html و css  از مهمترین استانداردهای تصویب شده وب می باشند و برای ورود به این شغل، لازم است تا با مفاهیم مرتبط با آن ها آشنا شوید که در ادامه ی این مطلب به اختصار به معرفی آنها پرداخته شده است.

HTML چیست؟

اچ تی ام ال برگرفته از حروف اول عبارت HyperTextMarkupLanguage می باشد و به عنوان یک زبان نشانه گذاری متن ( زبان استاندارد صفحات وب ) می باشد. معمولا در یک صفحه ی موجود بر روی وب مجموعه ای از متن ها، عکس ها، بخش بندی های مختلف وجود دارد، به کمک تگ ها و کدهایی که HTML در اختیارتان قرار می دهد، می توانید یک ساختار مشخص از اطلاعات را در این قسمت ها  به وجود آورید و در معرض نمایش بازدیدکنندگان قرار بدهید.  توجه داشته باشید که هر تگ در زبان اچ تی ام ال معنا و مفهوم خاص خود را دارد. صفحاتی که توسط این زبان ساخته می شوند؛ متشکل از markup tag ها و دارای پسوند htm و یا html می باشند. این صفحات را می توان در برنامه های مختلف ادیتور مثل Notepad, Visual Stadio, dearm weaver و …. ویرایش  کرد و تغییر داد. در زبان html بخش ها و کدهای مختلف  ( سمت سرور و سمت کلاینت ) توسط ” تگ ” از هم جدا می شوند و همین تگ ها ابزاری برای چگونگی نمایش دادن اطلاعات در صفحات وب و توسط مرورگرها هستند. در واقع تگ ها اشکال مختلف نمایش عناصر مختلف یک صفحه ی وب را تعیین می نمایند.

حتما مطلب تاثیر سئو بر کسب و کارهای اینترنتی بخوانید

آیا  HTML یک زبان برنامه نویسی است؟

خیر ،اما به عنوان یک رابط به راحتی می تواند با زبان های پیشرفته ی برنامه نویسی مثل asp  و php ارتباط برقرار نماید و جالب است بدانید که تمام برنامه های مرورگری که برای مشاهده ی صفحات وب به وجود امده اند از طریق اچ تی ام ال قادر به درک کدهای زبان های برنامه نویسی شده هستند، یعنی این کدها کامپایل شده و به کد قابل فهم برای مرورگرها تبدیل می شوند و در پایان توسط برنامه ی web browser برای کاربران به نمایش در می ایند.  یادگیری Html اصلا سخت نیست و با توجه به مجموعه کدهای مستندی که از آن وجود دارد، می توانید با صرف وقت و تمرین کافی، به آن مسلط شوید و به راحتی بخش ها و المنت های مختلف یک صفحه ی اینترنتی را طراحی نمایید. برخی از تگ های اچ تی ام ال مرتبط با موضوع بهینه سازی یک صفحه ی وب برای موتورهای جستجو هستند و به صورت مستقیم بر seo تسایت تاثیر می گذارند، برای مثال : تگ title, description و تمامی تگ های مرتبط با ویرایش و تغییرات متن نظیر  بولد یا ایتالیک کردن، لینک دادن به صفحات دیگر و … بر این اساس یک طراح وب سایت که به HTML و CSS مسلط باشد، می تواند با اطلاع از انواع تگ ها و نحوه ی استایل دهی، یک قالب سایت را از ابتدا کدنویسی کند به گونه ای که فاقد کدهای مخرب و خطا باشد و اصول سئو نیز در آن رعایت شده باشد. قطعا طراحانی که به طراحی تمپلیت تسلط دارند، موفق تر از کسانی هستند که از قالب ها و کدهای آماده استفاده می کنند.

 

CSS چیست؟

Css کوتاه شده یا مخفف عبارت Cascading Style Sheets می باشد که قابلیت صفحه آرایی؛ استایل دهی و زیبا سازی صفحات وب را برای طراحان سایت فراهم می سازد. در واقع ساختار یک صفحه با استفاده از اچ تی ام ال تعیین می شود و سپس با به کار بردن کدهایی دیگر به این ساختار و چیدمان استایل داده می شود. تمامی رنگ ها، ابعاد و اندازه ها، حاشیه ها، مکان قرارگیری، فونت ها و سایر خصوصیات اجزای یک صفحه ی وب، با استفاده از css تعیین خواهند شد. این خصوصیات هر تغییری که داشته باشند توسط مرورگرها برای کاربران قابل نمایش خواهند بود؛ زیرا سی اس اس یک استاندارد مشخص تعریف شده برای برنامه های مرورگر اینترنت است و به همین دلیل می توان یک صفحه ی وب را در مرورگرهای مختلف به صورت یکسان دید. معمولا در شیوه های نوین طراحی سایت تمامی کدهای مرتبط با css در یک فایل جداگانه قرار می گیرد و دیگر از استایل دهی inline ( در داخل هر تگ HTML ) استفاده نمی شود؛ زیرا این کار از لحاظ سئو برای صفحات وب مناسب نیست. پس در یک تعریف کلی با استفاده از css می توان فرم و استایل دلخواه را برای یک صفحه ی وب ایجاد کرد به گونه ای که زیبا، جذاب، کاربردی و کاربرپسند باشد

از سال 86 فعالیتم رو در حوزه IT شروع کردم و علاقمند فناوری جدید در حوزه IT شدم ، از همان سال های اولیه به فکر راه اندازی کسب کار بودم و تا اینکه خودم رو به عنوان کار افرین پیدا کردم و عاشق کار افرینی شدم . در حال حاضر یک توسعه دهنده حرفه ای هستم و عاشق خدمت رسانی به مردم کشورم ....

8 دیدگاه در پست “HTML و CSS چیست؟

  1. سهیل

    سلام وقتتون بخیر من میخوام شروع به یادگیری html و css کنم نمیدونم از کجا شروع کنم .ممنون میشم اگر راهنماییم کنید

    Reply
    1. احسان دربندی ( نویسنده مطلب )

      با سلام
      از html شروع به یادگیری کنید ، اگر زبان انگلیسی تون خوب هست حتما از این سایت استقاده کنید . این سایت سورس آموزشی بین المللی هست
      https://www.w3schools.com/html/default.asp
      که البته اگر یه سرچ به فارسی تو گوگل کنید مشابه این سایت که فارسی هم هست پیدا می کنید
      موفق و پیروز باشید

      Reply
    1. احسان دربندی ( نویسنده مطلب )

      سلام دوست عزیز
      به css که نیاز ندارید و در html هم نیاز نیست کامل یاد بگرید ، فقط باید تگ های تاتیل و توضیحات و متا و…. ها رو شناسایی کنید
      موفق باشید

      Reply
    1. احسان دربندی ( نویسنده مطلب )

      سلام وقت بخیر
      هم بله هم خیر ، اگر برنامه تحت وب داشته باشید که حتما باید بلد باشید اگر نداشته باشید که نیاز نیست

      Reply
  2. Amir

    سلام و خسته نباشید برای اینکه طراحی سایت با وردپرس رو یادبگیریم لازم است که کلاسهای html وCSS رو گذرونده باشیم یا نه از طراحی سایت با وردپرس می‌توان به درآمد رسید

    Reply
    1. احسان دربندی ( نویسنده مطلب )

      سلام وقت بخیر
      برای شروع کار با وردپرس نیاز نیست html و css یاد بگرید ولی برای ادامه دادن و حرفه ای شدن حتما باید یاد بگرید

      Reply

ارسال دیدگاه

* .ایمیل ادرس شما منتشر نخواهد شد