آکادمی بنو

مقدمه

مفهوم وب، در سال 1962 توسط تیم برنزلی ابداع شد و هدف آن ایجاد بستری جهت نمایش اطلاعات بدون در نظر گرفتن محدودیت جغرافیایی بود. پیشرفت وب به قدری سریع و غیر قابل پیش بینی بود که امروزه زندگی بدون در نظر گرفتن آن امری محال می باشد. با گسترش روز افزون اینترنت، امروزه داشتن یک وبسایت برای کسب و کارهای کوچک و بزرگ امری ضروری بوده و یادگیری دانش طراحی صفحات اینترنتی به شغلی محبوب و پر درآمد تبدیل شده است.

مفاهیم اولیه

طراحی وب سایت های اینترنتی یکی از مشاغل و تخصص های مهم در حوزه کامپیوتر می باشد که با یادگیری آن می توانید علاوه بر کسب درآمد خوب، موقعیت شغلی مناسبی را نیز برای خود فراهم کنید و حتی پا را فراتر گذاشته و اقدام به ساخت یک وبسایت خلاقانه برای پیاده سازی ایده های خود نمایید. برای شروع به کار می بایست تعاریف اولیه ای وبسایت را بدانیم.

Web page (صفحه وب): به هر صفحه اینترنتی که می تواند شامل متن، تصویر، ویدئو، فایل صوتی و ... باشد، web page گفته می شود.

Website (وبسایت): به مجموعه ای از web page های متصل و مرتبط به یکدیگر، وبسایت گفته می شود.

Link (لینک): پیوند میان یک صفحه و بخش دیگری از همان صفحه، یا صفحه ای دیگر، لینک (یا hyperlink) نامیده می شود.

URL: هر منبع اینترنتی (صفحه وب، عکس، ویدئو و ...) دارای آدرس منحصربفرد می باشد که به آن url گفته می شود. هر url از چهار بخش زیر تشکیل شده است.

url

پروتکل: مجموعه ای از قوانین و مقررات می باشد که بر نحوه انتقال اطلاعات نظارت می کند. برای مشاهده صفحات اینترنتی از پروتکل http یا https استفاده می شود. دو قانون مهم این پروتکل عبارتند از:

  1. برای مشاهده یک صفحه اینترنتی می بایست از یک مروگر (مانند فایرفاکس، کروم و ...) استفاده کرد.
  2. فرمت اطلاعات می بایست به شکل html باشد.

از این رو برای طراحی یک صفحه وب، می بایست با ساختار زبان html آشنا باشیم.

www: مخفف عبارت world wide web می باشد.

Domain: نام دامنه (نام سایت)

Top Level Domain: پسوند سایت که پسوندهای .com, .net, .org و ... از معروفترین آنها می باشند.

html یک زبان نشانه گذاری (نه یک زبان برنامه نویسی) می باشد که متشکل از تعدادی tag (تگ) بوده و توسط آن می توان تعیین نمود چه عناصری در صفحه وجود داشته باشند. برای شروع به کار با html پیشنهاد می شود مقالات مربوط به مبانی شبکه را مطالعه فرمایید.

تگ ها در html بین علامت های < > قرار می گیرند. اکثر تگ ها بصورت زوج تگ (تگ باز و بسته) و تعداد کمی از آنها به صورت تکی مورد استفاده قرار می گیرند. تگ بسته همانند تگ باز می باشد با این تفاوت که یک علامت / قبل از نام تگ قرار می گیرد.

<html>

</html>

در صورتی که تگ بصورت تکی باشد، به شکل زیر نوشته می شود.

<br />