آموزش طراحی سایت را از کجا شروع کنیم؟

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

طراحی سایت در مشهد

در 
ادامه به عنوان کردن و شرح مراحلی که برای یادگیری و یاددادن طراحی وبسایت باید به ترتیب به سراغ آن ها بروید خوا‌هیم پرداخت : 
در ابتدا باید HTML را بیاموزید که مخفف Hyper Text Markup Language ( زبان علامت گذاری ابر متنی ) می باشد ، آنچه در این زبان اهمیت دارااست این است که HTML یک لهجه برنامه نویسی نمیباشد بلکه یک زبان نشانه گذاری می باشد ، شما با به کار گیری از این گویش به مرورگر می فهمانید کدام نصیب از برنامه شما یک پاراگراف می باشد ، کجا جدول میباشد ، کجا عکس می باشد و به همین ترتیب در قضیه بقیه عناصر جان دار در صفحات اینترنت . 
به عنوان دانشجوی درس پباده سازی وب سایت مقدمه این لهجه را فرا بگیرید و جهت تسریع در یادگیری به نکاتی که در ادامه اشاره گردیده هست اعتنا نمایید : در یادگیری HTML با مواردی از قبیل خصوصیت (Attribute ) مواجه می گردید که به یاری برخی از این خصوصیت ها می توانید شکل و شمایل عنصر مربوطه را تغییر دهید برای مثال می توانید رنگ نوشته را تغییر‌و تحول دهید و یا این که آن را به چهره italic به نمایش در بیاورید ، نیازی به یادگیری این موردها نمی‌باشد چرا که این رویکرد استایل دادن به موادتشکیل دهنده HTML منسوخ شده و اگر بخواهید وبسایتی پویا و زیبا پباده سازی فرمایید باید از جادوی CSS به کارگیری کنید براین اساس می توانید از یادگیری خصوصیت های مربوط به ظواهر و استایل عنصرها دیده پوشی نمایید . 
در HTML شما با تعداد متعددی تگ ( برچسب ) روبرو می گردید و اسامی این تگ ها برای افراد نو کار به شدت گریز می باشد لذا جمع آوری این تگ ها به یار توضیح مختصری در قضیه تلاش آن می تواند شما در به خاطر سپردن آن یاری نماید . 
در نسخه تازه HTML یعنی HTML 5 موارد جدیدی از قبیل گرافیک ها ، مالتی مدیا و . . . گنجانده شده می باشد که در مقدمه و سوای احاطه بر Javascript برای شما پیچیده به نظر می رسد لذا نیازی نمی‌باشد در این سطح از یادگیری وقت خود را صرف آموزش این موردها فرمائید . 
توجه داشته باشید که پباده سازی تارنما گروه ای میباشد از یک‌سری لهجه ذیل اینترنت و شما صرفا با یادگیری HTML نمی توانید تارنما مسئله حیث خویش را روش اندازی فرمائید لذا در این سطح تنها تگ ها را بشناسید و فعالیت کرد آن ها را مشاهده کنید . 
پس از یادگیری HTML و آشنایی بی نقص با تگ ها می بایست به سراغ CSS برویم . در CSS شما به رویکرد های مختلف به به عبارتی تگ هایی که در HTML نوشته اید دسترسی پیدا کرده و استایل ( = ظواهر ، شکل و شمایل و . . . ) مورد نظر خویش را به آن ها می دهید . برای نمونه از طریق CSS به مرورگری که ورقه وب شما را نمایش می دهد می گوئید که پهنا عکس درون برگه 200 پیکسل باشد ، طول آن 100 پیکسل و خطی مشکی به عرض 10 پیکسل بدور آن بیندازد و . . . . در انتها شما با یادگیری تمام استایل ها ، می توانید ظاهر سایت خویش را به چهره بدون نقص پیاده سازی فرمائید . به عنوان تمرینی که خویش را بیازمایید توصیه ما به شما این است که یک وبسایت دلخواه را انتخاب کرده و با استفاده از HTML و CSS آن را کد نویسی نمائید ، عملکرد کنید تا حد ممکن تارنما شما مشابه آن تارنما شود ، میزان شباهت این دو ، مقدار یادگیری و اشراف شما بر HTML و CSS را نشان خواهد داد . 
ممکن است تیتر کردن یک نمونه در احاطه هر چه عمده شما به این روند بی فایده نباشد ، HTML را فراگرفتید یعنی می دانید که تیرآهن ، میلگرد ، سیمان ، خشت ، گچ و . . . چه کاربردی دارا هستند ، با استفاده از CSS میلگرد ها را به میزان های دلخواه در آوردید و تمامی عناصر را کنار نیز چیدید و بالا رفتید ، دیوارها را رنگ زدید ، به ظواهر ساختمان رسیدید و نمای آن را خوشگل کردید و . . . ساختمان شما زیباست اما درب و پنجره آن تکمیل نیست درحال حاضر اضطراری هست (جاوا اسکریپت ) Javascript را هم به ساختمان خود وارد کنیم تا با استعمال از آن حالتی به وجود آید که زمانی دستگیره در را می چرخانید در باز شود ، به عبارت دیگر با به کارگیری از Javascript همه تعاملات بازدید کننده با وبسایت را مدیریت خواهید کرد . از نمونه بیرون شویم ، اگر دقت کرده باشید در اسلاید ها زمانی روی کلید های اسلاید بعدی و پیشین کلیک می فرمائید عکس تعیین گردیده نمایش داده می شود که این فعالیت با به کار گیری از جاوا اسکریپت پیاده سازی گردیده میباشد یعنی برنامه نویسی به این فیس انجام شده که وقتی روی فلش بعدی کلیک شد، عکس فعلی مخفی شده و عکس بعدی نمایش داده شود . 
برای کسانی که تا کنون با هیچ زبان برنامه نویسی ای آشنایی نداشته اند ، ممکن هست یادگیری این لهجه پاره ای پیچیده به حیث برسد ولی کافیست به آن به دیده یک بازی نگاه کنید و از برنامه نویسی لذت ببرید و به خاطر داشته باشید در اکثری موارد به بن بست می خورید و در‌صورتی‌که از بن بست رد گردید ، کار کشته خیس خواهید شد . 
پس از جاوا اسکریپت نوبت به JQuery ( جی کوئری ) می رسد که کتابخانه ای است که به گویش Javascript نوشته گردیده و با به کارگیری از آن می توانید سهل تر کد نویسی نمایید و یادگیری آن واجب هست ، JQuery از قواعدی پیروی می نماید که یادگیری آن فراوان معمولی است و ضرورت یادگیری آن به این ادله است که با استفاده از آن سرعت برنامه نویسی شما ارتقاء می یابد و به کار گیری از افکت ها و کارتون های پیشفرض جانور در آن طراحی های شما را جالب خیس و زیباتر می کند . 

برای رویکرد اندازی یک تارنما شما در دو سمت کد نویسی می کنید : سمت کلاینت ( بازدید کننده ) و سمت سرور . تا کنون شما با مراحل پباده سازی وبسایت در سمت کلاینت آشنا شدید ( HTML , CSS , Javascript , JQuery ) در مبحث بعدی با همین تیتر شما را با برنامه نویسی سمت سرور آشنا خوا هیم کرد . امید واریم مطالب ذکر شده شما را در تعلیم هرچه بهتر و سریعتر پباده سازی سایت یاری دهد .