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

دسته بندی: آموزش
زمان مطالعه: ۱ دقیقه
۰۴ دی ۱۳۹۳

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

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

فصل دوم: آشنایی با زبان های HTML و CSS و کاربرد آن ها در دنیای وب

  • Syntax و قواعد نوشتاری تگ های HTML
  • انواع ویژگی ها (Attributes) در تگ های html
  • ویژگی های اصلی و سراسری
  • رویدادها (events Attributes)
  • ویژگی های خاص تگ ها
  • Syntax و قواعد نوشتاری CSS 
  • تگ ها و ویژگی های منسوخ شده HTML و جایگزین آن ها
  • بدنه و ساختار کلی یک صفحه وبhtml و تشریح بخش های مختلف آن
  • کامنت ها در صفحات html
  • کامنت های شرطی
:: توجه

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

ثبت نام در آموزش طراحی وب سایت

نویسنده
بیش از 15 سال هست که برنامه نویسی می کنم و از بین همه زبون هایی که کار کردم جاوا، اسمبلی و php رو دوست دارم. دانشجوی دکترای نرم افزارم و توی دانشگاه روی پردازش بیگ دیتا و پردازش موازی کار کردم و عاشق چالش از هر نوعیش هستم! سون لرن مثل بچه منه که 12 سال براش وقت گذاشتم، اینجا همه تلاش می کنیم از شروع یادگیری تا ورود به بازر کار حوزه برنامه نویسی و IT همراهتون باشیم.

جلسات دوره

نظرات کاربران

parisa

سلام خسته نباشید موقع نصب phpstorm با خطای wrong paasword مواجه میشم خوشحال میشم راهنمایی کنید

Support Video

با سلام و احترام
با توجه به توضیحات شما در این ویدیو چند سوال برای من پیش آمده
1-گزینه برای تعریف یونکد فارسی وجود دارد که شما آنرا به این صورت تعریف کردید و معنی مفهوم آنرا این قرار دادید که این صفحه اچ تی ام ال است

حال سوال این است با توجه به تکه کد تعریف شده اگر به تنهایی تگ متا همراه با charset آورده شود که utf8 می باشد و کاملا به درستی کار می کند چه نیازی به استفاده از تگ های دیگر است که در داخل این تگ تعریف شده است به نام http-equiv=”Content-Type” content=”text/html لطفا راهنمایی نمایید تشکر.

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

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

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

حامد امیری

سلام من امروز دوره رو خریدم
از نحوه توضیح دادن و آموزشتون خوشم اومد دستتون درد نکنه

mststrange

فیلتر شکن زدم باز شد 🙂

mststrange

سلام. چرا فایل های جلسه 2 دانلود نمیشه… لطفا چک کنید

صمد سپهری

سلام.
از قسمت run-debug به صورت زنده نمیتونم استفاده کنم.
jetbrains ide supportرو هم فعال کردم ولی لایو اجرا نمیشه

danyal bani

سلام دوستان یه سوال داشتم آیا میشه که از چند تا تگ meta با قابلیت charset استفاده کرد .آیا همه رو مرورگر اعمال میکند ؟برای مثال:

<meta charset="UTF-8">
<meta charset="utf-2">
وحید صف آرا

سلام
خواستم بپرسم اگه کامنت های خیلی زیادی رو توی سند html داشته باشیم آیا روی سئو تاثیر گذار هست؟
چون مسلما صفحه رو با حجم بالاتری لود میکنه از سمت سرور
تشکر از همه بچه های سون لرن

مصطفی قدیمی

سلام بله

تاثیر منفی داره اگه حجم کد ها نسبت به متندر یه صفحه زیاد بشه میتونه مشکل ساز باشه

مسیح

درود
ببخشید یک سوال ذهنم را درگیر کرده بود!
شما طراحی ریسپانسیو با بوت استرپ را پیشنهاد می دهید یا با فلکس باکس و مدیاکوئری؟

فرقی ندارد برایم ! هر دو را کاملا مسلط هستم.ولی وقتی برای کارفرما توضیح می دهم متوجه نمی شود .شما پیشنهادتان چیست و اولویت بر کدوم هست؟
در ضمن سایت خودتان با فریمورک خاصی ( css ) در زمینه فرانت اند طراحی شده؟

مصطفی قدیمی

شما نیاز نیست توضیح بدید نسبت به پروژه به صلاح دید خودتون کارو انجام بدید و سعی کنید از فلکس باکس و مدیا کوئری استفاده کنید

amir kamyabi

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

erfan23

من بعد چند وقت اومدم یکی از جلساتو دانلود کنم اما کاملا لینک خرابه

حامد اکبرپور

با عرض سلام و خسته نباشید. من بسته اموزشی طراحی وب رو خریداری کردم منتها قادر به دانلود نیستم. زمانی که روی لینک دانلود کلید میکنم error Not Found رو میزنه میشه راهنماییم کنید. ممنون.

کیوان علی محمدی

مشکل سرور دانلود بود که دیروز حل شد.

وحید صف آرا

سلام استاد وقت بحیر
من پکیج شما رو خریداری کردم و جا داره از زحماتتون تشکر کنم.
یه سوال داشتم
من پلاگین ها رو نصب کردم ولی وقتی دیباگ رو میزنم ارور گوگل کروم باز میشه و ارور 404 Not Found میده
مشکل کجاست؟

وحید صالحی

آدرس url بعد از localhost اگر عدد و علامت : داره رو حذف کنید و دوباره رفرش کنید ببنید مشکل حل میشه

کیوان علی محمدی

نه لزوما.شاید بعضی از موارد دیگه باشه که هنوز IE10 نمیتونه پشتیبانی کنه.بهتون سایت can i use رو پیشنهاد می کنم ببینید.

Mahmood Padidar

سلام ، ممنون از پاسختون
یعنی این که اینترنت اکسپلورر از نسخه 10 به بعد مثل سایر مرورگرها عمل می کنه و مشکلی توی نمایش کدها نداره ، درست متوجه شدم

کیوان علی محمدی

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

A page using Conditional Comments worked as intended in Windows Internet Explorer 9, but no longer works in Internet Explorer 10.

پایان زمان پشتیبانی

دانشجوی گرامی، بازه پشتیبانی فعال برای این دوره ۳ ماه است که برای شما به پایان رسیده است.

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

نیاز به لاگین

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