چطور html و css رو یاد بگیرم؟ راهنمایی!!!

[netdoc]

سلام
دوستان عزیز

من یه مدتی میشه شروع کردم به یاد گیری html و بعدشم css
اما نمیتونم از داده هایی که یاد گرفتم در یک پروژه استفاده کنم

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

نظرتون چیه؟

باید چیکار کرد؟

دریم ویور کار کنم؟
بوت استرپ کار کنم؟

سپاس

 

[MihanV]

پیشنهاد من یکبار درس های : https://www.w3schools.com/ رو مرور کنید و کامل برید جلو با مثال هاش
بعد یک قالب آماده رو بردارید و سعی کنید چیزی بهش اضافه کنید و ارتقاش بدید و مواردی که یاد گرفتید رو به اون قالب آماده اضافه کنید

 

[netdoc]

سلام
درس های این سایت رو مرورو کردم و یک سایت ایرانی که همین سایت رو ترجمه کرده رو هم مروری داشتم
تو یوتیوب چندتا ویدیوی آموزشی دیدم و تا حدودی یه چیزهایی یاد گرفتم و دستم اومده
undefined
خواستم یک قالب وبلاگ رو تغییر بدم بعضی جاهای معمولی رو میتونم
مثلا عکس هدر و عوض کنم
بلوک ها رو تغییر بدم
undefined
اما میخوام کمی بیشتر برم جلو تو بحث یاد گیری
undefined
میگن باید از بوت استرپ یا دریم ویور استفاده کنی تا بهتر دستت بیاد تو یک پروژه طراحی html , css چه کار باید کرد.
undefined
undefined

 

[soheyl_ir89]

سلام. وقت به خیر
ان شالله موفق باشید

من برنامه نویس نیستم و حرفه ای هم نیستم تو html و css و ...؛
خدا رو شکر همت دارید و تمرین می کنید.
پیشنهاد من برای این که آموزش های بیشتر ببینید و از اون مهمتر، زمانی که یاد می گیرید، در ذهنتون تثبیت بشه اینه که برای خودتون پروژه تعریف کنید و با آموزش ها، پروژه ی خودتونو پیاده کنید. این طوری هم آموزش هارو مرتب و بهتر و منسجم دنبال می کنید، هم چون در پروژه به کار بردید، بلند مدت یادتون می مونه.
پروژه ای که برای خودتون تعریف می کنید اولا باید با توانایی هایی که می خواید به دست بیارید متناسب باشه، هم کم کم چالشی کنید؛ یعنی یه موارد پیچیده داشته باشه که برید دنبالش و برای همون خیلی چیزا پیدا می کنید و یاد می گیرید.
"آموزش تحت پروژه های متناسب و با چاشنی چالش".

موضوع بعدی انتخاب زبان ها و مسیری که انتخاب می کنید. بستگی داره چه هدفی دارید. در مورد زبان ها و ... تحقیق کنید و با توجه به بازار کار و نیازشون اهداف یادگیری رو انتخاب کنید. و شغلیه که مرتب باید جستجو کنید و باد بگیرید و به روز باشید.

متناسب هر مرحله ای که هستید و توانایی هایی که دارید و توانایی هایی که می خواید به دست بیارید، یه پروژه تعریف کنید و انجامش بدید.
هر جا موندید، توی چنین انجمن هایی بپرسید. برای تعریف پروژه می تونید از قالب های آماده استفاده کنید. مثلا یه قالب تمام html رو در نظر بگیرید و اجرای اون بشه هدفتون.
موفق تر باشید ان شالله

 

[soheyl_ir89]

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

 

[soheyl_ir89]

من یه مدتی میشه شروع کردم به یاد گیری html و بعدشم css
خیلی از دوستان پیشنهاد کردن فعلا برم با بوت استرپ کار کنم تا راه بیفتم

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

 

[soheyl_ir89]

اما نمیتونم از داده هایی که یاد گرفتم در یک پروژه استفاده کنم

