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

توجه : این پروژه به صورت فایل power point (پاور پوینت) ارائه میگردد

 پاورپوینت کامل آموزش برنامه‌نویسی وب با HTML و بررسی ساختار، تگ‌ها و کاربردهای عملی در طراحی صفحات دارای ۴۷ اسلاید می باشد و دارای تنظیمات کامل در Power Point می باشد و آماده پرینت یا چاپ است

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

---

لطفا به نکات زیر در هنگام خرید

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

توجه فرمایید.

۱-در این مطلب، متن اسلاید های اولیه 

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

قرار داده شده است

۲-به علت اینکه امکان درج تصاویر استفاده شده در پاورپوینت وجود ندارد،در صورتی که مایل به دریافت  تصاویری از ان قبل از خرید هستید، می توانید با پشتیبانی تماس حاصل فرمایید

۳-پس از پرداخت هزینه ، حداکثر طی ۱۲ ساعت پاورپوینت خرید شده ، به ادرس ایمیل شما ارسال خواهد شد

۴-در صورت  مشاهده  بهم ریختگی احتمالی در متون زیر ،دلیل ان کپی کردن این مطالب از داخل اسلاید ها میباشد ودر فایل اصلی این پاورپوینت،به هیچ وجه بهم ریختگی وجود ندارد

۵-در صورتی که اسلاید ها داری جدول و یا عکس باشند در متون زیر قرار داده نشده است

---

بخشی از متن پاورپوینت کامل آموزش برنامه‌نویسی وب با HTML و بررسی ساختار، تگ‌ها و کاربردهای عملی در طراحی صفحات :

اسلاید ۱ :

n “ مقدمه :

   مبحث اینترنت و زیرشاخه‌های آن -در یک نگاه کلی- شاخه‌ای از علم شبکه‌های کامپیوتری هستند. در واقع اگر بخواهیم به مباحث سطح بالا و کاربردی شبکه‌های کامپیوتری بپردازیم، اینترنت و تکنولوژی‌های آن از اولویت بالایی برخوردارند.

    در دنیای امروز که جهت‌گیری اکثر دولت‌ها به سوی بیشتر و زودتر دانستن است، به جرأت می‌توان گفت «فناوری اطلاعات و ابزار قدرتمند آن یعنی اینترنت در میزان پیشرفت علمی و فنی یک ملت نقش بسزایی دارد.»

    با درک اهمیت یادگیری و بکارگیری اینترنت در زندگی عادی مرور مختصری را روی آن خواهیم داشت.

n“ تاریخچه :

      پس از آنکه شوروی سابق اولین ماهواره‌ی مصنوعی را در سال ۱۹۵۷ به فضا پرتاب کرد، به دلیل رقابت تنگاتنگ نظامی میان آمریکا و شوروی، اداره‌ی دفاع آمریکا به دستور آیزنهاور (رئیس‌جمهور وقت ایالات متحده) اقدام به تشکیل آژانس تحقیقاتی پروژه‌های پیشرفته (آرپا) نمود. به دنبال تشکیل آرپا و برای آماده‌باش و کنترل بیشتر بر روی منابع موشکی، پنتاگون بودجه‌ای را برای تحقیقات دانشگاهی در مورد ساختن یک شبکه‌ی ارتباطی بین مناطق مختلف نظامی آمریکا اختصاص داد. حاصل این تحقیقات بعدها آرپانِت نامیده شد که در ابتدا صرفاً ۴ کامپیوتر در آمریکا را به هم مرتبط می‌کرد. آرپانت به سرعت گسترش یافت و با طراحی و
پیاده‌سازی پروتکل TCP/IP و همکاری دانشگاه برکلی در فراهم کردن رابط نرم‌افزاری مناسب به کمک سیستم عامل یونیکس این دانشگاه، اینترنت متولد شد.

n“ فناوری اطلاعات :

n

n

n

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

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

    درک عمیق تمامی این موارد نیازمند داشتن درکی مناسب از اینترنت و در واقع تکنولوژی تور جهان گستر است. به این منظور مروری خواهیم داشت بر روی مفاهیم اولیه‌ی اینترنت.

