آموزش طراحی قالب با html و css

[sun-shine 7,672]

با سلام خدمت دوستان نواندیشی گل

 

در این تاپیک قصد داریم که یک وب سایت با استفاده از html و css طراحی کنیم و سپس از این قالب در وردپرس استفاده کنیم.

 

 

مراحل کار بصورت زیر است:

1. گرافیک قالب:

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

 

2. برش طرح:

سپس قسمت هایی از سایت، که حالت گرافیکی دارند و نمیشه با استفاده از کدهای css و html طراحی کرد رو برش میدیم تا بتونیم در کد ازشون استفاده کنیم (مثلا قسمت هایی که گرادیانت دارند)

 

3. کدهای html:

با استفاده از کدهای html، ساختار کلی صفحه وب رو طراحی می کنیم.

 

4. کدهای css:

سپس با استفاده از کدهای css، به سایتمون شکل میدیم.

5. لود بر روی وردپرس:

در آخر نیز سایتمون رو روی وردپرس لود می کنیم و تغییراتی که نیاز هستش رو وارد می کنیم.

 

 

برای اینکه بتونید با ما همراه بشین، باید با زبان html، css و نرم افزار فتوشاپ آشنا باشین. در صورتی که با زبان html آشنا نیستین می تونید از اینجا و برای آشنایی با کدهای css از این لینک استفاده کنین.

 

نرم افزارهایی که ما استفاده می کنیم عبارتند از : فتوشاپ، dream weaver، xamp، wordpress

 

 

ممکنه که بعلت مشغله نتونتم بصورت زود به زود پست بزارم ولی به محض بدست آوردن اولین فرصت، شروع به گذاشتن پست میکنم، شما هم می تونید توی این مدت، html و css یاد بگیرین

 

 

امیدوارم تاپیک مفیدی باشه و وقت کنم و تمومش کنم