طراحی وب سایت

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

 

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

 

اين کتاب براي کساني مفيد است که از طراحي سايت اطلاعي ندارند و مي خواهند تازه به جمع طراحان سايت ملحق شوند پس مسلما از ساده ترين نکات آغاز مي شود .

اين کتاب شما را با HTML  و CSS آشنا ميکند و راه را براي ساخت يک وب سايت استاندارد به شما نشان مي دهد. ذکر اين نکته لازم است که ترجمه خط به خط کتاب ارائه نمي شود و چيزي که به عنوان برداشت شخصي من يک طراح سايت (بهزاد علي بيگي) از کتاب مي باشد در قالب مقالات آموزشي براي شما بيان خواهد شد.

سعي مي کنم در هر مقاله حداکثر يک فصل از کتاب را آموزش دهم و مسلما با بازخوردي که از خوانندگان خواهم گرفت کيفيت کار و هم چنين وسعت کار را افزايش خواهم داد.

 

فصل اول:

Setting up Shop

 

اين فصل در واقع آماده کردن کامپيوتر براي کار، قبل از زدن اولين طرح شماست.

قبل از اين که وب سايت خودتان را بسازيد، مي بايست کامپيوتر خود را براي کار آماده نماييد که شامل برنامه هايي است که يا در سيستم شما موجود مي باشد و يا اين که مي بايست آن ها را نصب نماييد.

 

1- وسيل? ابتدايي براي ويرايش فايل هاي متني که در واقع صفحه وب شما را شامل ميشود

2- يک مرورگر (web browser) براي ديدن صفحات وب در آن

3- فرستادن صفحه وب سايت به محيط اينترنت با استفاده از ftp client

 

چون اکثر کاربران ما درايران از ويندوز استفاده مي کنند پس ابزارهاي موجود در ويندوز را بررسي خواهيم کرد.

 

ابزارهاي اوليه در ويندوز:

 

1- اديت کردن متن : براي اديت کردن متن در ويندوز مي توانيد از Notepad استفاده نماييد. اين متن، همان صفح? وب است .

براي دسترسي به اين برنامه در محيط ويندوز مسير زير را طي کنيد:

 

Start > All Programs > Accessories > Notepad

 

2- ديدن خروجي فايل : براي ديدن کار خروجي مي بايست از مرورگر و يا browser استفاده کنيم. مرورگرهاي متفاوتي وجود دارد که بحث آنها بسيار مفصل است ولي در محيط ويندوز مرورگر Inteet Explorer در دسترس است.

شما مي توانيد آن را در دسکتاپ خود و يا Quick Launch ويا فولدر برنامه ها و يا در منوي start پيدا کنيد.

 

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

 

 

 آن را از اين آدرس دانلود نماييد.  

 

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

 

 

اما همه عناصر که متن نيستند شما براي ويرايش عکس هم به برنامه هايي نياز داريد که مي توانيد از برنامه هاي زير استفاده کنيد:

Adobe photoshop

Adobe fireworks

Picasa

توصيه من استفاده از فتوشاپ است ، نگران نباشيد يادگيري آن براي کاربرد وب آسان است.

 

مرحله آخر - درست کردن مکاني است براي فايل هاي ساخته شده :

 

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

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

 

Right click > new > folder

 

نگران نباشيد با هم پيش ميريم و به همه موارد خواهيم رسيد.

در فصل بعد شما اولين وب سايت خودتان را مي سازيد.

 

 

ادامه دارد اگر مورد استقبال قرار گيرد!