اسلاید ۲ :

n“مفاهیم :

n

        اینترنت :

         مخفف واژه‌ی Inter Network است. بزرگترین شبکه‌ی دنیا که از به هم پیوستن تعداد زیادی کامپیوتر ایجاد شده است. این تصور که اینترنت بر روی چند کامپیوتر

       خاص در دنیا سوار شده به کلی غلط است. در واقع هر کامپیوتری که به طریقی به اینترنت متصل می‌شود، جزئی از اینترنت محسوب می‌شود.

        پروتکل :

        واژه‌ی پروتکل در لغت به معنای قرارداد است و از دیدگاه علم اینترنت، به قوانینی گفته می‌شود که ۲ یا چند کامپیوتر برای ارتباط (رد و بدل کردن اطلاعات) با یکدیگر رعایت می‌کنند. به عنوان مثال هنگامی که کامپیوتر ۱ در حال صحبت کردن است،

      کامپیوتر ۲ به حال گوش دادن درمی‌آید و ضمناً میان صحبت کامپیوتر ۱ صحبت نمی‌کند.

      پروتکل اصلی اینترنت، TCP/IP است، که قسمت IP آن وظیفه‌ی حمل بسته‌های اطلاعات از طریق کابل‌ها و شبکه‌ی اینترنت و قسمت TCP هم عهده‌دار تعیین صحت داده و رساندن آن به سطح قابل استفاده برای کاربر را دارد. یک سطحْ بالاتر و برای دسترسی به سایت‌های اینترنتی از پروتکل HTTP یا همان مجموعه قواعد دریافت اطلاعاتی شامل متن، صوت، تصویر و ;  (در قالب HTML) از تور جهان گستر استفاده می‌کنیم.

اسلاید ۳ :

