×

آموزش لیست ها در طراحی وب با HTML (رایگان)

آموزش لیست ها در طراحی وب با HTML (رایگان)

تعداد دانشجو
۱۵۱ نفر
مدت زمان
۱۱ دقیقه
هزینه آموزش
رایگان!
محتوای این آموزش
۴ بازخورد (مشاهده نظرات)
آموزش لیست ها در طراحی وب با HTML (رایگان)

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

آموزش لیست ها در طراحی وب با HTML (رایگان)

مدت زمان
۱۱ دقیقه
هزینه آموزش
رایگان!
۴ بازخورد (مشاهده نظرات)

توضیحات تکمیلی

HTML زبان بنیادی طراحی وب

وقتی حرف از طراحی وب سایت به میان می آید ذهن تمامی افراد ناخواسته به سمت زبان HTML و CSS هدایت می شود.

واژه HTML (اچ تی ام ال) مخفف Hyper Text Markup Language به معنی زبان نشانه گذاری فوق متن است. این زبان، زبان استاندارد صفحات وب است و زبان نهایی است که توسط مرورگر ترجمه شده و به کاربر نمایش داده می شود. به طور دقیقتر، شما وب سایتی را به زبان PHP و یا ASP.Net طراحی و برنامه نویسی می کنید، این وب سایت بعد از اجرا بر روی سرور و همین طور سیستم کاربر، تبدیل به قطعه کدهای HTML شده و بر روی مرورگر ترجمه شده و به کاربر نمایش داده می شود. در اصل می توانیم بگوییم که:

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

این آموزش رایگان بخشی از آموزش طراحی وب با HTML است. برای کسب اطلاعات بیشتر و استفاده از این آموزش بر روی این لینک (+) کلیک کنید.

فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
  • لیست‌ ها
    • آشنایی با انواع لیست‌ ها
    • ساخت لیست‌ های ترتیبی و غیرترتیبی
    • انتخاب نوع بولت برای لیست‌ ها
    • تعیین شماره شروع برای لیست‌ ها
    • ساخت لیست‌ های توضیحی
    • لیست‌ های تودرتو و مدیریت آن‌ ها

این آموزش رایگان بخشی از «آموزش طراحی وب با HTML» است.


آنچه در این آموزش خواهید دید:

آموزش ویدئویی مورد تائید فرادرس




آموزش لیست ها در طراحی وب با HTML
جهت شروع مطالعه و یادگیری نیاز است بعد از ورود (+) و یا عضویت (+) بر روی دکمه «شروع یادگیری» کلیک کنید.

اطلاعات تکمیلی

نام آموزش آموزش لیست ها در طراحی وب با HTML (رایگان)
ناشر فرادرس
کد آموزش FVH4C94062F
مدت زمان ۱۱ دقیقه
زبان فارسی
نوع آموزش آموزش ویدئویی (نمایش آنلاین + دانلود)
حجم دانلود ۱۴ بایت (کیفیت ویدئو HD با فشرده سازی انحصاری فرادرس)



آموزش‌های پیشنهادی برای شما



نظرات

محمد
محمد

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

محمد
محمد

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

پاسخ به نظر

علی
علی

تشکر از آقای عبدالهی.
پاسخ به نظر

alireza angouti
alireza angouti

خیلی عالیه

