مهسا فایل |
سایت دانلود فایل پاورپوینت کامل آموزش HTML (کدنویسی) ۱۲۵ اسلاید در PowerPoint
در حال بارگذاری
توجه : این فایل به صورت فایل power point (پاور پوینت) ارائه میگردد
پاورپوینت کامل آموزش HTML (کدنویسی) ۱۲۵ اسلاید در PowerPoint دارای ۱۲۵ اسلاید می باشد و دارای تنظیمات کامل در PowerPoint می باشد و آماده ارائه یا چاپ است
شما با استفاده ازاین پاورپوینت میتوانید یک ارائه بسیارعالی و با شکوهی داشته باشید و همه حاضرین با اشتیاق به مطالب شما گوش خواهند داد.
لطفا نگران مطالب داخل پاورپوینت نباشید، مطالب داخل اسلاید ها بسیار ساده و قابل درک برای شما می باشد، ما عالی بودن این فایل رو تضمین می کنیم.
توجه : در صورت مشاهده بهم ریختگی احتمالی در متون زیر ،دلیل ان کپی کردن این مطالب از داخل فایل می باشد و در فایل اصلی پاورپوینت کامل آموزش HTML (کدنویسی) ۱۲۵ اسلاید در PowerPoint،به هیچ وجه بهم ریختگی وجود ندارد
بخشی از مطالب داخلی اسلاید ها
پاورپوینت کامل آموزش HTML (کدنویسی) ۱۲۵ اسلاید در PowerPoint
اسلاید ۳: یک فایل HTML چیست ؟ یک فایل HTML فایل متنی ساده ای شامل برچسب ها (Tag) می باشد؛ که بهتر است پسوند html یا htm داشته باشد و می تواند توسط یک ویرایشگر ساده متن مانند Notepad ساخته شود. برای بهتر روشن شدن مطلب بهتر است یک فایل HTML بسازیم.در Windows برنامه Notepad را اجرا کنید و متن زیر را بنویسید <html> <head> <title>title of page </title> </head> <body> This is my first home page.<b> This text is bold </b> </body> </html>
اسلاید ۴: این فایل را با نام Test.htm ذخیره کنید. حال مرورگر اینترنت خود را باز کرده و گزینه Open یا Open Page را از منوی File مرورگر انتخاب کنید؛ یک جعبه محاوره ای باز خواهد شد، Browse یا Choose Fileرا انتخاب کنید و فایلTest.htm که هم اکنون ساخته اید را بیابید، انتخابش کنید و روی Open کلیک کنید. حال شما یک آدرس مانند: D:My DocumentsTest.htm را در جعبه محاوره ای خواهید دید. روی OK کلیک کنید، مرورگر صفحه ساخته شده توسط شما را نشان می دهد.
اسلاید ۵: نکته ای درباره ویرایشگرهای HTML : شما می توانید صفحات HTML را با ویرایشگرهای WYSIWYG (What You See Is What You Get) مانند: FrontPage و Claris Home Page و Adobe PageMillبه جای نوشتن برچسبهای مورد نیاز در یک فایل متنی ساده؛ ویرایش نمایید. اما اگر می خواهید یک طراح حرفه ای صفحات وب شوید بهتر است از یک ویرایشگر ساده متن استفاده کنید تا HTML را به خوبی درک کنید و در مباحث پیشرفته به درستی و با تسلط از آن استفاده کنید.هنگامی که شما یک فایل HTML را ذخیره می کنید شما می توانید هرکدام از پسوندهای htm. یا html. را انتخاب کنید.ما در مثال هایمان از پسوند htm. استفاده می کنیم. این ممکن است یک رفتار بد موروثی از گذشته باشد که بیشتر نرم افزارهایی که استفاده می شوند فقط پسوند سه حرفی را قبول می کنند.با نرم افزار جدیدتر ما فکر می کنیم که اگر از پسوند html. استفاده کنیم بسیار ایمن تر خواهیم بود.
اسلاید ۶: برچسبهای HTML برچسبها برای مشخص کردن عناصر فایل HTML استفاده می شوند و توسط دو حرف < و > احاطه می شوند. برچسبها معمولا به صورت جفت استفاده می شوند مانند <b> و </b> ؛ برچسب اول، برچسب ابتدایی و برچسب دوم، برچسب انتهایی نامیده می شود و متن بین آنها مندرجات عنصر می باشد. برچسبها به بزرگی یا کوچکی حروف حساس نیستند مثلا <b> همانند <B> می باشد اما ما در این کتاب از حروف کوچک استفاده می کنیم. اگر می خواهید خود را برای استفاده از نسل جدید HTML آماده کنید شما نیز بهتر است از حروف کوچک استفاده کنید. ضمنا این پیشنهادی است که W3C (World Wide Web Consortium) برای استفاده از XHTML می کند.
اسلاید ۷: عناصر HTML برای روشن شدن مفهوم عنصر به دو مثال زیر بسنده می کنیم: خط زیر یک عنصر است: <b>This text is bold</b> این عنصر با برچسب ابتدایی <b> شروع شده و با برچسب انتهایی </b> پایان می پذیرد و This text is bold نیز مندرجات عنصر است. خطوط زیر نیز مجموعا یک عنصر می باشد که شروع آن با برچسب ابتدایی <body> و پایان آن با برچسب انتهایی </body> می باشد. <body>This is my first homepage. <b>This text is bold</b></body>
اسلاید ۸: مشخصه برچسبها برچسبها می توانند دارای مشخصه (Attribute) باشند. مشخصه ها می توانند اطلاعات بیشتری در باره عناصر HTML صفحه شما تدارک ببینند. برچسب <body> عنصر بدنه صفحه شما را تعریف می کند. با اضافه کردن مشخصه bgcolor شما می توانید به مرورگر بگویید که رنگ پس زمینه شما مثلا قرمز باشد؛ مانند: <body bgcolor=red> برچسب <table> یک جدول ایجاد می کند. با اضافه کردن مشخصه border می توانید به مرورگر بگویید که مثلا جدول شما حاشیه ندارد؛ مانند: <table border=0> مشخصه ها همواره به شکل جفت نام و مقدار به کار می روند: name=value ؛ و همواره به برچسب ابتدایی اضافه می شوند. در ضمن بهتر است که مقدار مشخصه ها بین علامتهای نقل قول قرار گیرند.
اسلاید ۹: برچسبهای اساسی HTML
اسلاید ۱۰: سربرگ HTML<HTML> یعنی آغاز سند html و </HTML> یعنی پایان سند. دستورات رابین اینها قرار می دهیم. اینها تگهای آغازین وپایانی هستند. برای ایجاد تگ پایانی کافیست یک / به تگ آغازین اضافه کنیم. ولی همه تگها دارای تگ پایانی نیستند . برچسب <head> این برچسب شامل اطلاعاتی عمومی درباره فایل HTML می باشد. عناصر داخل برچسب <head> توسط مرورگر نشان داده نمی شوند. بر اساس استانداردهای HTML فقط تعداد کمی از برچسبها مجاز به قرار گرفتن در برچسب <head>می باشند و آنها عبارتند از :<title> و <base> و <link> و <meta> و <style> و <script>. برچسب <title> توسط این برچسب می توانیم عنوانی در نوار عنوان مرورگر بنویسیم. همانطور که در مثال زیر می بینید عبارت The title در نوار عنوان به نمایش در خواهد آمد. در ضمن این عبارت در متن مرورگر دیده نمی شود و فقط محتویات داخل برچسب پاراگراف دیده خواهد شد.
اسلاید ۱۱:
اسلاید ۱۲: عنوانها عنوانها توسط برچسب <h1> تا <h6> ایجاد می شوند که <h1> بزرگترین عنوان و <h6> کوچکترین عنوان را ایجاد می کند. HTML به طور خودکار یک خط خالی قبل و بعد از عنوان اضافه می کند. به مثال زیر توجه کنید. <H1> This is a heading </H1><H2> This is a heading </H2><H3> This is a heading </H3><H4> This is a heading </H4><H5> This is a heading </H5><H6> This is a heading </H6>
اسلاید ۱۳: پاراگراف پاراگرافها توسط برچسب <p> ایجاد می شوند؛ و همانند عنوانهای HTML به طور خودکار یک خط خالی قبل و بعد از عنوان اضافه می کند.
اسلاید ۱۴: شکست خطوط برچسب <br> هنگامی استفاده می شود که شما می خواهید یک خط را پایان دهید و ادامه متن به خط بعدی برود ولی پاراگراف جدیدی را شروع نکنید. برچسب <br> یک برچسب خالی می باشد و بر چسب انتهایی ندارد.
اسلاید ۱۵: توضیحات در HTML برچسب توضیحات برای قرار دادن توضیحاتی در فایل HTML استفاده می شود؛ و مرورگر آنها را نادیده می گیرد <!– This is a comment –> ) (و در خروجی نمایش نمی دهد. شما توسط این برچسب می توانید فایل HTML خود را تشریح کنید و هنگامی که می خواهید آن را ویرایش نمایید به شما کمک خواهد کرد تا سردرگم نشوید، این مسئله خصوصا در فایلهای HTML بزرگ صادق است.
اسلاید ۱۶: برچسب خط افقی برای جدا کردن قسمتهایی از متن می توانید از بر چسب <hr> استفاده کنید. برای درک مطلب، بهتر است مثال زیر را ببینید.
اسلاید ۱۷: چند نکته مفید : * هنگامی که متنی را در HTML می نویسید هرگز نمی توانید مطمئن باشید که متن شما در مرورگرهای دیگر چگونه دیده خواهد شد. چون بعضی از صفحه نمایشها کوچک و بعضی بزرگ هستند. ضمنا متن شما هرگاه که کاربر اندازه پنجره خود را تغییر می دهد، شکل جدیدی به خود می گیرد. پس هرگز سعی نکنید که متن خود را با اضافه کردن خط خالی و یا فاصله بین حروف مرتب کنید. * در HTML هر تعداد فاصله که درکنار هم استفاده کرده اید به عنوان یکی حساب می شود. پس از استفاده کردن فاصله های اضافی در کنار هم خودداری کنید، چون فقط اندازه فایل HTML خود را زیاد می کنید. * هرگز از پاراگراف(<p>) خالی برای قرار دادن فاصله بین خطوط استفاده نکید و به جای آن از <br> استفاده کنید، در ضمن از <br> برای ساختن فهرست استفاده نکنید؛ کمی صبر کنید تا طرز ساختن فهرست ها را در HTML فرا بگیرید.
اسلاید ۱۸: جدول برچسبهای اساسی و کاربرد آنها
- همچنین لینک دانلود به ایمیل شما ارسال خواهد شد به همین دلیل ایمیل خود را به دقت وارد نمایید.
- ممکن است ایمیل ارسالی به پوشه اسپم یا Bulk ایمیل شما ارسال شده باشد.
- در صورتی که به هر دلیلی موفق به دانلود فایل مورد نظر نشدید با ما تماس بگیرید.
