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

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


درود.
سوال من اینه که اصلاً چرا باید قسمتهای منسوخ شده مثل Tables و Type رو هم یاد بگیریم؟ و شما زحمت میکشید وقت میزارید منسوخ شده ها رو هم آموزش میدید…
آیا میشه من از قسمتهای منسوخ شده بگذرم و فقط کدهایی که در html5 و css است رو یاد بگیرم و آیا مشکلی ایجاد نمیکنه؟
باسلام و عرض ادب خدمت شما دوست محترم
خیر هیچ مشکلی نداره و اتفاقا باید از منسوخ شده ها گذشت و استفاده از آن اصلا پیشنهاد نمیشه
ولی اینکه آموزششون در سایت قرار داره، بخاطره اینه که مجموعه کامل باشه و همچنین برای اینکه شما همه ی این تگ ها، صفت ها رو بشناسید و بدونید که مثلا فلان تگ یا صفتی هم هست که فلان کارو میکنه ، ولی خب دیگه منسوخ شده هستن و تگ یا صفت جایگزین هم براشون ایجاد شده که دیگه باید از اون جایگزین شده ها استفاده کنید.
باتشکر
با سلام و خسته نباشید. می خواستم بپرسم در سایت قسمتی برای آزمون و تمرین آنلاین برای CSS قرار خواهد گرفت؟ (مثل HTML)
باسلام و عرض ادب
آزمون زبان CSS
تمرین آنلاین زبان CSS
درود بر شما
و تشکر ویژه برای اینقدر زحمت که می کشین برای کامل بودن سایت
میخاستم سه تا سوالی بپرسم
در حال حاضر من با شما پیش رفتم و میشه گفت css رو تموم کردم
سوالم اینه که الان که من تمام مباحث توی سایت راجب html و css رو یادداشت برداری کردم و یاد گرفتم ایا میشه گفت که چیزی از html و css نیست که من بلد نباشم؟
و سوال دوم هم اینکه قراره بعد از جاوا اسکریپت که در حال حاضر در حال تدریس هست چی تدریس کنین؟
و سوال سوم هم اینکه جاوا اسکریپت قراره چند جلسه دیگع داشته باشه ؟ ( در حال حاضر تا اعتبار سنجی فرم ها تدریس کرده این )
باسلام و عرض ادب خدمت شما دوست محترم
خیلی خوشحالم که سایت براتون مفید واقع شده
جواب ۱ : تاجایی که شده سعی کردم html و css کامل و جامع باشه و از این جامع تر خیلی بعید میدونم جای دیگه ای گیر بیاد مگه اینکه بنده جایی گوشه ای چیزی رو فراموش کرده باشم وگرنه کامل هستن، و همین یعنی بله شما اگه اینارو کامل دنبال کرده باشید دیگه چیز خاصی نیست. ( تبریک میگم بهتون اگه کامل کردید )
جواب ۲ : بعد از جاوااسکریپت که کامل و جامع تموم بشه ان شاالله بوت استرپ ( چون طبق برنامه ریزی مشخص شده پیش میره )
جواب ۳ : جاوااسکریپت به زودی DOM و BOM و متدها و هر چیز دیگه ای درمورد جاوااسکریپت سعی میکنم اینارم اوکی کنم ( زمان تنها چیزیه که به سختی دارمش با توجه به مشغله های مختلف )
چند سوال برای محک زدن شما :
یک باکس دارم که در زیر یک باکس دیگه رفته و میخوام بیارمش بالا ؟ باید از چه ویژگی استفاده کنم؟
من چندین باکس در صفحه ایجاد کردم ولی وقتی اندازه عرض (width) 100% بهشون میدم ولی نمیدونم چرا از صفحه میزنن بیرون؟؟ بنظرت مشکل چیه و چجوری باید حل شه؟؟
من ۲تا باکس رو فلوت یا شناور کردم به سمت چپ و راست ولی وقتی یه باکس دیگه بعد از اینا میارم اون باکسم فلوت میشه و خراب میشه استایل ؟ باید چکار کرد؟
من ۲تا باکس دارم ولی میخوام یکیش در گوشی موبایل مخفی بشه باید چکار کنم از چه ویژگی استفاده کنم؟
من میخوام یه دکمه برو به بالای صفحه درست کنم که وقتی روش کلیک میشه آروم و نرم اسکرول بشه بسمت بالا ، باید از چه ویژگی ای برای اسکرول نرم استفاده کنم؟
فعلا همینا اومد تو ذهنم
پاسخ سوال ۱: z-index
پاسخ سوال ۲: فک کنم اگر که باکس ها رو توی یک div قرار بدیم دیگه همچین مشکلی به وجود نمیاد
پاسخ سوال ۳: باید از ویژگی float استفاده کرد و اون رو روی حالت none قرار داد ( برای همون باکس سوم )
پاسخ سوال ۴: باید از ویژگی @media استفاده کرد و برای اون شرط تعیین کرد که مثلا اگر اندازه ی صفحه گوشی از فلان اندازه کمتر بود تو بیا و مثلا باکس مورد نظر را display کن و روی حالت none و یا hide قرار بده
پاسخ سوال ۵:اینو دیگع واقع یادم رفته
اما یادمه که گفتین این ویژگی در همه ی مرورگر ها پشتیبانی نمیشه و بهتره که از جاوا اسکریپت استفاده بشه
من تا زبان css و html رو تموم کردم به سرعت رفتم سراغ امتحان هاش
برای html گرفتم ۷۹% و برای css هم گرفتم انگاری ۸۷ %
اونم بدون تقلب
با سلام
پاسخ سوال اول درسته
پاسخ سوال دوم درست نیست ( خب بزاریم تو یه div بعدش چکار کنیم ) یه div بخودی خود نمیتونه اون مشکل رو حل کنه – باید از ویژگی box-sizing استفاده کرد که بتونیم اندازه های عناصر رو ( از جمله اندازه بوردر و پدینگ و.. ) از همدیگه تفکیک کرد. ( حتما آموزش box-sizing رو مشاهده کن )
پاسخ سوال سوم هم درسته و هم یجورایی در معنای واقعی درست نیست – آموزش ویژگی clear و مثال شماره ۴ رو حتما بررسی کن حتما این آموزش رو مشاهده کن
پاسخ سوال چهارم درسته ( بهترین گزینه همون display با مقدار none می باشد و استفاده از visibility با مقدار hidden پیشنهاد نمیشه )
پاسخ سوال پنجم درسته
خیلی چیزارو موقع که خودت درگیرشون بشی یاد میگیری و اینها میشن چالش که درگیرت میکنن و باید به دنبالشون بری و یادشون بگیری ( مثلا اون سوال شماره ۲ همینجوری ظاهری انگار اصلا معنی و مفهوم نداره و فقط موقعی اینارو متوجه میشی که باهاشون برخورد کنی و همین میشه از اون چالش هایی که گفتم )
متوجه شدم
خیلی ممنون از سایت خوبتون و اینقدر اهمیت دادن به نظرتان کاربران
فقط اگر میشه بعد از اموزش جاوا اسکریپت ورد پرس و پی اچ پی و مباحث seo رو نیز به طور کامل آمــــوزش دهید . (+_+)
مـــچـــکرم
باتشکر از شما
چون آموزش ها طبق برنامه ریزی قبلی مشخص شدن بهمین دلیل برای آموزش هایی که فرمودید نمیتونم قول مستقیم بدم
مثلا بعد از جاوا اسکریپت آموزش بوت استرپ می باشد و بعد از اون آموزش PHP می باشد و همینطور در ادامه دیگر آموزش ها ( جی کوئری ، آجاکس ، وردپرس، سئو ، ویندوز، ورد ، اکسل ، پاورپوینت و…) که دیگه زمان حرف اولو میزنه و ایشالا به مرور همشون میرن
با سلام و عرض ادب
میخواستم بدونم که منوی navبالای سایت شما گزینه آموزشhtml:به محض قرار گرفتن ماوس٬یک dropdownباز میشه و گزینه هاش زیر مجموعه دارند.با احترام ٬نحوه ی ساختش رو بدونم.در واقع برای dropdownچطور همچین زیرمجموعه برای هر گزینه قرار بدم؟
باسلام و عرض ادب
دمو آنلاین
دانلود
با سلام و عرض ادب
از شما بی نهایت سپاسگزارم.
باسلامی مجدد
خیلی خواهش میکنم
موفق باشید
با سلام و عرض ادب
میخواستم چند سوال بپرسم:
۱٫اگر بخواهم با تگ ویدیو ٬ مدیا پلیری را در صفحه بسازم و برای اجرا ویدیو و یا صوت این مدیا پلیر در به صورت پیش فرض وجود داشته باشد .با فرض اینکه تعدادی ویدیو در صفحه لیست شده است٬در صورتی مایل نباشم برای پخش هر ویدیو صفحه ای جداگانه ساخته شود ٬به طور خلاصه برای پخش لیستی از ویدیو و یا صوت مدیا پلیر مجزا نساخته و همه بتوانند در یک مدیا پلیر اجرا شوند شبیه نرم افزار مدیا پلیر کامپیوتر .امکان این کار وجود دارد؟
۲٫امکان استایل دهی به این مدیا وجود دارد؟
۳٫اگر بخواهم با قرار گرفتن ماوس بر روی ویدیو٬یک پیش نمایش از خود ویدیو اجرا شود…باید لینک جداگانه بنویسم؟
باسلام و عرض ادب
بطور کلی بله همه کار میشه کرد و امکان داره
جواب ۱ : برای ایجاد یک لیست پخش خب شاید بشه از روش های مختلفی استفاده کرد، و هر روش هم ممکنه ساده یا حرفه ای باشه ولی درکل میشه به کمک جاوااسکریپت یا جی کوئری همچین چیزی ایجاد کرد.
جواب ۲ : بله میشه پلیر با استایل دلخواه ساخت ( هرچند پلیرهای آماده و با استایل زیباتر درحال حاضر وجود دارند )
دانلود سورس ( برای جواب شماره ۱ و ۲ )
جواب شماره ۳ : بله اینم میشه ولی میزارم برعهده خودت که چالشی باشه برات، کاری کن که وقتی ماوس میره روی ویدئو ، ویدئو پلی ( پخش ) شه. تلاش خودتون کن حالا بعدا اگه نشد بگو بهم
باتشکر
با سلام و عرض ادب
اول از هر چیز بابت راهنمایی های شما از شما ممنونم.در مورد جواب سوم هم خب ایده اولیه ام این هستش که ویدیو کوتاهی رو از ویدیو اصلی انتخاب کنم و وقتی ماوس رو لینک ویدیو اصلی قرار گرفت٬ویدیو به صورت خودکار اجرا بشه و حالت بی صدا رو اضافه میکنم.اجرا رو بوسیله جاوا اسکریپت انجام میدم؛البته اگر امکانش وجود داشته باشد. مطمئن نیستم چقدر عقلانی و مؤثر هست.
شرمنده ام ولی در مورد تگهای,,,,,,,,, میشه راهنمایی کنید؟این تگ ها رو داخل نمونه کد یه موزیک پلیر دیدم.امکان داره از این تگ ها برای استایل دهی به مدیا پلیر استفاده کرد؟
باسلام و عرض ادب
اینکه بخواید ۲ ویدئو مجزا داشته باشید، کار منطقی نیست چراکه شما باید فکر سرور و توان اجرارو هم کنید، اگه سرور قدرتمندی داشته باشید خب بله ممکنه بشه ولی منطقی ترین روش اینه که وقتی ماوس میره روی ویدئو ، خوده همون ویدئو پخش بشه ( بدون صدا )
در مورد اون تگ ها، متاسفانه تگ ها ناقص ارسال شدن ( یعنی بنده چیزی دریافت نکردم ) لطفا بفرستید به ایمیل FreeLearn20181@gmail.com
با سلام و عرض ادب
تگ های که ذکر کردم در ارتباط با تگ svg هستند تگی که مربوط رسم اشکال گرافیکی هستند.
مثل تگ .
. در مورد ویدیو : اگه مدت زمان و حجم ویدیو کم باشه در حد سه دقیقه ٬باز هم مشکل ایجاد میشه؟
باسلامی مجدد
متاسفانه در این ادیتور تگ هارو ارسال نمیکنه و شما هرتگی که بنویسید از بین میره وبنده چیزی نمی بینم که بخوام راهنمایی کنم.
در مورد ویدئو : شما خودتون باید حتما باهاش درگیر بشید تا متوجه یسری مسائل بشید، اگه در حد چنتا ویدئو هستش مشکلی نیست ولی اگه درحد یه سایت با کلی ویدئو هست اصلا پیشنهاد نمیشه چون سرور خیلی بهش فشار میاد و توان اجرا نیست مگر اینکه سرور شما خیلی قدرتمند باشه ( که سرور قدرتمند هم هزینه خیلی بالایی داره )
اگه کلا برای تست و در حد تمرین خودتون هستش هیچ مشکلی نداره و حتما انجام بدید
با سلام و عرض ادب
اگه قصد داشته باشم به یک فونتsvg مثل خونه ٬چند رنگ اضافه کنم چه کار باید انجام بدم؟منظورم از چند رنگ این هستش که سقف خونه مثلا قهوه ای بشه ٬دیوار طوسی رنگ باشه.
یک نمونه مثال دیدم که سازنده اش ادعا میکرد با انتخابگر هایbefore وafterاون فونت رو چندرنگی ساخته.امکانش هست که در این مورد منو راهنمایی کنید.
یک سوال دیگه هم دارم که در مورد نحوه نمایش ایموجی ها در مرورگر هستش.یک سایت رو دیدم که نحوه نمایش یک ایموجی در انواع مرورگر ها و حتی نحوه نمایش ایموجی در موبایل با سیستم عامل
اپل و یا گوشی های سامسونگ رو هم نشان داده بود.سوالم این هستش که چطور کد ایموجی رو بنویسم تا نحوه نمایش اون ایموجی در مرورگر من مثل نحوه نمایش اش به طور مثال در سیستم اپل باشد.
با سلام و عرض ادب
جواب سوال شماره ۱ :
معمولا svg ها بصورت لایه باز هستند، این یعنی شما میتونی به راحتی لایه های مختلفش رو کنترل کنی ( مثلا تغییر رنگ و.. ) ولی اگه بصورت لایه بسته ارائه بشه دیگه به راحتی نمیشه بخش های مختلف رو کنترل کرد.
شما لطف کن آدرس سایت یا هرچی که هست از svg تون بفرستید تا بنده بتونم بهتر راهنماییتون کنم.
جواب سوال شماره ۲ :
ایموجی خب اگه بصورت عکس باشه که هیچی دیگه، عکسه و در تمامی دستگاها ( موبایل ،لپ تاپ و هرمرورگری ) بصورت یک شکل نمایش داده میشه، اگه بصورت svg باشه هم همینطور و در تمامی دستگاها به یک شکل نمایش داده میشه.
ولی اگه بصورت کد باشه ( مثله ۱۲۷۸۲۱&# ) این کدهارو معمولا مرورگرها یکسان نشون میدن ولی خب ممکنه مرورگری به هردلیلی از اون کد پشتیبانی نکنه و عملا یکسان نشون نده و این بخاطره متفاوت بودن ساختار مرورگرهاست ( مثلا مرورگر کروم با فایرفاکس در نحوه نمایش برخی از تگ ها متفاوت عمل میکنن )
با سلام و عرض ادب
از اینکه اینقدر خوب توضیح میدید٬ ممنونم.
من از https://fontawesome.com/v4.7 فونت دانلود کردم.
اون سایتی که درباره اش قبلا گفتم .
https://codepen.io/Keyamoon/pen/vXxJgq
در نتیجه باید عکس ایموجی رو دانلود کنم.
یک سوال دارم :برای ساخت ابزار زیباساز وبلاگ ٬فقط نیاز دارم که جاوااسکریپت رو بلد باشم؟
باسلامی مجدد
فونت آیکون Font Awesome رو نمیشه زیاد روش کنترلی داشت چون لایه هاش باز نیستند، نهایت کنترلی که میشه داشت اینه که رنگ و اندازه شود تغییر داد
مشاهده مثال
اون سورسی که از سایت CodePen فرستادید، اون از آیکون هایست که لایه دار هست و میشه روی لایه هاش کار کرد، ولی Font Awesome رو نمیشه اونجوری کرد.
در مورد ساخت ابزار زیباساز وبلاگ : معمولا و بیشتر با جاوااسکریپت استفاده میکنن ولی خب بستگی داره به چیزی که قراره ایجاد شه ولی در مجموع در این مواقع جاوااسکریپت بیشترین استفاده رو داره.
سلام من تازه شروع به یادگیری HTML و CSS کردم، سوالم اینه که آیا واقعا طراحان وب به اینصورت با کد نویسی طراحی میکنن؟ یا اینا فقط واسه یادگیری هست و یک برنامه ای هست کا باهاش راحت مثلا دکمه یا اشیاء رو میارن تو صفحه و هرجور که بخوان میچینن و اون نرم افزار خودش با توجه به اون طرح کد نویسی میکنه؟ میخوام بدونم دقیقا طراحا از چه برنامه هایی استفاده میکنن و به چه صورت کار میکنن در واقعیت؟ آیا همه چیزو حفظن یا میرن از نت میگردن کپی میکنن؟ و اینکه بعد از اموزش HTML و CSS و JS باید چی رو یادبگیریم؟
باسلام
پیشنهاد میکنم اول این لینک رو کامل مطالعه نمایید
پس با تصور بر اینکه شما لینک بالارو کامل مطالعه کردید و بطور کامل با یسری مفاهیم آشنا شدید من یسری چیزارو توضیح میدم
==================
آیا واقعا طراحان وب به اینصورت با کد نویسی طراحی میکنن؟
یک برنامه نویس واقعی دقیقا کسی هست که خودش با دست خودش کد میزنه ( کد تایپ میکنه )،یک برنامه نویس واقعی کسی هست که خالق یک طرح ( سایت ، صفحه و.. ) می باشد، یک برنامه نویس واقعی دارای ذهن و تفکر باز ، صبور ، قدرت ارائه راه حل و… می باشد.
==================
برنامه ای هست کا باهاش راحت مثلا دکمه یا اشیاء رو میارن تو صفحه و هرجور که بخوان میچینن و اون نرم افزار خودش با توجه به اون طرح کد نویسی میکنه؟
بله در مجموع هست
هم بصورت نرم افزار و هم بصورت سایت ساز
نرم افزار : مثه یه برنامه که روی سیستم نصب میکنی و اجرا میکنی بعدش با ماوس عناصر رو میگیری و میندازی داخل صفحه و یه رنگ ، تصویر و.. مشخص میکنی و کدشو تحویلت میده
سایت ساز : یسری سایت ها هستن که بهشون میگن سایت ساز، بصورت آنلاین بازم با ماوس عناصر رو میگیری و… صفحه طراحی میکنی
در کل اعتقادی بهشون ندارم و قطعا یک برنامه نویس واقعی با این چیزا کار نمیکنه، چون اگه کار کنه صددرصد دیگه نباید حتی بخودش بگه برنامه نویس
و اینکه قالب هایی که این نرم افزارها یا سایت ساز ها خروجی میدن، همشون شبیه همن ( یعنی مثلا اگه با ماوس یه دکمه بزاری تو صفحه، خب اون دکمه مثلا رنگش آبی و شکلش مستطیلی هس فقط همین، حالا اگه ۱۰۰ نفر با اون نرم افزار کار کنن دقیقا همین دکمه رو بهشون تحویل میده ) مگه اینکه خودت یه چیزی بلد باشی و بتونی کدشو تغییر بدی و یه چیز متفاوت ازش دربیاری
==================
میخوام بدونم دقیقا طراحا از چه برنامه هایی استفاده میکنن و به چه صورت کار میکنن در واقعیت؟
همینایی بود که گفتم
اگه بخوام در این مورد صحبت کنم بیش از ۲۰۰۰ کلمه هم میشه صحبت کرد ولی فرصت و وقتش نیست
کلا ۲ حالت داره، یا طرف واقعا یه چیزی بلده و برنامه نویس هس یا برنامه نویس نیست و فقط با نرم افزارهای آماده کار میکنه، در هرصورت تفاوت این دوتا از زمین تا آسمونه
==================
آیا همه چیزو حفظن یا میرن از نت میگردن کپی میکنن؟
اینش مهم نیست، مهم اینه که بدونی قراره چکار کنی
مثلا میخوای یه فرم در صفحه درست کنی ، اینکه بدونی اصلا HTML چیه؟ تگ های مربوط به فرم چیه؟ زبان CSS چیه؟ و…. اینا هستن که مهمن، وگرنه شما برو با ماوس کدهارو کپی کن، اینکار هیچ ارزشی برات نداره
حالا یکی حفظیاتش خوبه ممکنه ۱۰۰تا دستور رو حفظ کنه خب بقیش میخوای چکار کنی؟ فقط یه زبان یا یه دستور که نیست، چندین زبان مختلف با کلی دستور هستش ، قرارم نیست کسی همه چیز رو حفظ کنه، شما فقط باید بدونی قراره چکار کنی؟ باید منطق برنامه نویسی رو درک کرده باشی
مثلا بازم خواستی فرم در صفحه درست کنی، خب حالا که درکش کردی حالا که میدونی که قراره چکار کنی، حالا که میدونی زبان HTML و تگ های فرم چیه، ولی نحوه نوشتن کلمه یادت رفته!؟ خب اشکالی نداره یه سرچ میزنی و نحوه نوشتاری کلمه رو میبینی فقط همین
مهم اینه که میدونی قراره چکار کنی
==================
اینکه بعد از اموزش HTML و CSS و JS باید چی رو یادبگیریم؟
اون لینک اولی که فرستادم اول ببین و مطالعه کن، بعدش باید مشخص کنی چی میخوای یا قراره از کدوم مسیر بری و..
با توجه به اینکه شما الان اول کار هستی و در مجموع میشه گفت ۰ هستید قطعا ۹۹ درصد خیلی از چیزارو نمیدونید، موقعی یادشون میگیری که بری دنبالشون ،فقط همین
==================
و در آخر
تو دنیا هیچ سایت،نرم افزار و… معروف و بزرگی وجود نداره که با نرم افزار آماده طراحی کرده باشن ، یه برنامه نویسی واقعی تنها با برنامه نویسی واقعی امکان پذیره
سلام ممنون از توضیحات و آموزش خوبتون، من آموزش مقدماتی HTML و CSS رو توی سایتتون خوندم و یادگرفتم، اما هنوز حس سردرگمی میکنم و حس میکنم هنوز نمیتونم چیزی که دلم میخواد رو خلق کنم. (البته میدونم چون من فعلا در حد مبتدی یاد گرفتم اما فکر نمیکنم بقیه اموزش هارو هم بخونم بتونم کارایی که میگم رو انجام بدم )وقتی توی سایت های مختلف میگردم و چیزای مختلف میبینم میگم عه پس چرا من نمیدونم چطوری باید همچین چیزی پیاده سازی کنم؟!
منظورم پویا کردن صفحه و ساخت صفحات خوشگله
مثلا من میخوام یه باکسی که با div ساختم پایینش مثل موج دریا دائم حرکت کنه ( ولی خب فقط تا ایجاد باکس با div و رنگی کردنش و سایز دادنش با css رو بلدم همین )
یا مثلا دوست دارم ویدئو باکس یا موزیک باکس رو با طراحی دلخواه خودم توی صفحه بیارم نه با اون طرح همیشگی که تو همه سایت ها هست ( مثلا دکمه پلی با طرح دلخواه خودم و در موقعیت دلخواه خودم، یا مثلا کاری کنم طرف توی ویدئو باکس توی حالت گوشی وقتی انگشتشو از سمت راست صفحه بالا پایین کشید صدا یا نور کم و زیاد بشه و کلا از این کارا و شخصی سازیا )
خیلی از این فکرا تو ذهنمه اما نمیدونم چطور باید بسازم
یا مثلا چند آیتم که بصورت افقی اسکرول میشن و موقع اسکرول یه انیمیشن خاصی داشته باشه
یا اصلا بتونم اون نوار اسکرول کردن رو مدلش رو تغییر بدم
خیلی خیلی از این چیزا تو ذهنمه اما نمیتونم انجام بدم
چطور باید یادبگیرم که هرکاری که دلم خواست بتونم انجام بدم و هرچیزی رو خلق کنم بدون هیچ محدودیتی؟
یه سوال دیگه هم اینکه آیا شما از Adobe Dreamviewer استفاده میکنید؟ یا همونطور که توی اموزشا گفتید کلا فقط از ++Notepad استفاده میکنید؟
باسلام
با HTML و CSS خالی نمیشه هرکاری کرد چون اصلا امکان پذیر نیست و هر زبانی در اندازه خودش کارایی داره
شما فرمودی مقدماتی HTML و CSS رو خوندی ، این برای شما فایده نداره ، شما باید حداقلش ۰ تا ۱۰۰ HTML و CSS و JS رو کامل مسلط باشید بعدش تا بتونید یسری کارارو انجام بدید
مثلا یک فرم با HTML درست کردی حالا میخوای داده ای که کاربر داخلش وارد میکنه رو درون پایگاه داده ذخیره کنی، اینکار نه با HTML نه CSS امکان پذیر نیست فقط زبان های سمت سرور میتونن همچین کاری کنن مثه PHP
من از ++NotePad استفاده میکنم
شما میگید با HTML و CSS خالی نمیشه هرکاری کرد، خب پس با چی یا چه زبانی میشه اینکارارو انجام داد؟ مثلا همون حالت موج متحرک دادن به یک ضلع باکس.؟
بعد یک سوال دیگه اینکه JS مگه خودش یک زبان کامل برنامه نویسی نیست پس چرا به php نیاز پیدا کردیم و رفتیم سمتش؟ آیا JS نمیتونه کارهای php رو انجام بده؟
حداقلش اینه در حالت مقدماتی ( چیزی که الان شما بلدی ) نمیشه
شما اول باید دایره یادگیری تو کاملتر کنی بعدش به مرور زمان متوجه میشی که میشه یا نمیشه
یسری چیزا هستن که به مرور زمان یادشون میگیری و زمان یادت میده نباید عجله کنی
زبان های برنامه نویسی هرکدوم تا یه اندازه ای کاربرد دارن و میتونن کاری کنن
الان شما میتونی کاری کنی که وقتی ماوس رفت روی عکس ، عکس ۳۶۰ درجه بچرخه؟
شما فکر میکنی با HTML و CSS خالی میتونی یه سایت کامل ( یعنی فرانت اند و بک اند ) درست کنی!؟ ولی نه چنین چیزی امکان پذیر نیست ، با HTML و CSS فقط میشه فرانت اند رو درست کرد و بک اند با زبان های سمت سرور امکان پذیره
با سلام و وقت بخیر
قبل از هر چیزی خواستم از سایت خوبتون و آموزش هایی که رایگان در اخیار همه قرار دادید ازتون صمیمانه تشکر و قدردانی کنم، خداقوت.
من تازه چند جلسه ای هست که دارم میرم کلاس طراحی وب(فنی حرفه ای) با سایت شما هم بعد از اینکه ثبت نام کردم و چند جلسه ای رفتم آشنا شدم، طبق گفته خودشون این دوره به ۳ تا دوره تقسیم شده: طراب وب ۱، طراحی وب ۲، طراحی وب ۳٫ در وب ۱ HTML و CSS رو قراره آموزش بدن در وب ۲ وب برای موبایل و در وب ۳ جاوا اسکریپت.
بچه ها در مورد کار و درآمد ازش پرسیدن، ایشون هم گفت در پایان دوره طراحی وب ۱ یعنی همون HTML و CSS ما می تونیم راحت سایت بسازیم و درآمد داشته باشیم. همچین چیزی صحت داره؟
مممنون میشم پاسخ بدید و راهنمایی کنید.
باسلام و عرض ادب خدمت شما دوست خوبم
امیدوارم که حالت خوب باشه
اول از هرچیز پیشنهاد میکنم این صفحه رو بطور کامل مطالعه کنید ( کلیک کنید )
صفحه بالا که گفتم رو ایشالا مطالعه کنی متوجه میشی که بطور کلی طراحی وب ۲ دسته اصلی داره ( فرانت اند و بک اند )
زبان هایی مثه HTML و CSS میشن فرانت اند، میشن ظاهر یک سایت
وقتی شما یه صفحه ( یا سایت یا قالب ) رو با HTML و CSS یا حتی با JavaScript طراحی میکنید این میشه یه صفحه خام HTML و در نهایت میشه یک سایت استاتیک
حال برای اینکه یک سایت خام HTML بخواد تبدیل بشه به یک سایت داینامیک ، اینجا دیگه بک اند میاد وسط ( که بک اند هم زبان های مخصوص خودشو داره )
مثال :
بفرض مثال شما یه صفحه ثبت نام و ورود میخوای طراحی کنی
خب با HTML و CSS میای و اصل کار و ظاهر کارو طراحی میکنی ( پس اینجا میشه ظاهر کار یا همون فرانت اند )
حال ما میخوایم وقتی کاربر اطلاعاتشو وارد کرد و روی دکمه ثبت نام کلیک کرد، اطلاعاتش داخل پایگاه داده ثبت شه ( اینجا دیگه HTML و CSS کاربردی ندارن و باید از زبان های بک اند مثه PHP استفاده کرد )
پس اینو بدون هر زبانی در جای خودش کاربرد داره و نمیشه همه کارو یه زبان انجام بده
============================================================
روش های کسب درآمد از اینترنت روش های مختلفی داره و برخی از این روش ها اصلا ربطی به برنامه نویس بودن یا نبودن نداره
۱ : مدیر سایت بودن ( طرف میده براش یه عده دیگه سایتشو طراحی کنن بعدش در موضوع مشخصی به عنوان مدیر سایت فعالیت میکنه و اگه سایتش پربازدید بشه میتونه در موضوع خودش کسب درآمد کنه )
۲ : تبلیغات گرفتن ( شما داخل سایتتون پول میگیری تبلیغ میزاری )
۳ : پروژه گرفتن ( شما به عنوان یه برنامه نویس پروژه میگیری و طراحی و برنامه نویسی میکنی )
۴ : ترجمه و فارسی سازی کردن ( قالب های خارجی رو میاری و فارسی سازی میکنی و میزاری برای فروش )
۵ : طراحی و برنامه نویسی هرنوع سایت داینامیک ( مثلا سایت فروشگاهی، خبری و.. ) و گذاشتن در سایت هایی مثه سایت راست چین برای فروش
و..
============================================================
باتشکر
خیلی ممنون از وقتی که برای پاسخ دادن گذاشتید.
امیدوارم آموزش های خوب و عالیتون همینطور ادامه داشته باشه
همیشه موفق و پیروز باشید.
سلام وقت بخیر
در صفحه محصولات ووکامرس وقتی تصویر تکی قرار میدهم نمایش داده میشود ، اما زمانی که چند تصویر در گالری اضافه میکنم تصاویر انگشتی دیده میشود ولی تصویر اصلی سفید رنگ میشود و نمایش داده نمیشود . لطفا راهنمایی بفرمایید . ممنونم
باسلام و عرض ادب
خب این مورد چیزی نیست که بشه به این راحتی و از دور در موردش نظر داد
ولی ممکنه مشکل از بروزرسانی باشه، حالا یا بروزرسانی افزونه ای چیزی یا خوده ووکامرس
این مورد باید بطور تخصصی بررسی شود
باتشکر
سلام و وقت بخیر
برای حذف زیرخط ها در عنوان سربرگ یا اسلایدر یا… لینک شده چگونه می توان کد CSS مورد استفاده قرار داد؟ من در قسمت CSS سفارشی ویجت عنوان و یا سایر ویجت لینک شده و حتی در تب پیشرفته صفحه قسمت css سفارشی کد: a {text-decoration:none}; را نوشتم ولی تاثیر نداشت و زیرخط حذف نگردید.
با تشکر
باسلام و عرض ادب
خب وقتی ما بخوایم بطور مستقیم اینکارو کنیم اونم در بین ده ها و صدها کلاس و.. خب احتمالش کمه که دستور شمارو قبول کنه
شما باید بطور دقیق آدرس بدید و در نهایت از کلمه کلیدی important استفاده کنید
فرض میکنیم لینک من در کلاس test قرار داره پس بصورت زیر عمل میکنم
test a{ text-decoration:none !important; }