مهسا فایل |
سایت دانلود فایل پاورپوینت کامل آموزش کامل برنامه نویسی ۶۸ اسلاید در PowerPoint
در حال بارگذاری
توجه : این فایل به صورت فایل power point (پاور پوینت) ارائه میگردد
پاورپوینت کامل آموزش کامل برنامه نویسی ۶۸ اسلاید در PowerPoint دارای ۶۸ اسلاید می باشد و دارای تنظیمات کامل در PowerPoint می باشد و آماده ارائه یا چاپ است
شما با استفاده ازاین پاورپوینت میتوانید یک ارائه بسیارعالی و با شکوهی داشته باشید و همه حاضرین با اشتیاق به مطالب شما گوش خواهند داد.
لطفا نگران مطالب داخل پاورپوینت نباشید، مطالب داخل اسلاید ها بسیار ساده و قابل درک برای شما می باشد، ما عالی بودن این فایل رو تضمین می کنیم.
توجه : در صورت مشاهده بهم ریختگی احتمالی در متون زیر ،دلیل ان کپی کردن این مطالب از داخل فایل می باشد و در فایل اصلی پاورپوینت کامل آموزش کامل برنامه نویسی ۶۸ اسلاید در PowerPoint،به هیچ وجه بهم ریختگی وجود ندارد
بخشی از مطالب داخلی اسلاید ها
پاورپوینت کامل آموزش کامل برنامه نویسی ۶۸ اسلاید در PowerPoint
اسلاید ۴: مروره گر ها چگونه به خواندن صفحات وب می پردازندیک مرورگر با کمک یک Request درخواستی برای خواندن یک صفحه از وب سرور میکند. این Request یا درخواست بر اساس استاندارد ارتباطی یا پروتوکل HTTP بوده و شامل آدرس صفحه مورد نظر میباشد. آدرس یک صفحه وب چیزی شبیه http://html است. بخش //:http نوع پروتوکل و یا استاندارد ارتباطی را تعیین میکند، دومین یا Domain است و faq.html نام صفحه ای است که باید خوانده شود.
اسلاید ۵: مروره گر ها چگونه صفحات وب را نمایش می دهندچگونگی نمایش یک صفحه وب بصورت مستتر در آن وجود دارد. مرورگرها از روی دستورالعملهای داخل صفحات وب و با کمک تگ ها به نمایش صفحات میپردازند. وظیفه اصلی تگ های اچتمل ( HTML tags ) بیان چگونگی نمایش اطلاعات میباشد. یک تگ اچتمل چیزی شبیه <p> این تگ پاراگراف است! </p> است.
اسلاید ۶: عناصر اچتملعناصر اچتمل (HTML Elements) مثال بخش مقدمه را در نظر بگیرید:<html><head><title>Title of page</title></head><body>This is my first html page. <b>This text is bold</b></body></html>*** نمونه ای از یک عنصر اچتمل:<b>This text is bold</b>عنصر اچتمل بالا با تگ <b> شروع شده و با تگ <b/> پایان می یابد. محتوای این عنصر عبارت This text is bold است. لازم به ذکر است که کاربرد تگ <b> نمایش توپر یا bold متون است. *** مثال دوم یک عنصر اچتمل (معلوم الحال) :<body>This is my first homepage. <b>This text is bold</b></body>عنصر اچتمل بالا با تگ <body> شروع شده و با تگ <body/> پایان می یابد. همانطور که میبینید گاهی یک عنصر حاوی یک یا چند تگ دیگر میباشد.وظیفه تگ <body> تعیین بدنه اصلی یا body یک متن اچتمل است.لازم به یادآوری است که تنها اطلاعات بخش <body> یک فایل اچتمل در صفحه مرورگر نمایش داده خواهد شد.
اسلاید ۷: شناسه های یک تگ (Tag Attributes) تگ ها میتوانند حاوی اطلاعات اضافی دیگر باشند، به این اطلاعات شناسه یا Attribute میگویند و وظیفه آنها بیان دیگر اطلاعات یک عنصر یا Element میباشد. مثلا در مورد تگ <body> شناسه ای به نام bgcolor وجود دارد که رنگ زمینه متن (background) را تعیین میکند برای نمونه اگر میخواهید که رنگ زمینه صفحه اچتملتان سیاه باشد کافی است که به شکل زیر عمل کنید : <body bgcolor=black> در مثال زیر تگ <body> دارای چهار شناسه مختلف با نامهای width، height ، align و border و مقادیر center، ۶۰، ۱۰۰ و ۰ میباشد. <table border=0 width=100 height=60 align=center > …… </table> شناسه ها به صورت کلی مقدار=نام یا name=value نوشته میشوند و همیشه به تگ شروع یک عنصر یا Element اضافه میشوند و نهایتا اگر در یک عنصر یا Element شناسه ها قید نشوند از مقادیر قراردادی یا default آنها استفاده خواهد شد مثلا در تگ body اگر شناسه bgcolor نوشته نشود از رنگ سفید برای زمینه صفحه استفاده خواهد شد. مقدار یک شناسه را میتوانید داخل نویسه های و یا بنویسید و اختیار دست شما است فقط در مواردی که مقدار یک شناسه شامل نویسه هم میشود باید از نویسه استفاده شود.
اسلاید ۸: سر تیترها (Headings) سر تیترها با کمک تگ های <h1> تا <h6> تعیین میشوند. <h1> معرف بزرگترین سر تیتر و <h6> معرف کوچکترین سر تیتر است. مرورگر به هنگام نمایش یک سر تیتر بصورت اتوماتیک یک سطر خالی قبل و بعد از هر سر تیتر اضافه خواهد کرد. <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>
اسلاید ۹: پاراگرافها (Paragraphs) پاراگرافها با کمک تگ <p> معرفی میشوند.مرورگر به هنگام نمایش یک پاراگراف بصورت اتوماتیک یک سطر خالی قبل و بعد از آن اضافه خواهد کرد. <p>This is a paragraph</p> <p>This is another paragraph</p>مثال
اسلاید ۱۰: سطر جدید (Line Breaks) برای رفتن سر سطر جدید از تگ <br> استفاده میشود.در اینحالت یک پاراگراف جدید ایجاد نمیشود. تگ <br> از نوع تگ های خالی بوده و دارای تگ انتهائی (مثلا <br/> ) نمیباشد. <p>This <br> is a para<br>graph with line breaks</p>
اسلاید ۱۱: کامنت ها در اچتمل (Comments برای نوشتن شرح و توضیحات در مورد کدهای اچتمل باید از تگ خاصی استفاده کنید. برای اینکار باید متن و شرحتان را درون علائم <– و –!> قرار دهید. مرور تگ های comment را در نظر نگرفته و محتوی آنها را نمایش نخواهد داد و فقط شرح و توضیحات برای برنامه نویس و دیگر افرادی که احتمالا در آینده با کد اچتمل کار خواهند کرد مفید خواهد بود. (به محل نویسه ! توجه کنید! فقط یکی و آنهم در ابتدا) <!– This is a comment –>
اسلاید ۱۲: چند نکته کاربردی: توجه داشته باشید که بدلیل وجود مرورگرهای متفاوت (اکسپلورر، نت اسکیپ، ..) و به دلیل تفاوت دقت نمایش صفحه نمایش کامپیوترها، صفحات اچتمل با اندکی تفاوت در حالتهای مختلف نمایش داده میشوند و همیشه سعی کنید که صفحاتتان را نه تنها با اکسپلورر که معروفترین مرورگر است بلکه با نت اسکیپ و حتی مرورگرهای کامپیوترهای مکینتاش چک کرده و همچنین در دقت های نمایش ۸۰۰×۶۰۰ و ۱۰۲۴X768 آن را امتحان کنید. از نظر فاصله و سطر بندی، متنی که در صفحه ادیتورتان تایپ میکنید با چیزی که مرورگر نمایش خواهد داد متفاوت خواهد بود.همیشه به یاد داشته باشید که فاصله های اضافی (space) و خطهای خالی متن در صفحه ادیتور توسط مرورگر در نظر گرفته نشده و نمایش داده نخواهد شد. برای نمایش بیش از یک فاصله خالی باید از نویسها یا ترکیب کاراکتری خاصی (None Breaking Space) استفاده کنید. فاصله های اضافی بین کلمات در یک متن اچتمل توسط مرورگرها دیده نخواهد شد و در نمایش همیشه تبدیل به یک فاصله (space) خواهد شد. در ضمن یک خط خالی در متن ادیتور بصورت یک فاصله یا space نمایش داده خواهد شد. برای ایجاد یک سطر جدید هیچگاه از یک تگ <p> خالی استفاده نکنید و به جای آن از تگ <br> استفاده کنید.. مرورگرها به هنگام نمایش بعضی عناصر بصورت اتوماتیک یک سطر خالی قبل و بعد از آن عنصر نمایش خواهند داد. برای نمونه این گروه از عنصرها میتوان از پاراگراف (<p>) و سرتیترها (<h..>) نام برد. تگ <hr> یا Horizontal Roler سبب نمایش یک خط افقی خواهد شد و در واقع بخش های مختلف مطالب این صفحات با کمک این تگ از هم جدا شده اند.
اسلاید ۱۳: تگهای اصلی در جدول زیر عناصر معرفی شده در این فصل به همراه لینکهای مربوطه جهت مطالعه بیشتر آورده شده است. توجه داشته باشید که برای هر عنصر فهرستی از شناسه ها یا Attributes موجود است و همچنین به شناسه های کنارگذاشته شده (Deprecated) در نسخه های آینده اچتمل توجه داشته باشید و سعی کنید که از آنها استفاده نکنید. : Start TagPurposeکاربرد<html>Defines a html documentنشان شروع متن اچتمل<body>Defines the documents bodyتعیین بدنه و قسمت اصلی صفحه اچتمل<h1>-<h6>Defines heading 1 to heading 6تعریف سر تیترهای h1 تا h6 <p>Defines a paragraphتعریف پاراگراف<br>Inserts a single line breakرفتن سر خط جدید<hr>Defines a horizontal ruleنمایش خط افقی<!–>Defines a comment in the HTML source codeنوشتن شرح و comment
اسلاید ۱۴: دو نکته بسیار مهم در مورد فارسی نویسی: · روش کدگزاری UTF-8 اکیدا توصیه میشود که برای تایپ و تمایش متون فارسی از استاندارد یونیکد و روش کدگزاری UTF-8 اسنفاده شود و این روشی است که مطالب این سایت و ادیتور آنلاینش از آن استفاده میکند.نکته مهم در نمایش صحیح متون فارسی تعیین نوع کدگزاری یا encoing صفحات فارسی است که برای اینکار باید از متاتگ خاصی به نام http-equiv در بخش head صفحات اچتمل به شکل زیر استفاده شود: <meta http-equiv=Content-Type content=text/html; charset=utf-8> در اینصورت مرورگر یا Browser قبل از نمایش صفحه از روی متاتگ فوق نوع کدگزاری (Encoding) را تشخیص داده و دیگر مثلا نیازی به تعیین دستی (دراکسپلورور ۵ : View/Encoing/Unicode / UTF-8 ) نوع Encoing توسط بازدیدکننده سایت نخواهد بود. · شناسه یا attribute ی به نام dir جهت نمایش متون لاتین به صورت پیش فرض و default از چپ به راست (ltr) میباشد.در مورد متون و جملات فارسی باید با کمک روشی جهت نمایش پیش فرض را به راست به چپ تغییر دهید. شناسه یا attribute ی به نام dir یا همان direction این کار را برای شما انجام میدهد. این شناسه دارای دو مقدار ممکن میباشد : dir=ltr , Left-to-right text. – چپ به راست dir=rtl , Right-to-left text. – راست به چپ مثلا برای نمایش جمله فارسی سلام بر دنیای وب! با کمک عناصر p یا div کافی است که به یکی از شکلهای زیر عمل شود: <p dir=rtl> سلام بر دنیای وب </p> <div dir=rtl> سلام بر دنیای وب </div> در بسیاری از عناصر و تگ های اچتمل امکان استفاده از شناسه dir میسر بوده و به عنوان نمونه میتوان از عناصر زیر نام برد: <p> , <div> , <html> , <body> , <table> , <tr> , <td> , <h1 … h6> , <input> , <pre> , <select> , <span> , …
اسلاید ۱۵: نحوه دیدن سورس کدهای اچتمل (HTML Source) اگر میخواهید که سورس کدهای اچتمل صفحات وب را ببینید کافی است که در منوی View مرورگرتان حالت Source یا Page Source را انتخاب کرده و مرورگر کد اچتمل را درون ادیتوری باز کرده و قابل ذخیره توسط شما برای استفاده های بعدی میباشد. اگر صفحه مورد نظر از مجموعه فریمها (Frameset) استفاده کرده باشد برای دیدن سورس کد اصلی فریمها کافی است که ابتدا با کمک روش بالا به مشاهده سورس کدهای اچتمل پرداخته (لازم به توضیح است که در این حالت فقط تعاریف کلی فریمها قرار دارند.) و سپس برای دیدن کد اچتمل اختصاصی هر صفحه باید پس از Right Click روی هر صفحه View Source کرده و کد اچتمل هر فریم را جداگانه ببینید. اگر طراح سایت با کمک Java Script مانع دیدن سورس توسط شما میشود، ابتدا در منوی Tools/Internet Options…/Security/Custom Level مرورگرهای اکسپلورر امکانات جاواسکریپت مرورگر را غیر فعال کرده (disable) و سپس مراحل بالا را تکرار کنید!!!
اسلاید ۱۶: چند نکته کاربردی: در استفاده از Underline دقت کنید چون در اکثر مرورگرها، پیوندها با این خطوط نشان داده می شوند و این مساله میتواند کاربران را دچار اشتباه کند . به کارگیری تگهای EM و STRONG که جایگزین تگهای I و B هستند ، این اطمینان را می دهد که صفحه شما توسط همه مرورگرها بصورت صحیح نمایش داده خواهد شد . به ترتیب بسته شدن تگهای پایانی در مثال زیر دقت کنید، همان گونه که مشاهده می کنید عنصر STRONG بعد از عنصر U شروع شده است ، به همین خاطر تگ خاتمه دهنده آن قبل از تگ خاتمه دهنده U قرار می گیرد. <U>version <STRONG>2.0</STRONG></U>
اسلاید ۱۷: تگهای فرمت دهی متونStart TagPurposeکاربرد<b>Defines bold textنمایش توپر<big>Defines big textنمایش در اندازه بزرگ<em>Defines emphasized text نمایش بصورت تاکید شده<i>Defines italic textنمایش ایتالیک یا کج<small>Defines small textنمایش در اندازه کوچک<strong>Defines strong textنمایش قوی ؟!<sub>Defines subscripted textنمایش پایین تر از خط افقی<sup>Defines superscripted textنمایش بالاتر از خط افقی<ins>Defines inserted textنمایش به صورت خط زیر<del>Defines deleted textنمایش به صورت خط خورده<s>Deprecated. Use <del> insteadاز رده خارج<strike>Deprecated. Use <del> insteadاز رده خارج<u>Deprecated. Use styles insteadاز رده خارجStart TagPurposeکاربرد<code>Defines computer code textنمایش کدهای برنامه نویسی<kbd>Defines keyboard text نمایش متن بصورت صفحه کلیدی<samp>Defines sample computer codeنمایش کدهای نمونه برنامه نویسی<tt>Defines teletype textنمایش تله تایپ<var>Defines a variableنمایش متغییرها<pre>Defines preformatted textنمایش متون از قبل فرمت شده
اسلاید ۱۸: Character Entities در اچتمل بعضی از نویسه ها دارای معنی خاصی بوده و برای نمایش آنها در صفحاتتان باید از character entities ها استفاده کنید. یک character entities از سه قسمت تشکیل میشود: ۱- نویسه ampersand (&) 2- نام entity یا نویسه # و سپس شماره عددی entity 3 – و نهایتا نویسه semicolon (;) برای مثال برای نمایش نویسه > دو روش وجود دارد، باید از < یا از < استفاده کنید. در این مثال lt نام entity و ۶۰ شماره عددی آن میباشد. مزیت استفاده از نام entity در مقابل استفاده از شماره عددی آن سهولت یادآوری آن از روی نامش میباشد و عیب آن این است که تمامی مرورگرها نام گذاریهای موجود برای Entity ها را قبول ندارند ولی در عوض همگی شماره های عددی entity ها را بخوبی میشناسند. توجه داشته باشید که entity ها به کوچک و بزرگی حروف حساس هستند و در واقع Case Sensitive میباشند. پر کاربردترین character entity در اچتمل، نویسه فاصله یا Space یا Blank میباشد و نام رسمی آن non-breaking space میباشد. همانطور که میدانید مرورگرها فاصله های اضافی را در نظر نگرفته (truncate spaces) و مثلا از ۱۰ نویسه فاصله، ۹ تای آنرا نادیده میگیرند و برای نمایش فاصله های اضافی باید از استفاده کنید.
اسلاید ۱۹: فهرست پرکاربردترین Character Entities ها Result (نمایش)Description (شرح)Entity Name (نام)Entity Number (شماره عددی) non-breaking space  <less than<<>greater than>>&ersand&&quotation mark""apostrophe 'چند Character Entitie با کاربردهای کمترResultDescriptionEntity NameEntity Number¢cent¢¢£pound££¥yen¥¥§section§§©copyright©©®registered trademark®®×multiplication××÷division÷÷
اسلاید ۲۰: تگ Anchor و شناسه href برای ایجاد پیوند به صفحات دیگر از تگ <a> استفاده میشود. پیوندها میتوانند به بخش دیگری از همان صفحه، صفحات دیگر وب، تصاویر، فایلهای صوتی یا حتی فیلم ها و … اشاره کنند. فرم کلی یک پیوند به قرار زیر است: <a href=url>Some Text</a> در مثال بالا تگ <a> برای ایجاد پیوندی به صفحه ای دیگر که آدرس اینترنتی آن url میباشد بکار رفته است. برای تعیین مقصد و یا آدرس صفحه جدید از شناسه ای به نام href که همان hyerlink reference میباشد، استفاده میشود و مقدار این شناسه در واقع همان آدرس اینترنتی صفحه مقصد است. بخش قابل رویت پیوند و در واقع متــنــی (و یا تصویری ) که توسط مرورگر نمایش داده خواهد شد و بازدیدکننده روی آن کلیک خواهد کرد میان تگهای <a> و </a> قرار داده میشود و هر چند که در مثال بالا این بخش متن Some Text است ولی میتواند حتی یک تصویر باشد. برای نمونه کد اچتمل زیر پیوندی به سایت ایجاد خواهد کرد: <a href=http://www/>Visit Google Site</a>
اسلاید ۲۱: شناسه target در پیوندها: با کمک شناسه target امکان تعیین مقصد پیوند جدید فراهم میشود. در مثال بالا پس از کلیک روی پیوند، مرورگر سایت را باز کرده و جایگزین سایت فعلی خواهد شد. اگر میخواهید که مرورگر پیوند را در صفحه ای جدید باز کند باید از شناسه targe
- همچنین لینک دانلود به ایمیل شما ارسال خواهد شد به همین دلیل ایمیل خود را به دقت وارد نمایید.
- ممکن است ایمیل ارسالی به پوشه اسپم یا Bulk ایمیل شما ارسال شده باشد.
- در صورتی که به هر دلیلی موفق به دانلود فایل مورد نظر نشدید با ما تماس بگیرید.
