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

آموزش طراحی وب سایت جلسه سوم | شروع کد نویسی

سلام دوباره خدمت شما دوستان و همراهان طرح سوم . از امروز استارت کدنویسی را می زنیم و کم کم شروع می کنیم خروجی کد ها را مشاهده کنیم. در ابتدای آموزش طراحی وب سایت به معرفی ابزارهای کدنویسی پایه می پردازیم و نحوه کدهای html و CSS را آموزش می دهیم . با ما همراه باشید. این آموزش طراحی وب سایت و آموزش های قسمت های بعد، برای کسانی مفید است که از آموزش طراحی وب سایت اطلاعی ندارند و می خواهند تازه به جمع طراحان سایت ملحق شوند پس مسلما از ساده ترین نکات آغاز می شود . این آموزش طراحی وب سایت شما را با HTML و CSS آشنا میکند و راه را برای ساخت یک وب سایت استاندارد به شما نشان می دهد. سعی دپارتمان طراحی وب سایت طرح سوم بر این است تا مطالب آموزشی را به ساده ترین روش های ممکن ارائه دهد تا برای افرادی که حتی هیچ اطلاعاتی از طراحی وب سایت ندارند بتوانند از این آموزش ها استفاده کنند. لطفا ما را از نقطه نظرات و پیشنهادات خود مطلع کنید… خب، آموزش را شروع می کنیم . قبل از این که وب سایت خودتان را بسازید و شروع به کدنویسی کنید، می بایست کامپیوتر خود را برای کار آماده نمایید که شامل برنامه هایی است که یا در سیستم شما موجود می باشد و یا این که می بایست آن ها را نصب نمایید. برنامه های زیادی در بازار موجود می باشد ولی در ابتدا از برنامه های رایگان و قابل دسترس استفاده می کنیم. وسایل و برنامه های اصلی که شما نیاز دارید: 1- وسیلۀ ابتدایی برای ویرایش فایل های متنی که در واقع صفحه وب شما را شامل میشود 2- یک مرورگر (web browser) برای دیدن صفحات وب در آن 3- فرستادن صفحه وب سایت به محیط اینترنت با استفاده از ftp client چون اکثر کاربران ما درایران از ویندوز استفاده می کنند پس ابزارهای موجود در ویندوز را بررسی خواهیم کرد. ابزارهای اولیه در ویندوز برای آموزش طراحی وب سایت: 1- ادیت کردن متن : برای ادیت کردن متن در ویندوز می توانید از Notepad استفاده نمایید. این نکته را در نظر داشته باشید که در طراحی سایت ادیتورهای زیادی وجود دارند و برای شروع کار می توانید از ادیتور Sublime استفاده کنید. 2- دیدن خروجی فایل : برای دیدن کار خروجی می بایست از مرورگر و یا browser استفاده کنیم. مرورگرهای متفاوتی وجود دارد که بحث آنها بسیار مفصل است ولی در محیط ویندوز مرورگر Internet Explorer در دسترس است. اما توصیه ما این است که ابتدای کار مرورگر Chrome را دانلود و نصب کنید. 3- برای فرستادن صفحه به محیط وب از دستور ftp استفاده خواهیم کرد که در ادامه به آن اشاره میکنم. برای طراحی وب سایت ، گاهی نیاز به قسمت هایی در ادیت و ویرایش عکس وجود دارد که باید در سطح ابتدایی کار با نرم افزارهای ویرایش عکس رو بلد باشید. همکاران ما در بخش آموزش طراحی گرافیک این آموزش ها را آماده کرده اند تا نیاز طراحی گرافیکی شما هم برطرف گردد. بعد از نصب نرم افزارهایی بالا، بایستی پوشه سایت خود را درست کنید و در مکانی در کامپیوتر خود ذخیره کنید. بطور مثال در درایو D کامپیوتر خود پوشه ای به نام My New Site بسازید. بزودی در داخل این پوشه کد های وب سایت را می سازید و تمام دستورات از داخل آن فراخوانی می شود. توصیه می کنم که حتما و حتما قسمت های قبل آموزش طراحی وب سایت را مطالعه کنید و جلسات را به ترتیب بخوانید .

نویسنده


Avatar

مهرداد کشمیری

مهرداد کشمیری، مدیر دیجیتال مارکتینگ شرکت طرح سوم، با سابقه بیش از 8 سال در زمینه طراحی وب سایت و کارهای گرافیکی مختلف. یادگیری مطالب جدید یکی از سرگرمی های اصلی من هستش.