نوشته جلسه ۲۵: آموزش برنامه ی html5 اولین بار در . پدیدار شد.
]]>در جلسه ۲۵ از دوره آموزشی اچ تی ام ال (HTML) به آموزش برنامه ی html5 می پردازیم. در سال ۱۹۸۹ اولین نسخه اچ تی ام ال ایجاد شد و پس از طی مراحل مختلف در سال ۲۰۰۶ اولین نسخه از html5 با هدف سادگی و بهبود کارایی عرضه شد. HTML5 ورژن پنجم (Hypertext Markup Language (HTML می باشد. HTML5 بر اساس استانداردهای کدنویسی قبلی ولی به مراتب با بهبود کارایی بیشتر و انعطاف پذیری بالاتر برای کنترل روی وب سایت ها ساخته شده است. HTML5 قدمی بزرگ و رو به جلو در دنیای طراحی وب می باشد که این امکان را برای افزایش کارایی را می دهد. این به خاطر سه دلیل مهم است که همه آنها حول محور کارایی صفحات وب شخصی می چرخند. صفحات وب به این نیاز دارند که شبیه یک صفحات وب باشند یا به مانند صفحات وب عمل کنند.
دردسترس بودن فلش به طراحان کمک می کند که محدودیت های استانداردهای HTML را برطرف کنند تا بتوانند انیمیشن و افکت های بصری در صفحات وب قرار دهند. تمامی سایت را می توان بوسیله یک فلش طراحی کرد که این اجازه را می دهد که از روش های جدید منوی ناوبری و سازماندهی صفحات استفاده کنید. در این نسخه از html بخش های مختلف صفحه تعریف شده اند و دیگر نیازی به طراحی صفحه توسط تگ های div و جدول و… نمیباشد. در این نسخه تگ های کاربردی اضافه شده اند, تگ هایی حذف شده و برخی تگ ها با کدهای css و یا تگ های دیگر جایگزین شده اند. در این جلسه از دوره آموزشی اچ تی ام ال به آشنایی با html5 و تغییرات آن می پردازیم.
– آشنایی با html5
– و تغییرات آن
دوره های آموزشی نرم افزار اچ تی ام ال (HTML) از جلسات مقدماتی تا سطوح متوسطه و پیشرفته برای رشته های ذیل مناسب و مفید می باشد:
– رشته کامپیوتر گرایش های نرم افزار، سخت افزار و معماری
– رشته تجارت الکترونیک
– رشته برنامه نویسی
– رشته فناوری اطلاعات
– و سایر رشته های مرتبط
قسمتی از جلسه آموزش شماره ۲۵ از مجموعه جلسات دوره آموزشی نرم افزار اچ تی ام ال (HTML)، از طریق پیش نمایش زیر مشاهده است. در ویدئو زیر ۱۲ دقیقه و ۲۴ ثانیه آموزش ضبط شده توسط خانم مهندس مهسا نیاکان تهیه و تنظیم گردیده است.
نوشته جلسه ۲۵: آموزش برنامه ی html5 اولین بار در . پدیدار شد.
]]>نوشته جلسه ۲۰: آموزش انواع طراحی layout در html اولین بار در . پدیدار شد.
]]>در جلسه ۲۰ از دوره آموزشی اچ تی ام ال (HTML) به آموزش انواع طراحی layout در html می پردازیم. layout به معنای Layout به معنای طرح بندی است یعنی صفحه وب چطور نمایش داده شود. معمولا محتوای سایت در قالب چندین ستون نمایش داده میشود. در html برای طراحی صفحات روش های مختلفی وجود دارد. طراحی صفحات توسط خود html بوسیله جدول انجام می شود. جدول ها با استفاده از تگ های table,tr,td,th بوجود می آیند و در اصل برای طراحی صفحات ساخته نشده اند. استفاده از جدول برای طراحی مشکلات زیادی را از جمله عدم انعطاف پذیری و ویر ایش دشوار بوجود می آورد. برای طراحی صفحات از روش های دیگر که عمدتا بر پایه css هستند استفاده می شود. در این جلسه از دوره آموزشی html به معرفی این روش های و مزایا و معایب هرکدام پرداخته می شود.
– آموزش طراحی layout
– بررسی مزایا و معایب
دوره های آموزشی نرم افزار اچ تی ام ال (HTML) از جلسات مقدماتی تا سطوح متوسطه و پیشرفته برای رشته های ذیل مناسب و مفید می باشد:
– رشته کامپیوتر گرایش های نرم افزار، سخت افزار و معماری
– رشته تجارت الکترونیک
– رشته برنامه نویسی
– رشته فناوری اطلاعات
– و سایر رشته های مرتبط
قسمتی از جلسه آموزش شماره ۲۰ از مجموعه جلسات دوره آموزشی نرم افزار اچ تی ام ال (HTML)، از طریق پیش نمایش زیر مشاهده است. در ویدئو زیر ۰۸ دقیقه و ۵۲ ثانیه آموزش ضبط شده توسط خانم مهندس مهسا نیاکان تهیه و تنظیم گردیده است.
نوشته جلسه ۲۰: آموزش انواع طراحی layout در html اولین بار در . پدیدار شد.
]]>نوشته جلسه ۱۹: آموزش تگ head در html اولین بار در . پدیدار شد.
]]>در جلسه ۱۹ از دوره آموزشی اچ تی ام ال (HTML) به آموزش تگ head در html می پردازیم. تگ head در اچ تی ام ال, بیشتر به منظور تعریف متا دیتا یا داده هایی در مورد داده های وب سایت استفاده می شود. در تگ هد می توان عناصری مانند تیتر صفحه وب، کلمات کلیدی، نام نویسنده، استایل ها، اسکریپت ها و… را تعریف کرد. تگ <head> یک ظرف برای همه عناصر عنوان است. تگ <head> باید شامل یک title برای سند باشد و می تواند شامل script ها باشد، مرورگر را به مکانی هدایت کند که style sheet ها رابیابد، اطلاعات meta را ارائه کند و غیره.. تگ سر(<head>) شامل عناصری مانند اسکریت ها ، آدرس فایل های سبک (Style Sheet)،ارائه اطلاعات متا ،عنوان صفحه و موارد دیگر می باشد. وارد کردن عنوان صفحه به شما کمک می کنند تا موتور های جستجو شما را بهتر پیدا کنند و ان موضوع باعث خواهد شد رتبه ی شما در این موتورهای جستجو بالا برود در این جلسه از دوره آموزشی html به بررسی تگ های موجود در head می پردازیم.
– بررسی تگ ها در head
دوره های آموزشی نرم افزار اچ تی ام ال (HTML) از جلسات مقدماتی تا سطوح متوسطه و پیشرفته برای رشته های ذیل مناسب و مفید می باشد:
– رشته کامپیوتر گرایش های نرم افزار، سخت افزار و معماری
– رشته تجارت الکترونیک
– رشته برنامه نویسی
– رشته فناوری اطلاعات
– و سایر رشته های مرتبط
قسمتی از جلسه آموزش شماره ۱۹ از مجموعه جلسات دوره آموزشی نرم افزار اچ تی ام ال (HTML)، از طریق پیش نمایش زیر مشاهده است. در ویدئو زیر ۱۸ دقیقه و ۱۳ ثانیه آموزش ضبط شده توسط خانم مهندس مهسا نیاکان تهیه و تنظیم گردیده است.
نوشته جلسه ۱۹: آموزش تگ head در html اولین بار در . پدیدار شد.
]]>نوشته جلسه ۱۸: آموزش جاوا اسکریپت در html اولین بار در . پدیدار شد.
]]>در جلسه ۱۸ از دوره آموزشی اچ تی ام ال (HTML) به آموزش جاوا اسکریپت در html می پردازیم. با استفاده از جاوا اسکریپت می توان توابع را در اچ تی ام ال بکار برد. این توابع در سمت کلاینت اجرا خواهند شد. استفاده از جاوا اسکریپت امکانات متعددی از جمله اعتبارسنجی فیلدها, امکان ایجاد صفحات داینامیک و… را به ما می دهد. بوسیله جاوا اسکریپت می توان بر روی تگ های اچ تی ام ال در هنگام وقوع رویداد های مختلف تغییراتی را ایجاد کرد. این تغییرات می تواند بر روی خود تگ ها, استایل و یا اتریبیوت های آن ها اعمال شود. جاوا اسکریپت در تگ script تعریف می شود . می توان در المنت های مختلف آن را صدا کرد تا عملیات خود را آغاز کند. در برخی مرورگرها امکان غیرفعال کردن اجرای این کدها وجود دارد که بوسیله تگ noScript می توان پیغامی مناسب در این مواقع به کاربر نمایش داد. در این جلسه از دوره آموزشی html به تعریف جاوا اسکریپت، نحوه نوشتن تگ های آن و کاربردهای اصلی آن و نوشتن کدهای آن پرداخته خواهد شد.
– تعریف جاوا اسکریپت
– نحوه نوشتن تگ ها
– و کاربردهای اصلی آن
دوره های آموزشی نرم افزار اچ تی ام ال (HTML) از جلسات مقدماتی تا سطوح متوسطه و پیشرفته برای رشته های ذیل مناسب و مفید می باشد:
– رشته کامپیوتر گرایش های نرم افزار، سخت افزار و معماری
– رشته تجارت الکترونیک
– رشته برنامه نویسی
– رشته فناوری اطلاعات
– و سایر رشته های مرتبط
قسمتی از جلسه آموزش شماره ۱۸ از مجموعه جلسات دوره آموزشی نرم افزار اچ تی ام ال (HTML)، از طریق پیش نمایش زیر مشاهده است. در ویدئو زیر ۳۲ دقیقه و ۲۹ ثانیه آموزش ضبط شده توسط خانم مهندس مهسا نیاکان تهیه و تنظیم گردیده است.
نوشته جلسه ۱۸: آموزش جاوا اسکریپت در html اولین بار در . پدیدار شد.
]]>نوشته جلسه ۱۷: آموزش id و iframe در html اولین بار در . پدیدار شد.
]]>در جلسه ۱۷ از دوره آموزشی اچ تی ام ال (HTML) به آموزش id و iframe در html می پردازیم. در اچ تی ام ال هنگام استفاده از استایل ها، می توان به نوع خاصی از تگ ها استایل موردنظر را اعمال کرد. اما در صورتی که در یک صفحه تعداد زیادی از نوع تگ موردنظرما (مثلا تگ p) موجود باشد، چگونه می توان به یکی از آن ها دسترسی داشت و استایل را به آن اعمال کرد؟ بوسیله اعمال id به هر تگ می توان به صورت منحصر به فرد به آن تگ دسترسی داشت. این ویژگی می تواند به تمام المنت ها اعمال شود. در این جلسه از دوره آموزشی html به آموزش کار با id و کاربردهای آن و همچنین آشنایی با تگ Iframe برای نمایش صفحات دیگر درون وب سایت خودمان خواهیم پرداخت.
– آموزش id
– آموزش iframe
دوره های آموزشی نرم افزار اچ تی ام ال (HTML) از جلسات مقدماتی تا سطوح متوسطه و پیشرفته برای رشته های ذیل مناسب و مفید می باشد:
– رشته کامپیوتر گرایش های نرم افزار، سخت افزار و معماری
– رشته تجارت الکترونیک
– رشته برنامه نویسی
– رشته فناوری اطلاعات
– و سایر رشته های مرتبط
قسمتی از جلسه آموزش شماره ۱۷ از مجموعه جلسات دوره آموزشی نرم افزار اچ تی ام ال (HTML)، از طریق پیش نمایش زیر مشاهده است. در ویدئو زیر ۱۷ دقیقه و ۰۱ ثانیه آموزش ضبط شده توسط خانم مهندس مهسا نیاکان تهیه و تنظیم گردیده است.
نوشته جلسه ۱۷: آموزش id و iframe در html اولین بار در . پدیدار شد.
]]>نوشته جلسه ۱۶: آموزش بلاک ها و کلاس در html اولین بار در . پدیدار شد.
]]>در جلسه ۱۶ از دوره آموزشی اچ تی ام ال (HTML) به آموزش بلاک ها و کلاس در html می پردازیم. در html هر عنصر با توجه به نوع خود، به صورت inline و یا بلاک نمایش داده می شود. در حالت نمایش بلاک، عنصر در یک خط جدید قرار میگیر د و نمیتوان عنصر دیگری را در کنار آن قرار داد. تگ هایی مانند p، div، h و… از این دسته عناصر هستند. اما برخی تگ ها مثل button، img، span و… بصورت inline هستند و عناصر را به اندازه عرض واقعی خود نشان می دهند. به این صورت می توان این عناصر را در کنار هم قرار داد. در این جلسه از دوره آموزشی html با انواع این عناصر و خاصیت تگهای دسته بندی inline و بلاک آشنا خواهد شد. همچنین در این جلسه کلاس ها در اچ تی ام ال و نحوه اعمال استایل به یک سری از عناصر آموزش داده می شود.
– آموزش بلاک ها
– آموزش کلاس ها
دوره های آموزشی نرم افزار اچ تی ام ال (HTML) از جلسات مقدماتی تا سطوح متوسطه و پیشرفته برای رشته های ذیل مناسب و مفید می باشد:
– رشته کامپیوتر گرایش های نرم افزار، سخت افزار و معماری
– رشته تجارت الکترونیک
– رشته برنامه نویسی
– رشته فناوری اطلاعات
– و سایر رشته های مرتبط
قسمتی از جلسه آموزش شماره ۱۶ از مجموعه جلسات دوره آموزشی نرم افزار اچ تی ام ال (HTML)، از طریق پیش نمایش زیر مشاهده است. در ویدئو زیر ۱۹ دقیقه و ۳۳ ثانیه آموزش ضبط شده توسط خانم مهندس مهسا نیاکان تهیه و تنظیم گردیده است.
نوشته جلسه ۱۶: آموزش بلاک ها و کلاس در html اولین بار در . پدیدار شد.
]]>نوشته جلسه ۱۵: آموزش لیست در برنامه html اولین بار در . پدیدار شد.
]]>در جلسه ۱۵ از دوره آموزشی اچ تی ام ال (HTML) به آموزش لیست در برنامه html می پردازیم. در html می توان دو نوع لیست ایجاد کرد Ordered و unOrdered لیست های unordered بصورت غیرعددی نشانه گذاری می شوند و لیست های ordered بصورت عددی و یا حروف. این لیست ها با تگ های ul و ol ایجاد می شوند. از این دو نوع لیست می توان منو های وب سایت را ایجاد کرد و بوسیله استایل لیست ها را بصورت منو ایجاد کرد. همچنین نوع دیگری از لیست ها بعنوان description list، می توانند توضیحاتی را درمورد هر آیتم ارائه دهند. برای هر کدام از انواع لیست های قابلیت قراردادن زیر مجموعه موجود است که در این جلسه به بررسی آن ها پرداخته می شود.
– آموزش لیست
– آموزش لیست ordered
– آموزش لیست Ordered
دوره های آموزشی نرم افزار اچ تی ام ال (HTML) از جلسات مقدماتی تا سطوح متوسطه و پیشرفته برای رشته های ذیل مناسب و مفید می باشد:
– رشته کامپیوتر گرایش های نرم افزار، سخت افزار و معماری
– رشته تجارت الکترونیک
– رشته برنامه نویسی
– رشته فناوری اطلاعات
– و سایر رشته های مرتبط
قسمتی از جلسه آموزش شماره ۱۵ از مجموعه جلسات دوره آموزشی نرم افزار اچ تی ام ال (HTML)، از طریق پیش نمایش زیر مشاهده است. در ویدئو زیر ۱۰ دقیقه و ۲۵ ثانیه آموزش ضبط شده توسط خانم مهندس مهسا نیاکان تهیه و تنظیم گردیده است.
نوشته جلسه ۱۵: آموزش لیست در برنامه html اولین بار در . پدیدار شد.
]]>نوشته جلسه ۱۴: آموزش ایجاد جدول در html اولین بار در . پدیدار شد.
]]>در جلسه ۱۴ از دوره آموزشی اچ تی ام ال (HTML) به آموزش ایجاد جدول در html می پردازیم. جدول ها در html کاربرد زیادی دارند. از تقسیم بندی صفحه تا ایجاد فرم ها و جدول های ساده. برای تعریف جدول از تگ table و برای ایجاد ستون ها و ردیف های آن از تگ های tr,td,th استفاده می شود. با استفاده از استایل ها می توان چیدمان و نحوه نمایش جدول ها را تغییر داد. در این جلسه ار دوره آموزشی بصورت کامل به بررسی جدول و تگ های مربوط به آن پرداخته می شود. در اچ تی ام ال برای تعریف یک جدول از تگ table استفاده میکنیم. هر جدول میتواند شامل سربرگ جدول، ردیف ها و سلول های اطلاعات باشد. سربرگ هر جدول که حاوی عنوان مربوط به هر ستون است را با تگ th مشخص میکنیم. ردیف های هر جدول را با تگ tr ایجاد میکنیم. و در پایان خانه های جدول، یا همان سلول های اطلاعات را با td مشخص میکنیم.
– آموزش ایجاد جدول
– ایجاد فرم ها
دوره های آموزشی نرم افزار اچ تی ام ال (HTML) از جلسات مقدماتی تا سطوح متوسطه و پیشرفته برای رشته های ذیل مناسب و مفید می باشد:
– رشته کامپیوتر گرایش های نرم افزار، سخت افزار و معماری
– رشته تجارت الکترونیک
– رشته برنامه نویسی
– رشته فناوری اطلاعات
– و سایر رشته های مرتبط
قسمتی از جلسه آموزش شماره ۱۴ از مجموعه جلسات دوره آموزشی نرم افزار اچ تی ام ال (HTML)، از طریق پیش نمایش زیر مشاهده است. در ویدئو زیر ۲۳ دقیقه و ۲۷ ثانیه آموزش ضبط شده توسط خانم مهندس مهسا نیاکان تهیه و تنظیم گردیده است.
نوشته جلسه ۱۴: آموزش ایجاد جدول در html اولین بار در . پدیدار شد.
]]>نوشته جلسه ۱۳: آموزش تصویر در برنامه html اولین بار در . پدیدار شد.
]]>در جلسه ۱۳ از دوره آموزشی اچ تی ام ال (HTML) به آموزش تصویر در برنامه html می پردازیم. وجود تصویر در یک وب سایت، زیبایی و گیرایی صفحه را بهبود می بخشد. در html با استفاده از تگ img می توان تصویری را در وب سایت قرار داد. این تصاویر می توانند بصورت بک گراند، دکمه، لینک و… باشند تا به کاربر در استفاده بهتر از وب سایت شما کمک کنند. در این جلسه از دوره آموزش اچ تی ام ال نحوه ایجاد تصاویر، آدرس دهی و قرار دادن آن ها ، نحوه طراحی به صورتی که وب سایت در هر اندازه ای از صفحه نمایش به درستی نشان داده شود، نحوه چیدمان تصاویر کنار یکدیگر، خواص و استایل آن ها آموزش داده می شود.
– آموزش تصویر
دوره های آموزشی نرم افزار اچ تی ام ال (HTML) از جلسات مقدماتی تا سطوح متوسطه و پیشرفته برای رشته های ذیل مناسب و مفید می باشد:
– رشته کامپیوتر گرایش های نرم افزار، سخت افزار و معماری
– رشته تجارت الکترونیک
– رشته برنامه نویسی
– رشته فناوری اطلاعات
– و سایر رشته های مرتبط
قسمتی از جلسه آموزش شماره ۱۳ از مجموعه جلسات دوره آموزشی نرم افزار اچ تی ام ال (HTML)، از طریق پیش نمایش زیر مشاهده است. در ویدئو زیر ۳۶ دقیقه و ۰۲ ثانیه آموزش ضبط شده توسط خانم مهندس مهسا نیاکان تهیه و تنظیم گردیده است.
نوشته جلسه ۱۳: آموزش تصویر در برنامه html اولین بار در . پدیدار شد.
]]>نوشته جلسه ۱۲: آموزش لینک در برنامه html اولین بار در . پدیدار شد.
]]>در جلسه ۱۲ از دوره آموزشی اچ تی ام ال (HTML) به آموزش لینک در برنامه html می پردازیم. مهم ترین قسمت در html، ایجاد لینک برای ارتباط و مرور بین صفحات مختلف است. بوسیله تگ a در html می توان به هر عنصر یک لینک نسبت داد که با کلیک روی آن لینک نمایش داده شود. در این جلسه از دوره آموزشی html به آموزش تگ a و تنپیمات مربوط به نحوه کارکرد آن آشنا خواهید شد.
لینک‌ها را می‌توان تقریبا در همه جای صفحات وب پیدا کرد. کار لینک‌ها هدایت کاربر از صفحه‌ای به صفحه دیگر یا از محتوایی به محتوای دیگر است. لینک‌های HTML از نوع هایپرلینک هستند که می‌توانید با کلیک کردن روی آنها به سند دیگری هدایت شوید. وقتی ماوس خود را روی یک لینک نگه می‌دارید، نشانگر ماوس (در بیشتر موارد) به شکل یک دست کوچک درمی‌آید. توجه داشته باشید که لینک‌ها نباید لزوما به شکل متن باشند، بلکه می‌توانند در قالب عکس یا یک عنصر HTML باشند.
– آموزش رنگها
دوره های آموزشی نرم افزار اچ تی ام ال (HTML) از جلسات مقدماتی تا سطوح متوسطه و پیشرفته برای رشته های ذیل مناسب و مفید می باشد:
– رشته کامپیوتر گرایش های نرم افزار، سخت افزار و معماری
– رشته تجارت الکترونیک
– رشته برنامه نویسی
– رشته فناوری اطلاعات
– و سایر رشته های مرتبط
قسمتی از جلسه آموزش شماره ۱۲ از مجموعه جلسات دوره آموزشی نرم افزار اچ تی ام ال (HTML)، از طریق پیش نمایش زیر مشاهده است. در ویدئو زیر ۷ دقیقه و ۱۱ ثانیه آموزش ضبط شده توسط خانم مهندس مهسا نیاکان تهیه و تنظیم گردیده است.
نوشته جلسه ۱۲: آموزش لینک در برنامه html اولین بار در . پدیدار شد.
]]>