خانه / مقالات / آموزش طراحی وب سایت

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

از امروز بخش جدید ی را برای شما عزیزان در نظر گرفته ایم. این بخش حاوی آموزش وهله به وهله طراحی وب سایت است که سعی می شود هر هفته متن ای در این زمینه به شما عزیزان ارائه کنیم. در اولین قسمت از این سری آموزش ها با ما باشید.
design web 04 آموزش طراحی وب سایت
طراحی سایت

طراحی سایت,طراحي سايت ارزان,webtarahan

این دوره آموزسی بر طبـق کتاب Build Your Own Website The Right Way Using HTML & CSS از انتشارات Sitepoint است .

چه افرادی بایستی این کتاب را بخوانند؟

این کتاب جهت افرادی مفید است که از طراحی سایت اطلاعی ندارند و می خواهند تازه به جمع طراحان وبسایت ملحق شوند پس مسلما از آسان ترین نکات شروع می شود .
این کتاب شما را با HTML CSS آشنا می نماید راه را جهت ساخت یک وب سایت استاندارد به شما نشان می دهد. ذکر این نکته ضروری است که ترجمه خط به خط کتاب ارائه نمی شود چیزی که به عنوان برداشت شخصی من یک طراح وبسایت (بهزاد علی بیگی) از کتاب است در قالب مقالات آموزش ی برای شما بیان خواهد شد.
سعی می کنم در هر متن حداکثر یک فصل از کتاب را آموزش دهم و مسلما با بازخوردی که از خوانندگان خواهم گرفت کیفیت کار و هم چنین وسعت کار را ارتقا خواهم داد.
فصل اول:
Setting up Shop

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

۱- وسیلۀ ابتدایی برای ویرایش فایل های متنی که در واقع صفحه وب شما را حاوی می شود
۲- مرورگر (web browser) برای دیدن صفحات وب در آن
۳- فرستادن صفحه وب وبسایت به محیط اینترنت با استفاده از ftp client

چون اکثر کاربر ان ما درایران از ویندوز مصرف می کنند پس وسائل های موجود در ویندوز را نقد خواهیم کرد.

وسائل های اولیه در ویندوز:

۱- ادیت کردن متن : برای ادیت کردن متن در ویندوز می توانید از Notepad مصرف نمایید. این متن، همان صفحۀ وب است .
برای دسترسی به این برنامـه در محیط ویندوز مسیر زیر را طی بکنید :

Start > All Programs > Accessories > Notepad
2- دیدن خروجی فایـل : برای دیدن کار خروجی می بایست از مرورگر یا browser استفاده کنیم. مرورگرهای مفرق ی وجود دارد که بحث آنها خیلی مفصل است ولی در محیط ویندوز مرورگر Internet Explorer در دسترس است.
شما می توانید آن را در دسکتاپ خود و یا Quick Launch ویا فولدر پروگرام ها یا در منوی start پیدا بکنید .

۳- جهت فرستادن صفحه به محیط وب از دستور ftp مصرف خواهیم کرد که در ادامه به آن اشاره میکنم.

وسائل های دیگر:

جهت ادیت کردن صفحات خود می توانید از پروگرام NoteTab استفاده کرد .مزیت استفاده از آن اینست که می توانید تب های مختلف ی را جهت صفحات مختلف باز بکنید بعد از بستن در حافظه ش می ماند و جهت دفعه بعد نیز باز می ماند.

همين طور مرورگرهای گوناگونی وجود دارد که استفاده از آن ها را در کنار Internet Explorer توصیه می کنم. اما در اینجا از یکی از برترین آنها را نام می برم : firefox

اما تمام عناصر که متن نیستند شما برای ویرایش عکـس هم به پروگرام هایی نیاز دارید که می توانید از پروگرام های زیر مصرف بکنید :
Adobe photoshop
Adobe fireworks
Picasa
توصیه من استفاده از فتوشاپ است ، نپرهزینه نباشید یادگیری آن برای فرد د وب آسان است.

وهله انتها – درست کردن مکانی است جهت فایل های ساخـته شده :

بعد از ساختن فایل های خود مدیریت آنها خیلی با اهمیت است این که در کجا فایل اصلی در کجا تصاویر قرار گیرد به همین ترتیب تمام عناصر وب سایت.
شما بایستی فولدر ایجاد کنید تمام عناصر وب سایت را در آن قرار دهید. فرض بکنید در دسکتاپ خود می خواهید یک وب وب سایت ایجاد کنید .

Right click > new > folder

پس نام وب وبسایت را انتخاب نمایید .هم اکنون یک فولدر دارید که فایل مهم به همراه تصاویر و css ,html ,….. را داخـل آن قرار می دهید.

درباره ی admin

مطلب پیشنهادی

معرفی انواع میز کارگروهی آدینا

میز کارگروهی معرفی انواع میز کارگروهی  آدینا  مبلمان اداری آدینا ، بهترین ایده های میزهای کارگروهی مدرن خود را …

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *