طراحی صفحات وب – مقدماتی

وب چیست؟

وب سرویس گرافیکی اینترنت و ابزار گرافیکی دسترسی به منابع موجود در اینترنت است.

وب رابط گرافیکی بین کامپیوترهای شبکه ای متشکل از کامپیوترهای دنیاست که با یک زبان نشترک بنام پروتکل به یکدیگر متصل شده اند وب شبکه جهانی وب وwwwهمه به یک معناست ولی بعضی ها وب و اینترنت را به یک معنا میدانند اینترنت شبکه شبکه های کامپیوتری در دنیاست .   وب به عنوان یکی از کاملترین سرویسهای اینترنت باسرعت تمام در حال توسعه استوب با سایر امکانات در ان نظیر جستو جو گرهای وب (مانند سایت های google وyahoo) به سرعت به جستجوی مطالب مورد نظر بپردازید صفحات وب شامل متن هایی است که به منابع موجود در اینترنت پیوند داده شده به متنهای پیوند داده شده در وب ابر متن گفته میشود ابر متن نوعی پیوند است که با انتخاب و کلیک کردن روی انکاربر به منابع اطلاعاتی شبکه اینترنت دسترسی میابد کاربران اینترنت برای مشاهدهو استفاده از صفحات وب از نرم افزاری به نام مرورگر استفاده میکنند مرورگر نرم افزاری است که امکان فراخوانی مشاهده و استفاده از صفحات وب را به کاربر میدهددو مرورگرInternet Explorer وNetscape Navigatorجزو معروفترین مرورگرها هستند

تاریخچه طراحی وب

فکر ایجاد وب به ماه مارس سال ۱۹۸۹باز میگرددتوسط تیم برنرزلی در ازمایشگاه فیزیک ذره ای اروپا پروژه ای را به منظور جهت تبادل نتایج در بخشهای مختلف دنیا از طریق شبکه های مختلف کامپیوتر پیشنهاد کرد در ان زمان کسی به فکر اضافه کردن صدا و تصویر به صفحات نبود در اواخر سال ۱۹۹۰ اولین بخش پروژه نرم افزاری ابر متن پیشنهاد شده به وسیله تیم برنرزلی روی کامپیوتری به نام Next پیدا شد و با امکان ایجاد فراپیوند در اینترنت به عنوان اولین نسخه از زبان ابر متن به جهان معرفی شد.در حال حاظر بیش از ۹میلیارد عنوان صفحه وب در دسترس جهانیان قرار دارد که هر روز بر تعداد انها افزوده میشود.

نحوه کار کرد وب

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

آموزش طراحی صفحات وب:

 وب سایت ها با استفاده از زبان نشانه گذاری به نام HTML ایجاد می شوند . طراحان وب ، صفحات وب را با استفاده از تگ های HTML ایجاد می کنند که محتوای و ابرداده های هر صفحه را تعریف می کنند . طرح بندی و ظاهر عناصر در یک صفحه وب به طور معمول با استفاده از CSS تعریف می شود . بنابراین، بسیاری از وب سایت ها شامل ترکیبی از HTML و CSS است که نحوه تعیین هر صفحه در مرورگر را مشخص می کند. برخی از طراحان وب ترجیح می دهند صفحات را به صورت کد دستی (تایپ کردن HTML و CSS از ابتدا) ایجاد کنند اما برخی هم استفاده از ویرایشگرهایی مانند Adobe Dreamweaver را ترجیح می دهند . این نوع ویرایشگر یک رابط بصری برای طراحی صفحه وب فراهم می کند و نرم افزار به طور خودکار کد HTML و CSS مربوطه را ایجاد می کند . یکی دیگر از راه های محبوب برای طراحی وب سایت ها با سیستم مدیریت محتوا مانند وردپرس ( WordPress ) و جوملا ( Joomla ) است . این خدمات قالب های وب سایت مختلفی را ارائه می دهد که می تواند به عنوان نقطه شروع برای یک وب سایت جدید مورد استفاده قرار گیرد . در حالی که HTML و CSS برای طراحی ظاهر و احساس یک وب سایت استفاده می شوند، تصاویر باید جداگانه ایجاد شوند . بنابراین طراحی گرافیکی ممکن است با طراحی وب همپوشانی داشته باشد، زیرا طراحان گرافیک اغلب تصاویر را برای استفاده در وب ایجاد می کنند. برخی از برنامه های گرافیکی مانند Adobe Photoshop شامل گزینه ” Save for Web ” است که امکان آسان برای صادر تصاویر در فرمت بهینه سازی شده برای انتشار وب می دهد.

طراح وب کیست :

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

دوره آموزشی طراحی مقدماتی وب شامل موارد زیر می شود:

• نصب و راه‌اندازی فضای کار
• نصب و راه‌اندازی محیط توسعه، نصب مرورگر کروم/فایرفاکس، فتوشاپ
• آشنایی با زبان HTML
• شناخت زبان و تگ‌ها، تگ‌های تو در تو، تگ‌های مربوط به لیست‌ها، تگ عنوان
• خصلت (Attribute) عناصر
• تگ لینک، ایجاد راهبری بین صفحات، بازشدن در تب جدید، تگ تصویر
• ساختار HTML صفحات وب
• ساختار استاندارد HTML صفحات وب، تگ HTML و تگ body، افزودن پشتیبانی از کارکترهای فارسی
• آشنایی با CSS
• شروع کار با زبان CSS، معرفی، طریقه عملکرد زبان، مثال های ساده، رنگ پس‌زمینه و رنگ متن
• گروه بندی عناصر، کلاس و آیدی در HTML
• گروه‌بندی عناصر، تگ div و span، مشخصه‌های کلاس و آیدی
• جداسازی و قراردادن CSS ها در فایل دیگر
• قرار دادن استایل‌ها در فایل جداگانه، تگ link در HTML
• آدرس‌دهی های پیچیده تر
• مسیردهی تودرتو، بازگشت به عقب در هنگام مسیردهی، کارکتر .. (دو نقطه(