متناسب هر مرحله ای که هستید و توانایی هایی که دارید و توانایی هایی که می خواید به دست بیارید، یه پروژه تعریف کنید و انجامش بدید.
هر جا موندید، توی چنین انجمن هایی بپرسید. برای تعریف پروژه می تونید از قالب های آماده استفاده کنید. مثلا یه قالب تمام html رو در نظر بگیرید و اجرای اون بشه هدفتون.

 

[ya3ya6]

من یه مدتی میشه شروع کردم به یاد گیری html و بعدشم css
اما نمیتونم از داده هایی که یاد گرفتم در یک پروژه استفاده کنم
خیلی از دوستان پیشنهاد کردن فعلا برم با بوت استرپ کار کنم تا راه بیفتم

سلام. w3schools یه بخشی داره how to. این مثال هاش خیلی عالیه، به نظرم با این تمرین کن:

W3Schools How TO - Code snippets for HTML, CSS and JavaScript

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

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

https://faranesh.com/web/17117-ecommerce-cahpter-1

دوره خیلی خوبیه، چند تا قالب میسازه توی دوره. خلاصه به نظرم 1. فیلم آموزشی قالب سازی ببین | 2. یه سری بخش های قالب، مثلا اسلایدر، یا نویگیشن ، رو بازسازی کن.
چون همینطور که احتمالا تا الان فهمیدی، اچ تی ام ال و سی اس اس مثل زبان انگلیسیکه فقط دیکشنری اش رو حفظ کنی کافی نیست، اینم که مثلا display: none مخفی میکنه رو یاد بگیری، کافی نیست. باید یاد بگیری اینارو ترکیب کنی برا قالب سازی.
موفق باشی

 

[mehdeejay2020]

شما پروژه محور باید ببینید.چون حالت عادی و دستورها و کدها خستگی هم میاره
باید تو پروژه دید و کاربردشون رو فهمید
دوره زیر رو توصیه میکنم.ازش راضی بودن کسانی که تهیه کردن
توضیحات رو بخون
مواردی که میخوای داره.بوت استرپ هم یاد میده
https://sh711.com/tutorial/22

 

[وكيل الرعايا]

سلام دریو ویور نصب کنید

ابتدا html مسلط بشید با کدها ! که زیادهم نیستن

بعد استایل شیت و css یاد بگیرید !

بعد تبدیل psd به html /css یاد بگیرید

بعد مسلط شدید برید به سراغ html 5 / cs3 که نتیجه اش میشه فریم ورک بوت استرپ !
بعد هم کامل مسلط شدید برید برنامه نویسی تحت وب پویا php

 

[netdoc]

سلام.

پس در حال حاضر که اشنایی کلی پیدا کردم با html , css

برای یادگیری و درک بهتر برم سمت دریم ویور تا به کدها ی html مسلط بشم؟

تشکر بابت همراهی و راهنمایی عزیزان

 

[ayma]

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

 

[netdoc]

فرمایشتون کاملا صحیحه

اما میخوام ابتدا خودم یه پیش زمینه کلی داشته باشم

موقع آموزش درک مطالب واسم راحت تر باشه.

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

هم طراح وب هستش و هم استاد دانشگاه ملی.

 

[netdoc]

سلام. w3schools یه بخشی داره how to. این مثال هاش خیلی عالیه، به نظرم با این تمرین کن:

W3Schools How TO - Code snippets for HTML, CSS and JavaScript

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

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

https://faranesh.com/web/17117-ecommerce-cahpter-1

دوره خیلی خوبیه، چند تا قالب میسازه توی دوره. خلاصه به نظرم 1. فیلم آموزشی قالب سازی ببین | 2. یه سری بخش های قالب، مثلا اسلایدر، یا نویگیشن ، رو بازسازی کن.
چون همینطور که احتمالا تا الان فهمیدی، اچ تی ام ال و سی اس اس مثل زبان انگلیسیکه فقط دیکشنری اش رو حفظ کنی کافی نیست، اینم که مثلا display: none مخفی میکنه رو یاد بگیری، کافی نیست. باید یاد بگیری اینارو ترکیب کنی برا قالب سازی.
موفق باشی

دقیقا مشکل بنده ترکیب سازی کدها برا قالب سازیه

 

