فناوری تشخیص چهره - آموزش طراحی سایت را از کجا شروع کنیم؟

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

در پیوسته به عنوان کردن و شرح مراحلی که برای یادگیری و آموختن طراحی سایت باید به ترتیب به سراغ آنها بروید خواهیم پرداخت :

در پیش درآمد باید 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 ) در جستار بعدی با همین عنوان شما را با برنامه نویسی سمت سرور آشنا خواهیم کرد . امیدواریم مطالب بیان شده شما را در آموختن هرچه بهتر و سریعتر طراحی سایت یاری دهد .