قواعد نوشتاری و مفاهیم زبان های HTML و CSS : دوره مجازی طراحی وب (جلسه 2)



visibility  
mode_comment   ۱۴۲

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

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

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

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

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

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

comment دیدگاه کاربران
Mahmood Padidar replyپاسخ

سلام و خسته نباشید خدمت شما
در مورد کامنت های شرطی برای من توی ie عمل نمی کنه به نظر شما مشکل از چی می تونه باشه
به طور مثال من کامنت
<!–[if IE]&gt;–>
this is IE

را در کد خودم قرار دادم ولی در اینترنت اکسپلورر من نمایش نداد، ورژنش هم 11 هست

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

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

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

Mahmood Padidar

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

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

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

وحید صف آرا replyپاسخ

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

وحید صالحی

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

حامد اکبرپور replyپاسخ

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

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

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

erfan23 replyپاسخ

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

amir kamyabi replyپاسخ

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

مسیح replyپاسخ

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

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

مصطفی قدیمی

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

وحید صف آرا replyپاسخ

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

مصطفی قدیمی

سلام بله

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

danyal bani replyپاسخ

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

<meta charset="UTF-8">
<meta charset="utf-2">
صمد سپهری replyپاسخ

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

mststrange replyپاسخ

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

mststrange replyپاسخ

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

حامد امیری replyپاسخ

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

Support Video replyپاسخ

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

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

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

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

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

ارسال نظرات

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

1 2