[phpNuke] آموزش طراحي قالب براي نيوك شماره 1و2

وضعیت
موضوع بسته شده است.

d@nyal

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

قبل از شروع به كار طراحي قالب براي نيوك شما نياز به نرم افزار هايي دارن كه در ليست زير نوشته شدن . در صورتي هم كه داشته باشين من برا اونا لينك دانلود گذاشتم تا بتونين دانلودشون هم كنين .

البته منبع اصلي اين آموزش بصورت انگليسي بوده و در سايت پايين هستش كه اگه خواستين بازم آموز هاي ديگه اي هم داره .

اين آموز ش رو هم من يعني دانيال خشابي ترجمه كرده ام ( حق كپي رايت و زحمت من رو رعايت كنين لطفا ) email : [email protected]

http://cyberpcfix.com



.



نرم افزار هاي مورد نياز:


--------------------------------------------------------------------------------

-Adobe photoshop6 يا بالاتر از مي تونيد مجاني شو دانلود كنين http://www.adobe.com/products/tryadobe/main.jhtml

-Image ready 2.0 or higher
(If you have Photoshop 6 or higher this comes with it.)
-Any html editor
(notepad هم خوبه.)
-Flash 5 or higher
(eyecandy, مورنياز نيست ولي بودنش خوبه.
http://www.macromedia.com/cfusion/t...id=93372&view=snTDRCFinish&viewName=Downloads





شروع به طراحي


--------------------------------------------------------------------------------
اين آموزشي كه درباره طراحي يك قالب ميده خودش فالب هم داره كه بعدا براي دانلو هم ميذارم مي تونين از اون هم استفاده كنين .
بنظر خوبه كه هم فايل هاي قالب كه دارين طراحي مي كنين رو داشته باشين و بعد به طراحي قالب بپردازين .

يادتون باشه كه اين فقط يكي از هزاران راه طراحي قالب براي ناك هستش . من فقط فكر كردم كه اين راه آسوني مي تونه باشه . - توي ين ور نويسنده آموزش يخورده چرت و پرت گفته كه با اجازه شما حذفش مي كنم - يه نكته ديگه كه من مرحله به مرحله آموزش مي دم مثلا براي هرقسمت جداگانه .

------------------------------------------------------------------------------------------

مثلا پاورقي : بيخودي به اين صفحه نگاه نكنين نويسنده اصلي فقط خواسته يهخورده وقتتونو توي اين صفحه تلف كنه . اگه مي خواين ياد بگيرين چجوري قالب طراحي كنين برين به مراحل بعد
 
آخرین ویرایش:

d@nyal

Member
آموزش طراحي قالب براي نيوك شماره 2

مرحله دوم : طرح بندي كلي صفحه
--------------------------------------------------------------------------------
قبل از ساختن قالب خود قالب بهتره كه يه حالت كلي از خود قالبي كه مي خواين بسازين درست كنين كه در اين صورت يه عالمه توي وقتتون صرفه جويي مي كنيد و همچنين اين كار به شما اين ايده رو ميده كه مي خواين قالبتون چه شكلي باشه ؟ و اين خيلي مهمه . اين عكسي رو كه كنار مشاهده مي كنيد مثالي براي طرح كلي قالب كه مي خواين بسازين . البته در صورتي كه روي عكس كليك كنيد عكس بزرگتر رو مشاهده خواهيد كرد . اگه اين اولين باري هستش كه تلاش مي كنين كه قالب بسازين اول سعي كنين كه يه پيش فرض از قالبتون بسازين
وقتي قسمت هاي كلي رو طراحي كرديد وارد جزئيات خواهيم شد

اگه به عكس نگاه كنيد مي بينيد كه من براي طراحي اين عكس پيش فرض از قالبي كه مي خوام بسازم من براساس يك سايز مشخصي اين چيز هارو مثل جاي بالا بلوك ها يا وسط و پايين نساخته ام . بلكه بر اساس نظر خودم اون سايز و حالتي رو كه خوشم مي اومد كشيدم . يعني اينكه اين شكل ها رو بر اساس اندازه خاصي نكشيده ام . البته شما هم نيازي به اندازه يكساني مثل مال من نخواهيد داشت .



اينم عكس كه بايد روش كليك كنيد تا ببينيد :
http://cyberpcfix.com/modules/ThemeTutorial/images/layoutthumb.gif


البته وقتي كه شما يه طرح بندي از سايتتون مي سازين اندازه يكي از مهمترين چيز هاست . چون سايت شما ممكنه در هر كيفيتي روي هر نوع دستگاهي مشاهده بشه و شما بايد سعي كنيد قالبتون تا حد امكان با تمامي اندازه ها مثل 800*600 و يا ... ساز گار باشه .
آخرين چيز درباره ساختن طرح بند كلي از سايت اينه كه بايد حتما مطمئا بشين كه فضاي لازم براي قسمت هاي مختلف گذاشتين .

مثلا براي بالاي سايت . قسمت وسط صفحه يا براي بلوك هاي كناري يا پاييت ترين قسمت سايت .

بعد از اين ها كار طرح كلي سايت ديگه تمومه و ما شروع خواهيم كرد به برش قسمت ها مختلف طرح بصورت مرحله به مرحله .

اول با قسمت بالايي يا يا هدر يا شروع مي كنيم

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

S4DEGH

Well-Known Member
ممنون !

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

d@nyal

Member
صادق خان !
شما استادي ! هر كاري بكني برا ما مثل گلابه !
البته من منبع رو توي اول گذاشتم ولي بخاطر شما آخر هم مي ذارم.
منتظر شماره هاي بعدي باشين . هفت تا هست.
 

d@nyal

Member
اي بابا!
اونقدر آدموتحت فشار مي ذارين كه از اونور جهنم ميزنه بيرون!!
بابا كار دارم.
حالا اونهايي كه خيلي عجله دارن اين مراحل مختلفش به انگليسي برا اونهايي كه خيلي عجله دارن.
خيلي روان نوشته . حتي حاج آقا م بياد ميتونه بخونه .
اميدوارم راضي باشيد از همين .
مرحله 2
http://cyberpcfix.com/ThemeTutorial-step2.html

مرحله 3
http://cyberpcfix.com/ThemeTutorial-step3.html

مرحله4
http://cyberpcfix.com/ThemeTutorial-step4.html

مرحله5
http://cyberpcfix.com/ThemeTutorial-step5.html

مرحله6
http://cyberpcfix.com/ThemeTutorial-step6.html

مرحله7
http://cyberpcfix.com/ThemeTutorial-step7.html
تموم
 

d@nyal

Member
مسعود !
فكر كنم دارين از حد ميگذرين.
پسر خالم نيستين كه ....
خودتونو يه خورده كنترل بكنيد لطفا.
 

S4DEGH

Well-Known Member
مسعود جون لطف كن پست هاي قديمي رو بالا نيار !

طراحي قالب مشكله عزيز ! آموزشش هم سخته !
الان خود من كه چند قالب طراحي كردم هم نمي تونم بگم چطوري طراحي ميشه ! چون يكسري از اموزش ها بايد عملي و يا كلاسي باشه و تو متن جواب نميده !
 
وضعیت
موضوع بسته شده است.

جدیدترین ارسال ها

بالا