آموزش HTML و CSS (کار با selector ها ، فونت و حالت های مختلف لینک)

css selectors fonts links
بخش آپدیت های مقاله
آموزش ویدئویی در تاریخ 26 مرداد 98 اضافه شد .

سلامی دوباره خدمت همه دوستان و همراهان سایت آیلین با یک جلسه دیگه از آموزش HTML و CSS خدمت شما هستیم و میخواهیم در این جلسه از دوره در رابطه با سلکتور ها در HTML و همچنین کار با font و در انتها حالت های مختلف لینک ها رو بهتون آموزش بدیم امیدوارم که از آموزش های قبل دوره ی HTML و CSS همه رو یاد گرفته و همه رو تمرین کرده باشید.

در ابتدای آموزش میخوام در مورد سلکتور ها بهتون بگم که چیکار میکنن و به چه دردی میخورن . پس شروع کنیم :

[toc]

کار با سلکتور ها در HTML :

دوستان ما در HTML چندین نوع سلکتور داریم که استفاده میشود ولی بیشترین سلکتور هایی که در این آموزش ما آنها کار میکنیم در پایین لیست میشود :

tag selector :

با این سلکتور در جلسات قبل آشنا شده اید و با آن کار هم کرده اید ولی برای این که آموزش کامل باشد من سعی کردم که یک یادآوری دوباره باشد. tag selector ها به این صورت استفاده میشوند که شما در فایل css فقط اسم آن تگی که میخواهید تغییرات در آن اعمال شود مینویسید و خصوصیاتی را که میخواهید تغییر کند را در آن لحاظ میکنید.

مطالعه بیشتر : آشنایی بیشتر با تگ سلکتور ها با استفاده از background , border 

به مثال زیر توجه کنید :

همانطور که در کد بالا میبیند تغییراتی که به تگ ها داده شده از طریق تگ سلکتور ها بوده . و اگر ما هر چقدر تگ p یا h1 داشته باشیم تمام آنها به آن صورت که به آنها استایل داده ایم تغییر خواهند کرد و عملا این کار رو نمیشه توی صفحاتی که ایجاد میکنیم انجام دهیم ولی برای بعضی از تگ ها مثل تگ body میشود چنین تغییراتی را انجام داد . بریم سراغ سلکتور بعدی .

class selector :

با مشکلاتی که در بالا داشیم کلاس ها میتوانند بسیار عالی باشند چرا که از حجم کدنویسی ما کم خواهد شد و سرعت سایت ما را بالاتر خواهد برد . برای استفاده از کلاس ها باید از کلمه class در Html استفاده کنید به این شکل:

