آموزش طراحی صفحات وب مقدماتی طراحی صفحات وب
به طور کلی به فرایند ایجاد یک وب سایت ، طراحی صفحات وب می گویند . طراحی وب شامل بسیاری از مهارت ها و رشته های مختلف در تولید و نگهداری وب سایت ها می شود.طراحی صفحات وب شامل طراحی گرافیک وب، طرح بندی صفحه وب ، بهینه سازی موتور جستجوگر و تولید محتوا می باشد. در برنامه نویسی طراحی وب ، از سه پروتکل اصلی استفاده می شود
HTML) : Hypertext markup language)
HTTP) : Hypertext Transfer Protocol)
URLS) : Uniform resource locator)
تاریخچه وب سایت
تاریخچه وب سایت تیموتی جان برنرز- لی ( Timothy John Berners-Lee ) در سال 1370 ، اولین وب سایت را با تنها چند پاراگراف و یک لینک به ایمیل شخصی خود ، ایجاد کرد . این سایت را به عنوان اولین سایت و به نام خود ثبت کرد و بعد از آن بسیاری از افراد از این وب سایت استقبال کردند و طراحی وب روز به روز پیشرفت کرد .
آموزش طراحی صفحات وب
وب سایت ها با استفاده از زبان نشانه گذاری به نام HTML ایجاد می شوند . طراحان وب ، صفحات وب را با استفاده از تگ های HTML ایجاد می کنند که محتوای و ابرداده های هر صفحه را تعریف می کنند . طرح بندی و ظاهر عناصر در یک صفحه وب به طور معمول با استفاده از CSS تعریف می شود . بنابراین، بسیاری از وب سایت ها شامل ترکیبی از HTML و CSS است که نحوه تعیین هر صفحه در مرورگر را مشخص می کند. برخی از طراحان وب ترجیح می دهند صفحات را به صورت کد دستی (تایپ کردن HTML و CSS از ابتدا) ایجاد کنند اما برخی هم استفاده از ویرایشگرهایی مانند Adobe Dreamweaver را ترجیح می دهند . این نوع ویرایشگر یک رابط بصری برای طراحی صفحه وب فراهم می کند و نرم افزار به طور خودکار کد HTML و CSS مربوطه را ایجاد می کند . یکی دیگر از راه های محبوب برای طراحی وب سایت ها با سیستم مدیریت محتوا مانند وردپرس ( WordPress ) و جوملا ( Joomla ) است . این خدمات قالب های وب سایت مختلفی را ارائه می دهد که می تواند به عنوان نقطه شروع برای یک وب سایت جدید مورد استفاده قرار گیرد . در حالی که HTML و CSS برای طراحی ظاهر و احساس یک وب سایت استفاده می شوند، تصاویر باید جداگانه ایجاد شوند . بنابراین طراحی گرافیکی ممکن است با طراحی وب همپوشانی داشته باشد، زیرا طراحان گرافیک اغلب تصاویر را برای استفاده در وب ایجاد می کنند. برخی از برنامه های گرافیکی مانند Adobe Photoshop شامل گزینه ” Save for Web ” است که امکان آسان برای صادر تصاویر در فرمت بهینه سازی شده برای انتشار وب می دهد.
وب سایت static چیست وب سایت static حاوی صفحات وب با محتوایی ثابت هستند و هر صفحه با httml کد گذاری شده است وبرای هر بازدید کننده یک اطلاعات مشابه را نمایش می دهد . وب سایت های static از اساسی ترین وب سایت ها هستند که ایجاد آن از دیگر وب سایت ها آسان تر است . سایت static می تواند به سادگی با چند صفحات HTML و انتشار آنها به یک وب سرور ایجاد شود. از آنجا که صفحات وب static دارای کد ثابت هستند، محتوای هر صفحه تغییر نمی کند مگر آنکه به صورت دستی از طریق وب مستر به روز شود .این وب سایت ، حاوی بسیاری از صفحات هستند و برای سایت های کوچکتر کاربرد دارد . وب سایت dynamic چیست وب سایت dynamic شامل صفحات زیادی هستند که در زمان واقعی ایجاد می شوند که این صفحات کد نویسی هایی مانند PHP یا ASP می باشد . اکثر وب سایت های بزرگ ، dynamic هستند چرا که نگه داری انها بسیار آسان تر از static است . این به این دلیل است که صفحات static هر یک حاوی مطالب منحصر به فرد هستند، به این معنی که آنها برای
تغییر ، باید به صورت دستی باز، ویرایش و منتشر شوند . این تغییر محتوای صفحه
dynamic ، مدیر وب ممکن است تنها نیاز به روز رسانی یک پایگاه داده داشته
باشد و برای سایت های بزرگ که حاوی صدها یا هزاران صفحه است مفید است. وب
سایت های dynamic به اطلاعات از یک پایگاه داده دسترسی دارند و ، وب
سایت های مبتنی بر پایگاه داده نیز نامیده می شوند.