دسته‌بندی موضوعی: آموزش های فرادرسی رایگان
برچسب‌ها:
class در HTML5 | Encoding برای نمایش درست متن‌ها | HTML در مقابل XHTML | HTML5 syntax | آشنایی با DOCTYPE و ضرورت استفاده از آن | آشنایی با Headerها | آشنایی با Server-Side Programming | آشنایی با XHTML | آشنایی با انواع لیست‌ها | آشنایی با انواع لینک‌ها | آشنایی با جداول و کاربردهای آن در صفحات وب • ساخت اولین جدول | آشنایی با دستور Save for Web | آشنایی با دکمه Tab در کیبورد و نقش آن در لینک‌ها | آشنایی با دکمه‌های Submit و Reset | آشنایی با فناوری های مشارکتی و استفاده از آن ها در HTML5 | آشنایی با لینک‌های Anchor و HASHها | آشنایی با متن جایگزین عکس | آشنایی با مرورگر وب و انواع آن | آشنایی با ناسازگاری‌های مرورگرهای مختلف | آشنایی با نحوه لود شدن تصاویر در وب | آشنایی با نرم‌افزارهای ساخت صفحات وب نظیر Dreamweaver | آشنایی با نرم‌افزارهای کار با تصاویر | آموزش در رابطه با Encoding Video | اساس HTML5 | استانداردهای موجود | استایل فرم و ایجاد پیغام های خطا | استفاده از div در HTML5 | استفاده از heading به درستی | استفاده از hgroup برای تحت الشعاع قرار دادن section ها | استفاده از transformes | استفاده از المنت address | استفاده از المنت mark | استفاده از المنت small | استفاده از بانک های SQL | استفاده از پیکسل ها | استفاده از جاوا اسکریپت در فرم | استفاده از صفات id | استفاده از فونت‌های Monospaced | استفاده از متن‌های Preformatted | استفاده ویدیو در وب | استناد به کار بصورت semantically معنایی | اسم فایل‌های صفحات وب | اضافه كردن ویدیو | اضافه کردن پشتیبانی برای عناصر در مرورگرهای قدیمی تر | اطمینان از بلوک در سطح صفحه نمایش | المان جدید کادر متنی | المان، تگ، خاصیت و مقدار | المان‌های DIV و Span | امکانات چت در HTML5 | امکانات ذخیره اطلاعات در HTML5 | انتخاب نوع بولت برای لیست‌ها | انواع نسخه‌های HTML | انیمیشن در بوم نقاشی | ایجاد اسناد section | ایجاد لینک در سطح بلوک | ایجاد و تغییر در تنظیمات DRAG AND DROP | بازگشت به صفحه پیشین | بازنگری video | بازنگری مدل محتوا | بوم نقاشی | پردازش اطلاعات وارد شده توسط کاربر | پسوندهای رایج تصاویر در وب | پشتیبانی API HTML5 | پشتیبانی از مرورگر کنونی | تراز متن در صفحه وب | ترکیب CSS 3 با HTML5 | تصاویر در وب | تعریف اسناد HTML5 | تعیین حاشیه کنار جدول | تعیین شماره شروع برای لیست‌ها | تعیین فاصله درونی و بیرونی سلول جدول | تغییر سایز تصاویر توسط HTML | تغییر سایز نوشته یک متن | تقسیم کردن جدول به قسمت‌های عمودی | تقسیم کردن جدول به گروه‌های افقی | تقسیم کردن یک صفحه وب به قسمت‌های مختلف | جداول | جنگ مرورگرهای وب | چرا به HTML5 نیاز است | چرا ما نیاز به عناصر جدید ساختاری داریم | چگونگی ذخیره داده در لوکال Local | چگونه می توان یک المان را DRAG AND DROP نمود | چه خصوصیاتی در html5 وجود دارد | درك الگوریتم outline | درک مفهوم HTML | دسترسی به مالتی مدیا | دسته بندی محتوا در HTML5 | دسته‌بندی المان‌های موجود در فرم | ذخیره اطلاعات در وب | ذخیره داده در وب | ذخیره سازی اطلاعات | رسم مسیرها | ساخت اولین برنامه دینامیک فوق ساده | ساخت اولین صفحه وب | ساخت اولین فرم | ساخت پاراگراف‌ها | ساخت جدول‌های حرفه‌ای‌تر | ساخت دکمه‌های رادیویی و چک‌باکس‌ها (Checkbox) | ساخت لیست‌های ترتیبی و غیرترتیبی | ساخت لیست‌های توضیحی | ساخت لینک‌ها در صفحه وب | ساخت منوهای Drop Down | ساختار HTML5 معنایی برای دنیای واقعی | ساختار اساسی HTML | ساختار اسناد HTML5 | ساختار مناسب تودرتو | ساختار یک صفحه وب | شفافیت (Transparency) در تصاویر | شفافیت، تصاویر PNG و ناسازگاری‌های مرورگرها | شناورکردن تصاویر در صفحه وب | صفت های جدید | عناصر سازنده صفحات وب | عنصر article | عنصر aside | عنصر footer | عنصر Header | عنصر nav | عنصر Section | عنوان یک صفحه وب | غیرفعال کردن المان‌های موجود در فرم | فرمت کردن متن در HTML | فرم‌ها | فهمیدن رابطه لینكها | فیلدهای آپلود فایل | فیلدهای فقط خواندنی | فیلدهای مخفی و کاربردهای آن | قراردادن عکس به جای دکمه تایید فرم | كاركردن با تاریخ و زمان | كاركردن با لیستها در HTML5 | کار با کنترلر های اشیاء ویدیو | کار کردن با فرم های HTML5 | کار کردن باشكل figure و figcaption | کاراکترهای خاص در HTML | کنترل حرفه‌ای حاشیه‌های کناری و داخلی یک جدول | کنترل داده به کمک HTML5 | گروه بندی محتوا با aside | لیست‌ها | لیست‌های تودرتو و مدیریت آن‌ها | لینک‌ها | لینک‌ها، تصاویر و محتوای غیرمتنی | لینک‌ها: فرامتن بودن HTML | مارک‌آپ (Markup) | مالتی مدیا در وب | مبانی طراحی در وب | متن‌های Superscript و Subscript | متن‌های نقل قول | محتوای متنی یک صفحه وب | مروری بر API مکان یابی جغرافیایی | مروری بر Web Storage API | مروری بر امکان Drag and Drop API | مشاهده صفحه وب ساخته شده در مرورگرهای مختلف | معرفی Canvas | معرفی HTML5 | مفهوم DRAG AND DROP | مفهوم مالتی مدیا در وب | مقدمه‌ای بر اینترنت، وب و HTML | نامگذاری المان‌ها | نحوه آدرس‌دهی به لینک‌ها | نقاشی در محیط canvas | نقش CSS در ساخت صفحات وب | نقش دکمه Tab در فیلدهای یک فرم | نقش فرم‌ها در صفحات وب | نکات مهم در مرور گر ها برای فرم | نمایش داده به کمک HTML5 | نوشتن متن به صورت bold و italic | وارد کردن تصاویر درون یک صفحه وب
مشاهده بیشتر مشاهده کمتر

×
فهرست جلسات ۱ جلسه ویدئویی