در کد بالا که میبیند نحوی استفاده کردن کلاس در html است که به این صورت است که بعد از نوشتن کلمه class با یک علامت مساوی(=) و یک نام داخل جفت کوتیشن و برای نام گذاری هم باید از اصولی را رعایت کنید تا مشکلی پیش نیاد .

  • ابتدای اسم با عدد شروع نشود
  • از علامت های غیر متعارف مثل (@#$%) استفاده نکنید
  • ابتدای اسم با آندرلاین شروع نشود (_)
  • و…

نحوی استفاده از کلاس سلکتور ها رو بهتون میگم :

در مثال بالا اگر توجه کنید ما از تگ <div> استفاده کردیم بهتره بهتون بگم که این تگ عملا کار خاصی رو انجام نمیده و یک تگ مشابه دیگه مثل اون <span> است که بیشتر برای کلاس ها استفاده میشه و در ادامه کار بیشتر با اونا آشنا میشید .

و در قسمت کلاس که میبینید ما چند تگ h و p دارین اما رنگ و شکل متفاوتی دارند و این به کمک کلاس ها است .

نکته ها :

  • از class میتونید در همه جای Html و در همه المنت ها استفاده کنید .
  • اسم class به حروف بزرگ و کوچک حساس است.

ID selector :

یکی دیگه از سلکتور هایی که بهتون معرفی میکنم id selector هست که نحوی کار این سلکتور هم تقریبا شبیه کلاس ها هست ، به این شکل که شما برای معرفی در html باید از کلمه id استفاده کنید و برای استفاده id در css باید از علامت #  استفاده کنید .

یک نکته : در رابطه با id اینه که شما از آی دی ها باید یک بار در صفحه استفاده کنید تا در ادامه کار مشکلی برای کد شما به وجود نیاید.

کار با font در CSS :

در CSS هم مثل HTML میتوانید از فونت ها استفاده کنید و در خاصیت های که دارد میتوانید نوع فونت ، اندازه و استایل را تغییر دهید پس بریم سراغ کار با font در css :

اولین ویژگی که شما باید با آن آشنا شوید font-family است .

مطالعه بیشتر : نحوی اضافه کردن فونت به وردپرس

در بالا شما نام یک فونت رو میبینید که این فونت تاهوما پیشفرض خود ویندوز هست در ادامه آموزش ها حتما اضافه کردن فونت رو خواهم گفت و بعد کلمه serif هست اجازه بدین یه توضیح بدم تا بهتر متوجه بشید :

sans-serif : به این شکل است که در حروفی که هست قسمت های انتهای حروف به صورت تیز و نشان داده میشوند .

serif : به صورتی است که حروف در انتهایشان به حالت خمیده هستند .

تفاوت بین دو نوع نوشتار
تفاوت sans-sarif و sarif

شما با font چندین گزینه برای انتخاب دارید که با هم آنها را بررسی میکنیم :

font-style : شما با این گزینه میتوانید استایل متن خود را تغییر دهید که داری سه مقدار normal , italic و oblique که شما را از کد های html راحت خواهد کرد .

font-size : با استفاده از این خصوصیت میتوانید اندازه متن خود را تغییر دهید که برای مقدار آن میتوانید از غدد و (px) استفاده کنید و بسیار کاربردی است .

حالات مختلف در لینک ها :

شما در جلسات قبل با لینک در html آشنا شدید و در این قسمت ما برای شما میخواهیم حالاتی که شما اشاره گر را روی لینک میبرید چه اتفافی رخ دهد . بررسی میکنیم :

  • a:link 

این در حالتی است که لینک به صورت عادی نمایش داده میشود .

  • a:visited 

این در حالتی است که شما بر روی لینک کلیک کرده اید و اتفاقی که بعد از کلیک میفتد(در ویدئو بررسی میکنیم)

  • a:hover 

این خصوصیت هم برای زمانی که شما اشاره گر را روی لینک میبرید و روی آن مکث میکنید .

  • a:active 

این خاصیت در حالتی است که شما روی لینک کلیک میکنید و کلیک خود را برای چند لحظه نگه میدارید .

و حالا در جواب این گزینه ها میتوانید تغییراتی را که میخواهید را روی لینک انجام دهید.

 

در بالا یک خط شاید برای شما قابل درک نباشد    ;text-decoration: none این کد خط زیر لینک را حذف میکند .

به پایان این جلسه هم رسیدیم امیدوارم که تمام استفاده رو از این آموزش برده باشین . اگر هر سوالی یا پیشهادی در رابطه با آموزش ها داشتید حتما از ما بپرسید .

دوره آموزش HTML – CSS (آشنایی با color ، background و border)

colors and background

سلام خدمت همه دوستان با یه جلسه دیگه از دوره ی آموزشی HTML و CSS خدمتتون هستیم که به علم شما در رابطه با طراحی سایت اضافه کنیم و برای همین کار در آموزش امروز ما در رابطه با رنگ ها که در جلسات قبلی با هم در html کار کرده بودیم در این جلسه هم بیشتر با این مباحث کار خواهیم کرد و در ادامه با پس زمینه در css آشنا خواهیم شد که چند نوع دارد و چطور کار میکند و در انتها هم با border ها کار خواهیم کرد که این مباحث تا انتها با شما همراه خواهد بود پس با دقت کار کنید تا بتوانید بهترین نتیجه را از این آموزش ها بگیرید . پس با ما همراه باشید تا امروز هم یک آموزش منحصر به فرد داشته باشیم.

در ضمن یادتون نره که  جلسه قبلی آموزش css رو ببینید که این دو جلسه با هم در ارتباط هستن .

[toc]

رنگ ها در CSS :

آنتخاب رنگ در طراحی وب
رنگ ها در html , css

خوب همانطور که میدانید رنگ ها در طراحی سایت ارزش زیادی دارند تا این که شما بتوانید بهترین ارتباط را با کاربر داشته باشید و ما در CSS از هر نوع مدل رنگی میتوانیم استفاده کنیم  رنگ ها را نمایش دهیم به عنوان مثال میتونیم از RGB  یا هگزا دسیمال و در ادامه از نوع ترنسپرنت هم میتوانیم استفاده کنیم . حالا نحوی اضافه و کار کردن با رنگ را در CSS رو میبینیم.

در جلسه قبلی بهتون گفتم که چطور یک فایل CSS رو ایجاد کنید و با استفاده از لینک آن را به HTML متصل کنید فرض کنید ما می خواهیم روی h1 که در html هست تغییرات انجام بدیم کافی است که در فایل css نام  اون تگ و یا ویژگی رو بنویسیم با یک براکت باز و {} داخل آن کد های خود رو مینویسیم و حالا بریم سراغ کد نویسی .

پیشنهاد من به شما : شروع و آشنایی با کد نویسی css 

در کد بالا ما تونستیم رنگ پس زمینه و رنگ متن تگ h1 رو تغییر بدیم و یک سری کارهای دیگه میتونیم انجام بدیم که در ویدئو میتونید با اون آشنا بشید .

در اینجا لازمه که دو سایت کاربردی رو بهتون معرفی کنم که شاید تا انتهای کار با ما همراه باشن :

سایت flatuicolors.com :

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

سایت loremipsum.ir :

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

خوب این از رنگ ها بود که در ادامه آموزش ها هم از رنگ ها بسیار زیاد استفاده خواهیم کرد .

کار با Background در CSS :

شما میتوانید با پس زمینه ها رنگ ، تصویر و یا حالت آنها را تغییر دهید که با هم به بررسی آنها می پردازیم :

  • background-color : همانطور که در قمست رنگ ها هم به آن اشاره شده میتوانید رنگ پس زمینه خود را عوض کنید.
  • background-image : این گزینه به شما کمک میکند تا یک تصویر را به صفحه اصلی یا هر قسمت صفحه اضافه کنید .
  • background-repeat : این گزینه به این معنا است که تصویر و هر چیزی که برای پس زمینه انتخاب میکنید در صفحه تکرار شود یا خیر که داری چندین مقدار است (در حالت عادی که رو تکرار قرار دارد و no-repeat به این معنا است که از تصویر فقط یکی باشد هیچ گونه تکراری در صفحه نداشته باشد . repeat-x و y تکرار در محورای x,y را اشاره میکند که هر کدام را انتخاب کنید در همان محور تکرار خواهد شد).
  • background-attachment :  این گزینه هم دارای دو مقدار برای انتخاب است (fixed و scroll) فیکس که همان به معنای ثابت بودن است تصویر شما هر چقدر به پایین اسکرول شود در جای خود ثابت است ولی اسکرول دقیقا برعکس آن عمل میکند و با محتوای صفحه به پایین اسکرول میشود .
  • background-position : این گزینه دارای چندین مقدار است که محل تصویر شما را انتخاب میکند (top , right , left , bottom) .

با تمام این گزینه ها کار خواهیم کرد و نتیجه را به شما نشان خواهیم داد .

شما تمام این تکه کد بالا را میتوانید در یک خط هم جای  دهید و کد شما کار کند :

body

این هم از کدهای background که خیلی پیچیده نبود و کار کردن با آنها راحت و آسوده است حتما یادتون نره که تمرین کنید .

مطالعه بیشتر : شروع کد نویسی با HTML 

نحوه ی کار کردن با  Border ها در CSS :

border ها اهمیت زیادی در طراحی صفحات وب دارند چرا که امرزه هر سایتی در طراحی خود از border ها استفاده میکند.

ما در border ها چندین نوع داریم که به بررسی آنها می پردازیم :

  • border-style : این گزینه چندین مقدار دارد که نوع نمایش خط را نشان می دهد که چگونه کار میکند به عنوان مثال (dotted , dashed , solid) این گزینه هایی است که شما میتوانید انتخاب کنید.
  • border-width : این گزینه که از اسمش هم پیداست ضخامت border را به ما نشان میدهد .
  • border-color : در این قسمت هم به راحتی می توانید رنگ خط مورد نظر را عوض کنید .
  • border-top-style : شما به جای top میتوانید اسم چهار جهت اصلی را ینویسید و نوع هر جهت را جداگانه انتخاب کنید .

این از گزینه هایی بود که شما می توانستید برای یک  border انتخاب کنید.

و شما توسط تنها کلمه border میتوانید این کار های را انجام دهیم با هم ببینیم :

در خط بالا که میبینید چندین کار در یک خط نوشته شده است و که ضخامت و نوع و همچنین رنگ border را عوض کرده است .

شما همچنین می توانید از یک border کامل فقط یک طرف آن را داشته باشید :

تکه کد بالا دقیقا سمت چپ تگ P را استایل داده است .

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

دوره آموزش HTML و CSS (کار با متا تگ ها و آشنایی بار رنگ در HTLM)

colors and metatags
بخش آپدیت های مقاله
آموزش ویدیئویی در تاریخ 16 مرداد 98 اضافه شد .

سلام دوباره خدمت همه دوستان آیلین وب با یه جلسه دیگه از دوره ی آموزشی HTML و CSS خدمت شما هستیم . در این قسمت قصد داریم که در رابطه با رنگ ها و کد هایی که در تگ head نوشته می شود صحبت کنیم در ضمن بهتون پیشنهاد میدم که اگه آموزش های قبل این دوره رو ندیدن حتما قبل از شروع این جلسه جلسه های قبل رو کامل ببینید . خوب اگه به بیشتر سایت های که در این چند ساله ایجاد شدن نگاهی بندازین میفهمید که انتخاب رنگ یکی از عوامل مهم نگه داشتن کاربر در سایت است . و تگ head که میشه گفت به عنوان معرف و ورودی سایت ازش یاد کرد تگ های مهم زیادی داخلش جای میگیره پس بیایید که با هم همه اونا رو بررسی کنیم و این جلسه رو هم به پایان برسونیم . بزن بریم بچه ها ….

مروری بر جلسه سوم از دوره HTML و CSS :

ما در جلسه قبلی اگه یادتون باشه در رابطه با لینک ها تصاویر و فرم ها صحبت کردیم سعی کردیم که تقریبا تمام چیز هایی که ضروری هستش رو به شما بگیم و گفتیم،  برای این که شما یک لینک داشته باشید باید آن را داخل یک تگ <a> بندازیم و برای آدرس مربوط هم از href استفاده کنیم .

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

کار با رنگ ها در HTML :

شما برای این که در صفحات خود از رنگ ها استفاده کنید راه های بسیار زیادی دارید که HTML پیش روی شما گذاشته است. مثل استفاده نام رنگ ، کد رنگ به صورت هگزا دسیمال ، RGB و انواع مختلف دیگر که در ادامه آموزش های کار با CSS آشنا خواهید شد.

معرفی رنگ ها در html
کار با رنگ ها در html

در تصویر بالا که میبینید قسمت های RGB و HEX انتخاب شده میتوانید در نرم افزار فوتوشاپ نحوی کار با آنها و ترکیب هایشان آشنا شوید .

رنگ های RGB

به صورت 255 رنگ انتخاب میشوند و از ترکیب سه رنگ قرمز ، سبز و آبی ایجاد میشود و اگر شما (255,0,0) RGB در کد خود بنویسید رنگ شما به صورت کاملا قرمز ایجاد خواهد شد و به مراتب میتونید که اعداد آن را کم و زیاد کنید تا رنگ مورد علاقه خود را ایجاد کنید.

کار با کد رنگی HEX

به این صورت است که شما یک علامت هشتگ (#) در ابتدای کد میزنید و در ادامه کد رنگ را انتخاب میکنید . به این صورت است که دو حرف اول قرمز و دو حرف دوم سبز و همچنین دو حرف آخر آبی است و به عنوان مثال ff0000 # به شما رنگ قرمز میدهد و تغییر این رنگ به صورت دوتایی است و اصولا شما برای رنگ سفید باید از 6 حرف f استفاده کنید برای این کار شما میتوانید کد خود را کوتاه کنید مثل fff# به ازای هر دو حرف مشابه میتوانید از یک حرف استفاده کنید . با کار کردن این رنگ ها بیشتر میتوانید این کد ها رو درک کنید .

در جلسه ویدئویی که ایجاد میکنم  بیشتر با این کار آشنا خواهید شد.

کامنت ها در HTML :

شما میتوانید در کد های خود از متن ها و کد هایی استفاده کنید که در کد شما دیده شود ولی توسط مرورگر خوانده نشود syntax زیر:

در Html  برای این که یک تکه از کد خود را تبدیل به کامنت کنید باید در ابتدای آن (–!>) استفاده کنید و در انتهای خط خود یا هر جایی که میخواید که کامنت شما تمام شود باید از (<–) استفاده کنید .

نکته : من بهتون پیشنهاد میدم که برای این که کد های شما خوانایی بیشتری داشته باشد و برای ویرایش یا کس دیگری خواست کد های شما را بخواند بهتر است که از کامنت ها برای خوانایی بیشتر کد های خود استفاده کنید .

عناصر استفاده شده در تگ HEAD :

همانطور که میدانید تگ head یکی از تگ هایی است که در بین تگ <html>  و تگ <body> نوشته میشود و ما برای این که سایت خود را با دنیایی بیرون در ارتباط کنیم باید از یک سری تگ ها در head استفاده کنیم .

شما تگ هایی که در بین تگ head استفاده میکنید چیز خاصی در مرورگر نمایش نمیدهد ولی بیشتر کار ها رو میتونه انجام بده .

در زیر یک سری از کد هایی که استفاده میشود را لیست میکنیم و تگ هایی که بیشترین استفاده را دارند را مینویسیم:

<title> : این تگ عنوان سایت شما را مشخص میکند و حکم معرفی آن صفحه را دارد.

<style>: شما چندین نوع روش برای نوشتن کد های css دارید که در تگ style در این قسمت میتوانید که کدهای css را  بنویسید.

<link> : این تگ به شما کمک میکند با فایل ها و کدهای بیرون از html ارتباط داشته باشید. مثل ارتباط با فایل css.

<script>: شما میتوانید در بین این تگ کد های اسکریپت خود را بنویسید و یا آن را فراخوانی کنید.

meta tags :  کار با متا تگ ها چندین نوع دارند که در ادامه باهم آشنا میشویم :

  • <meta charset=”UTF-8> :

این نوع تگ که در قبل بیشتر با آن کار کرده اید کارکتر ها را به html معرفی میکند و باعث میشود که توسط مرورگر خوانده شود .

  • <“meta name=”description” content=”aylinweb .com> :

اصولا شما وقتی یک سرچ در گوگل میکنید در زیر لینک های یک سری توضیحات نوشته میشه که این description این کار را میکند .

  • <“meta name=”keywords” content=”HTML, CSS, XML, JavaScript> :

این متا به شما کمک میکند که تا کلمات کلیدی صفحه خود را به موتور جستجو معرفی کنید .

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

مقدمه ای بر معرفی زبانهای HTML و CSS

intro html and css period

سلام خدمت همه دوستان و همراهان سایت آیلین وب تیم مدیریتی ما تصمیم بر این گرفته است که یک دوره بسیار حرفه ای و دقیق را ایجاد کنه این دروه قراره  با عنوان طراحی سایت از صفر تا صد ایجاد بشه و طی چندین دوره رایگان و یک دروه حرفه ای با استناد به آموزش هایی که در دوره های قبل داده شده است . خوب ، ما دوره اول رو که پایه و اساس هر سایتی است و اگر شما بخواهید که یک سایت را پیاده سازی کنید حتما باید در مورد آن اطلاعات داشته باشید یادگیری زبان نشانه گذاری HTML و CSS است . شما اگر قصد این را نداشته باشید که یک طراح وب حرفه ای شوید. قطعا به عنوان کسی که یک سایت دارد حتما درگیر کد های HTML و CSS  خواهید بود پس با ما همراه باشید که آموزش راحت و بسیار حرفه رو به شما ارائه دهیم …

[toc]

معرفی دوره HTML و CSS :

دوره HTML و CSS
مجموعه دوره طراحی سایت

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

در این دوره ابتدا به معرفی سایت خواهیم پرداخت و خواهیم گفت که در چه اساسی یک سایت ایجاد میشود و کار میکند .

  • معرفی زبان HTML
  • تعریف ساختار یک سایت با HTML
  • شروع ایجاد یک سایت
  • معرفی تگ ها و تعریف بدنه سایت
  • ایجاد یک صفحه اینترنتی
  • آشنایی با تگ های حرفه ای تر
  • کار با رنگ ها ، جداول و ساختار ها در HTML
  • معرفی HTML5 و تگ های که اضافه شده

معرفی و کار با زبان CSS

  • معرفی زبان استایل دهی CSS
  • کار با HTML و CSS
  • معرفی خاصیت های زبان CSS
  • معرفی خاصیت های جدید در CSS3
  • استایل دهی های حرفه ای به کدهای HTML

دوره HTML و CSS

مناسب چه کسانی است :

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

آیا برای یک طراح وب شدن این دوره لازم است ؟

همانطور کسانی که اطلاعات بسیار اندکی در مورد سایت دارند ، میدونن که پایه و اساس یک وب سایت اینترنتی با HTML و CSS ایجاد شده است و شما برای این که بتوانید یه طراح سایت بسیار حرفه ای شوید باید در HTML و CSS استاد شوید . و حتی اگر شما از یک قالب آماده در وردپرس هم استفاد کنید در بعضی قسمت ها مجبورید که قالب را ویرایش کنید که در آنجا باید اطلاعاتی از این کدها داشته باشید.

پیشنهاد تیم آیلین وب : آموزش رایگان ایجاد سایت با وردپرس

و لازم به ذکر است که بگم بهتون برای ایجاد یک وبسایت کامل و پویا HTML و CSS کافی نیست باید با زبان های دیگر مثل JavaScript کار کنید تا بتوانید یک طراحی سایت انجام دهد و تا اینجا شما فقط یک سایت ظاهری طراحی کرده اید و برای تبدیل قالب به وردپرس کارهای زیادی دارید.

هدف از ایجاد سایت
دوره طراحی سایت

من برای شما از همین ابتدا منابع بسیار قوی در اختیارتان میگذارم تا شما اگر خواستید به منابع کد ها دسترسی پیدا کنید حتما به این منابع سر بزنید:

در انتهای مرحله اول دوره آموزش طراحی سایت چی یاد میگیرم؟

ما در این دوره از اولین دوره آموزش طراحی سایت فقط HTML و CSS رو به شما دوستان یاد میدم که با فرا گرفتن این دوره میتونید که یک صفحه را طراحی کنید و آن را کاملا ویرایش کنید و در ادامه با آموزش CSS میتونید به بهترین نحو طراحی های بسیار زیبای رو انجام دهید.

مدرس این دوره :

سامان فتاحی از تیم مدیریت آیلین وب

امیدوارم که با این دوره از ابتدا همراه ما باشید تا این که بتوانیم بهترین طراحی ها رو انجام بدیم در ادامه ازتون میخوام که اگه هر مشکلی در رابطه با آموزش ها و دوره داشتید در زیر همان ویدئو کامنت کنید و یا از طریق راه های ارتباطی سوالات خود را بپرسید.