[sina 893]

سلام
من توی این زمینه تازه واردم و شاید جالب نباشه که با وجود افراد حرفه ای ایکه توی همین فروم هستند بیام اظهار نظر کنم
اما نکته ای که هست اینه که باید پروزه محور کار کنید یعنی یه طرح برای خودتون فرصا یا فتوشاپ مشخص کنید با حتی روی کاعذ بکشید و بعد صفر تا صدش رو از هدر تا فوتر پیاده کنید تا ببینید کاربرد فلان propertyکجاس و مثلا کجا باید از فلانattribute استفاده کرد
بعلاوه اینکه توی هر سایتی که رفتید و چیز جالبی چشتون رو گرفت سریع کدهاشو بررسی کنید
به نظرم تا توی یه پروژه از دانسته هاتون استفاده نکنید نمی تونید خیلی سریع یه فایل psd رو تبدیل کنید به کد html و هزارتا کار دیگه رو انجام بدید

 

[sina 893]

به عنوان یک طراح وب اماتور هم باید بگم اگر text editor ای نصب نکردید تا الان خیلی سریع نصب کنید چون ادیتور انلاین کار زیادی رو پیش نمیبره از دید من حداقل. dreamweaver به نظرم چیز پیچیده ای هست و من بعد از چند روز کار کردن باهاش سریع پاکش کردم! Atoma یا brackets گزینه ایده الی هست به نظرم. بعد اینکهدبازم میگم که گزینه inspect هم کلا فراموش نشه. توی هر سایتی ک دید چیزی چشتونو گرفته یه کلیک راست بزنید و inspect رو انتخاب کنید و ببینید که طرف که سایتو اوکی کرده چه کرده که نتیجه ش شده این

 

[netdoc]

++ text editor notepad

رو نصب کردم.

و باهاش یک صفحه ساده هم html طراحی کردم و کمی هم کد css استفاده کردم.

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

 

[sina 893]

++ text editor notepad

رو نصب کردم.

و باهاش یک صفحه ساده هم html طراحی کردم و کمی هم کد css استفاده کردم.

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

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

 

[soheyl_ir89]

++ text editor notepad

رو نصب کردم.

و باهاش یک صفحه ساده هم html طراحی کردم و کمی هم کد css استفاده کردم.

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

پیشنهاد من برای این که آموزش های بیشتر ببینید و از اون مهمتر، زمانی که یاد می گیرید، در ذهنتون تثبیت بشه اینه که برای خودتون پروژه تعریف کنید و با آموزش ها، پروژه ی خودتونو پیاده کنید. این طوری هم آموزش هارو مرتب و بهتر و منسجم دنبال می کنید، هم چون در پروژه به کار بردید، بلند مدت یادتون می مونه.
پروژه ای که برای خودتون تعریف می کنید اولا باید با توانایی هایی که می خواید به دست بیارید متناسب باشه، هم کم کم چالشی کنید؛ یعنی یه موارد پیچیده داشته باشه که برید دنبالش و برای همون خیلی چیزا پیدا می کنید و یاد می گیرید.
"آموزش تحت پروژه های متناسب و با چاشنی چالش".

چطور html و css رو یاد بگیرم؟ راهنمایی!!!

سلام دوستان عزیز من یه مدتی میشه شروع کردم به یاد گیری html و بعدشم css اما نمیتونم از داده هایی که یاد گرفتم در یک پروژه استفاده کنم خیلی از دوستان پیشنهاد کردن فعلا برم با بوت استرپ کار کنم تا راه بیفتم نظرتون چیه؟ باید چیکار کرد؟ دریم ویور کار کنم؟ بوت استرپ کار کنم؟ سپاس

forum.persiantools.com

+ برای تعریف پروژه می تونید پوسته های موجود رو در نظر بگیرید؛ مثلا یه قالب ساده رو در نظر بگیرید و هدفتون ساخت مشابه اون باشه. اونو بسازید و بعدش قالبی که موارد جدید براتون داشته باشه. و همین طور پیش برید و ماهرتر بشید.

 

[armin67]

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