nسرویس‌دهنده/ سرویس‌گیرنده : (( SERVER / CLIENT  

    تمامی سایت‌های اینترنتی که مشاهده می‌کنیم، از طریق یک سِرْوِر (سرویس دهنده) برای ما یعنی سرویس گیرنده (یا مشتری) فرستاده می‌شود. در واقع سرور منتظر یک تقاضای مشاهده‌ی صفحه‌ی وب از جانب مشتری است تا آن صفحه را برای او ارسال کند. مثلاً هنگامی‌که ما در نوار آدرس مرورگر وب خود‌ آدرس www.google.com را وارد می‌کنیم، مرورگر در نقش مشتری، درخواستی را به سِروری که صفحه‌ی گوگل را در اختیار دارد می‌فرستد. پس از آن سرور در پاسخ به این درخواست، صفحه‌ی گوگل را برای مشتری ارسال می‌کند و مرورگر پس از دریافت، آن‌را به ما نمایش می‌دهد. لازم به ذکر است که این درخواست و پاسخ –که به Request و Response مشهور است- از طریق پروتکل HTTP صورت می‌گیرد.

اسلاید ۴ :

nمرورگر وب (Web Browser) :

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

مرورگرها چگونه به خواندن صفحات وب میپردازند؟

       یک مرورگر با کمک یک Request درخواستی برای خواندن یک صفحه از وب سرور میکند.

       این Request یا درخواست بر اساس استاندارد ارتباطی یا پروتوکل HTTP بوده و شامل آدرس صفحه مورد نظر میباشد.

       آدرس یک صفحه وب چیزی شبیه http://www.khaterat.com/faq.html است. بخش //:http نوع پروتوکل و یا استاندارد ارتباطی را تعیین میکند، www.khaterat.com نام دومین یا Domain است و faq.html نام صفحه ای است که باید خوانده شود.

مرورگرها چگونه صفحات وب را نمایش میدهند؟

nچگونگی نمایش یک صفحه وب بصورت مستتر در آن وجود دارد.

nمرورگرها از روی دستورالعملهای داخل صفحات وب و با کمک تگ ها به نمایش صفحات میپردازند.

nوظیفه اصلی تگ های اچتمل ( HTML tags ) بیان چگونگی نمایش اطلاعات میباشد.

nیک تگ اچتمل چیزی شبیه <p> این تگ پاراگراف است! </p> است.

چه کسانی استاندارد های وب را تعیین میکند؟

nتعیین استاندارد های وب ربطی به شرکتهای مایکروسافت و یا نت اسکیپ ندارد.

nWorld Wide Web Consortium یا W3C متولی تعیین استانداردهای وب است.

nHTML, CSS and XML از مهمترین استانداردهای تصویب شده وب میباشند.

nآخرین استاندارد HTML استاندارد XHTML 1.0 میباشد .

اسلاید ۵ :

n

n اکثر قریب به اتفاق صفحات وب در دنیا توسط مرورگر IE (Internet Explorer) بازدید می‌شوند، چرا که Windows عام ترین سیستم عامل مورد استفاده در جهان است که به‌صورت پیش‌فرض IE را داراست. بعد از IE، پرطرفدارترین مرورگر Netscape Navigator (NN) نام دارد. مرورگرهای دیگری نیز وجود دارند از جمله Opera,FireFox، Mozilla، Safari و ;.

اسلاید ۶ :

nجاوا اسکریپت :

       یک زبان برنامه‌نویسی که فقط در صفحات وب به کار می‌رود، چرا که برخی از امکانات معمول یک زبان برنامه‌نویسی مانند C را ندارد؛ در واقع JavaScript برای استفاده در وب طراحی شده و به همین دلیل زبان سطح بالایی است، به طوری که می‌توان با نوشتن یک خط کد در آن یک پنجره‌ی سؤال (Ok – Cancel) باز کرد و از کاربر پرسش کرد. از آنجایی که HTML صرفاً شامل Tagهایی برای نمایش صفحات وب است، برای کنترل ساختارهای دیگر یک صفحه‌ی وب و یا استفاده از الگوریتم‌های برنامه‌نویسی و یا حتی ساختن صفحات پویاکه باید روی مرورگر وب اجرا شوند، به JavaScript نیاز داریم. در واقع JavaScript زبانی است که مرورگر وب مترجم و اجرا کننده‌ی آن است. همچنین یادآوری می‌کنیم که JavaScript زبانی است شامل بسیاری از ملزومات زبان‌های برنامه‌نویسی، نظیر حلقه‌ها، شرط‌ها، توابع، رشته‌ها و حتی رویداد‌ها.

nمفهوم HTML   :

             HTML مخفف (Hyper Text Markup Language ) که نوعی زبان توصیف کننده (کاملاً متفاوت و بسیار آسان‌تر از زبان‌های متداول برنامه‌سازی نظیر C و Pascal) است که برای نمایش دادن صفحات وب به کار می‌رود. تقریباً تمامی صفحات دریافتی ما از اینترنت به این زبان نوشته شده‌اند و مرورگرهای وب می‌توانند آن زبان را به ما نمایش دهند.

             در سال ۱۹۹۲ در دانشگاه مینه سوتا سیستمی به نام web به وجود آمد که دارای دو ویژگی خاص بود.

.۱Graphic, Multi Media

.۲Hyper Text (فقط کلیک کردن و در سایت حرکت کردن )

             صفحات این سیستم توسط برنامه ای به نام HTML ساخته شد.

             همچنین برای رد و بدل کردن اطلاعات :

(HTTP(Hyper Text Transfer Protocol                                                               

HTML Web page                                                               

اسلاید ۷ :

HTML       

        یک text عادی و در حقیقت زبانی برای مارک کردن فایلهای text به یکدیگر می باشد که آن را با TAG مشخص کرده و به صورت <tag name> می نویسند. 

        به واحدهای سازنده‌ی یک کد  HTMLرا، تَگْ می‌گویند. در واقع تگ‌ها کلماتی کلیدی هستند که در زبان HTML قراردادْ شده‌اند و یک مرورگر وب با دیدن هر کدام از این کلمات، متون و یا تصاویر موجود در صفحه را به نوعی نمایش می‌دهد. به عنوان مثال تکه کد HTML زیر متن «سلام» را به کمک تگ <B>، توپُر نمایش می‌دهد.

<B>سلام</B>

یک فایل HTML چیست؟

nHTML برگرفته از حروف اول Hayper Text Markup Language میباشد.

nیک فایل HTML فایلی از نوع text میباشد که متشکل از markup tag ها میباشد.

nمرورگر یا Browser از روی markup tag ها می فهمد که چگونه باید صفحه را نمایش بدهد.

nیک فایل HTML باید دارای انشعاب htm و یا html باشد.

nیک فایل HTML فایلی از نوع text میباشد که با هر ادیتور ساده ای قابل ایجاد است.

nوظیفه اصلی تگ های اچتمل ( markup tags ) بیان چگونگی نمایش اطلاعات میباشد.

• حال پس از مروری کوتاه بر روی مفاهیم اصلی وب، به زبان برنامه نویسی HTML می‌پردازیم .>>>

اسلاید ۸ :

nتگ های اچتمل (HTML Tags) :

nبا کمک تگ های اچتمل عناصر و یا Elements ساخته میشوند.

nدر زبان اچتمل حدود ۸۰ عنصر تعریف شده است.

nتگ های اچتمل بوسیله دو نویسه (char) > و < ساخته میشوند.

nتگ های اچتمل معمولا بصورت زوج ظاهر میشوند، مانند <b>test</b>

nتگ اول در یک زوج تگ مثلا <b> تگ شروع و تگ دوم مثلا <b/> تگ پایانی نام دارد.

nمتن بین تگ اول و تگ دوم در یک زوج تگ محتوای عنصر یا element content نامیده میشود، مثلا “test”

nتگ های اچتمل را میتوانید بوسیله حروف لاتین کوچک (lower case) و یا بزرگ (upper case) بنویسید و case sensitive نیستند. برای مثال دو تگ <b> و <B> معادل هم هستند ولی شدیدا توصیه میشود که به خاطر سازگاری با XHTML از حروف کوچک استفاده شود.

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

اسلاید ۹ :

        همان‌طوری که مثال ۱ نشان می‌دهد، تمامی کد HTML بین دو تگ <HTML> و </HTML> قرار می‌گیرد. ناگفته پیداست که <TAG> نشانگر یک تگ آغازین و </TAG> یک تگ پایانی می‌باشد (به جای TAG هر کدام از تگ‌های رزرو شده‌ی HTML را قرار دهید.) شما می‌توانید مثال فوق را در یک فایل خالی نوشته و پسوند آنرا html (و یا htm) بگذارید، سپس آن‌را به‌وسیله‌ی یک مرورگر وب (مانند IE) باز کنید؛ با این کار یک صفحه‌ی HTML خالی را خواهید دید.

     حال به مثال دوم توجه کنید:

 این کار را در Windows می‌توانید به این صورت انجام دهید: notepad را اجرا کنید، متن مثال را در آن نوشته و پس از آن از منوی File، با انتخاب Save As، فایل را به نام دلخواه(مثلاً  ex01.html) ذخیره کنید. اکنون آن فایل را در My Computerبیاورید و روی آن دوبار کلیک کنید!

اسلاید ۱۰ :

n

nهمان‌طور که مشاهده می‌کنید در این مثال از تگ‌های HEAD، TITLE و BODY استفاده کردیم. برای درک بهتر، این کد را در IE باز کریم و نتیجه به صورت زیر بود :

n

می‌توان حدس زد هرکدام از تگ‌ها چه وظیفه‌ای دارند:

HTML: تمامی کد ما باید بین این تگ قرار گیرد.

HEAD: اطلاعات مربوط به کد HTML و یا عنوان صفحه و سایر تنظیم‌ها در این قسمت قرار می‌گیرند.

TITLE: عنوان صفحه؛ در شکل مشاهده می‌کنید که متنی که بین این تگ قرار گرفته، بر روی نوار عنوان IE ظاهر شده است.

BODY: قسمتی از HTML که در داخل HEAD نمی‌آید، باید میان تگ BODY قرار گیرد. هر متنی که در قسمت BODY نوشته شود، عیناً در صفحه‌ی ما جا می‌گیرد.