آموزش طراحی سایت

آموزش طراحی سایت

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

html access keys - آموزش طراحی سایت

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