رفتن به مطلب

طراحی قالب با html و css


sun-shine

پست های پیشنهاد شده

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

 

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

 

 

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

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

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

 

2. برش طرح:

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

 

3. کدهای html:

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

 

4. کدهای css:

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

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

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

 

 

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

 

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

 

 

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

 

 

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

لینک ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...