فایل پی دی اف کامل پاورپوینت کارگاه آموزشی توسعه وب PDF

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

 فایل پی دی اف کامل پاورپوینت کارگاه آموزشی توسعه وب PDF دارای ۷۶ اسلاید می باشد و دارای تنظیمات کامل در PowerPoint می باشد و آماده ارائه یا چاپ است

شما با استفاده ازاین پاورپوینت میتوانید یک ارائه بسیارعالی و با شکوهی داشته باشید و همه حاضرین با اشتیاق به مطالب شما گوش خواهند داد.

لطفا نگران مطالب داخل پاورپوینت نباشید، مطالب داخل اسلاید ها بسیار ساده و قابل درک برای شما می باشد، ما عالی بودن این فایل رو تضمین می کنیم.

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

بخشی از مطالب داخلی اسلاید ها

فایل پی دی اف کامل پاورپوینت کارگاه آموزشی توسعه وب PDF

اسلاید ۴: وب چیست؟تور گسترده جهانی (World Wide Web) مجموعه ابرمتن های متصل به هم از طریق اینترنت است. اسناد وب (ابرمتن) توسط کاوشگر وب (Web Browser) قابل مطالعه هستند.استانداردترین سند وب، HTML یا HyperText Markup Language (زبان مشخص ابرمتنی) تقریبا تمام وب را تشکیل داده است.وب در سال ۱۹۸۰ ابداع شد.اسناد وب از طریق ابراتصال (Hyperlink) به یکدیگر متصل هستند.استانداردهای وب از طرف World Wide Web Consortium (W3C) و Internet Engineering Task Force (IETF) وضع می شوند.مایکروسافت در عرصه وب از استانداردها پیروی نمی کند و استانداردهای خود را وضع نموده است.

اسلاید ۵: Web 2خاصیت اصلی وب استاندارد بودن شکل ظاهری و سادگی دسترسی به آن بود.به دلیل کمبودها و عدم پویایی وب، وب ۲ در سال ۲۰۰۴ شکل گرفت.”وب ۲ انقلابی تجاری درصنعت کامپیوتر است که به وسیلهاتکا به اینترنت به عنوان سکوی تجارت شکل گرفته است.“در واقع تکنولوژی وب ۲ تفاوتی با وب ندارد، بلکه وب ۲ بدین معناست که نرم افزارها و کاربردهای مختلف همگی بر روی وب اتکا کنند و به وسیله وب توسعه یابند.با توسعه وب ۲ استفاده از تکنولوژی های خاص با هدف پویا سازی صفحات رونق گرفت و دریچه جدیدی به روی وب باز شد.در وب ۲، شرکتها خدمات و محصولات خود را بر روی وب و برای وب ارائه می دهند.وب ۲ تا جایی پیش رفت که سیستم عامل های تحت وب پدید آمدند.

اسلاید ۶: پروتکل HTTPپروتکل اصلی وب پروتکل HTTP یا HyperText Transfer Protocol است.HTTP یک پروتکل تقاضا-پاسخی (Request-Responce) است. در این پروتکل کلاینت، یک درخواست به سرور فرستاده و سرور درخواست وی را پاسخ می گوید. پس از این تراکنش، اتصال مابین طرفین منقطع می گردد.HTTP یک پروتکل بدون وضعیت (Stateless) است، بدین معنی که سرور از وضعیت فعلی کلاینت خبری ندارد و تنها تقاضای وی را دریافت می کند.تقاضا انواع مختلفی داراست. معمول ترین انوع تقاضا، POST و GET است.پاسخ سرور به تقاضا می تواند اطلاعات، HTML، فایل های تکمیلی (مانند تصاویر) و یا انواع دیگر داده باشد.در صورتی که پاسخ سرور HTML باشد، یک صفحه وب برای کاربر فرستاده می شود.

اسلاید ۷: کاوشگر وبکاوشگر وب (یا Web Browser) نرم افزاریست که می تواند تحت پروتکل های وب با اینترنت کار کند.کاوشگر وب خواسته کاربر را در قالب درخواستهای HTTP برای سرور ارسال می کند و نتایج سرور را نمایش می دهد.کاوشگر وب علاوه بر قابلیت قالب بندی و نمایش اسناد HTML، توانایی دریافت تمام فایلهای تکمیلی که در سند HTML استفاده شده اند را به صورت خودکار داراست.کاوشگرهای امروزه وب علاوه بر توانایی های اصلی بالا، قابلیت های بیشمار دیگری نیز دارا هستند.کاوشگرهای معروف را می توان Internet Explorer مایکروسافت که از نیمی از استانداردهای وب تبعیت نمی کند، Firefox موزیلا که قدرتمندترین کاوشگر حرفه ای دانسته می شود و اخیرا Google Chrome که برای اهداف وب ۲ طراحی شده است، دانست.

اسلاید ۸: پروتکل HTTPSپروتکل HTTP به صورت تمام متن و مستقیم کار میکند. از این رو احتیاجات امنیتی را برآورده نمی سازد. برای مثال تعاملات بانکی که با استفاده از HTTP انجام شوند، کاملا قابل دید برای همگان خواهند بود.برای جبران این کمبودها، پروتکل HTTPS یا Secure HTTP ابداع شد. این پروتکل با استفاده از پروتکل امنیتی SSL ( Secure Sockets Layer ) و یا TLS ( Transport Layer Security) تبادلات سرور و کلاینت را امن می سازد. از این پروتکل در تمامی وب هایی که به امنیت احتیاج است استفاده می گردد.برای کارکرد درست HTTPS، لازم است که سرور خود را با یک گواهینامه دیجیتال (Digital Certificate) اهراز هویت کند. برای تهیه یک گواهینامه دیجیتال، لازم است تا به مراکز اعطای گواهی هزینه ای معادل ۱۰۰ هزار تومان برای هر سال پرداخت.به دلیل هزینه بالا و قدیمی بودن اکثر پیاده سازی های HTTPS، این پروتکل نقاط امنیتی بسیاری را برای وب باز گذارده است.

اسلاید ۹: پروتکل FTPFTP یا File Transfer Protocol یک استاندارد نسبتا قدیمیست که برای تبادل فایل در وب استفاده می شود. امروزه فایل را می توان با استفاده از HTTP به سادگی FTP منتقل کرد.در واقع FTP راه دیگری دسترسی به داده های موجود بر روی سرورهای وب است، که معمولا در دو کاربرد استفاده می شود:دریافت فایلهای بسیار بزرگ از اینترنتقراردادن فایلها و اسناد بر روی وب توسط نگهدارنده یا سازنده آناز آنجایی که FTP فقط برای تعامل فایل ایجاد شده است، هیچ سند دارای نمود ظاهری (مانند HTML برای HTTP) ندارد.

اسلاید ۱۰: پروتکل های دیگر وبپروتکل های فراوان دیگری در وب وجود دارند که تعداد بسیار زیادی از آنها برای تبادل داده های صوتی و تصویری به کار می روند. برای کارکرد با هر پروتکل، نرم افزار مخصوص آن پروتکل احتیاج است.با روی کار آمدن وب ۲ و تکنولوژی های جدید آن، نیاز به پروتکل های دیگر تقریبا مرتفع شده است. به همین دلیل آنها تقریبا کاربردهای متعدد خود را از دست داده و فراموش شده اند.

اسلاید ۱۱: HTML چیست؟

اسلاید ۱۲: HTML چیست؟زبان استاندارد صفحات وب. این زبان در واقع یک قالب ارائه اطلاعات است و برنامه نویسی خاصی در آن وجود ندارد.امروزه HTML تقریبا توانایی نمایش هرگونه داده ای با هر قالبی را داراست. می توان آنرا یک فرمت خیلی ساده دانست که مانند PDF و Word تصویر، متن و داده های دیگر را در کنار یکدیگر نمایش می دهد.HTML یک زبان برچسبی (Tag) است. از این رو Markup Language دانسته می شود، مانند XML که یک زبان برچسبی بدون محدودیت برچسب است.برچسب های HTML محدودند و هرکدام نمایانگر داده خاصی هستند.عنوان شروع برچسب در داخل علامت بزرگتر و کوچکتر قرار می گیرد، و پایان برچسب همانند شروع آن، فقط با تفاوت یک / است:<tagName>tagdata here, as mush as you want </tagName>

اسلاید ۱۳: برچسب چیست؟تمام اطلاعات یک سند برچسبی، در داخل برچسب ها قرار می گیرد. هر برچسب ۳ بخش دارد:عنوان برچسب (معین کننده نوع آن)صفات برچسب (معین کننده ویژگیها و رفتار آن)داده برچسب (معین کننده داده ای که برچسب ارائه می دهد)برچسب ها می توانند در یک ساختار درختی در داخل یکدیگر قرار گیرند، بدین معنی که داده یک برچسب می تواند خود شامل برچسبهای دیگر باشد.مثال برای برچسب تو در تو به همراه صفات و مقدار صفات برچسب:<tag attribute1=“attributeValue” attribute2=“attributeValue2”><innerTag> some data <anotherInnerTag /> </innerTag></tag>همانطور که در مثال مشخص است، برچسبی که داده نداشته باشد، در داخل خود بسته می شود.

اسلاید ۱۴: برچسب ریشههمانگونه که یک فایل XML، با برچسب های خود یک ساختار درختی می سازد که تنها یک ریشه دارد (برچسب ریشه)، ریشه فایلهای HTML هم برچسب <html> است. تمام محتویات صفحه وب در داخل این برچسب قرار می گیرد.نکته: همانند فایلهای XML می توانید یک نوع و فضای نام برای فایلهای HTML تعریف کنید. این کار اخیرا به یک استاندارد تبدیل شده و بهتر است رعایت شود. نوع در خط اول فایل قرار می گیرد. انواع قابل استفاده:HTML 4.01 Strict (غیر ارائه ای)<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://TR/html4/strict.dtd>HTML 4.01 Transitional<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://TR/html4/loose.dtdHTML 4.01 Frameset<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Frameset//EN http://TR/html4/frameset.dtd>

اسلاید ۱۵: برچسب ریشه (ادامه)XHTML 1.0 Strict<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://TR/xhtml1/DTD/xhtml1-strict.dtd>XHTML 1.0 Transitional<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://TR/xhtml1/DTD/xhtml1-transitional.dtd>XHTML 1.0 Frameset<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Frameset//EN http://TR/xhtml1/DTD/xhtml1-frameset.dtd>XHTML 1.1 (strict)<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN http://TR/xhtml11/DTD/xhtml11.dtd>

اسلاید ۱۶: سرصفحه و بدنههر سند HTML از دو قسمت اصلی تشکیل شده است، سرصفحه (Head) و بدنه (Body). اطلاعات مربوط به صفحه که نمایش ظاهری ندارند، در سرصفحه قرار گرفته و اطلاعات نمایشی صفحه در قسمت بدنه جای می گیرند. به عنوان مثال:<html><head><title> Sample Webpage </title></head><body><p> hello there this is a paragraph </p><p> hello again another paragraph with <b> bold </b> text! </p></body></html>

اسلاید ۱۷: فایل متنیاز آنجایی که HTML یک فایل متنی است، دانستن نکاتی در مورد فایل متنی سودمند به نظر می رسد:فایل های متنی سه نوع ذخیره می گردند:کاراکتر بندی ASCII: در این مدل هر کاراکتر ۱ بایت می گیرد و ۲۵۶ حالت دارد. این نوع کاراکتر بندی فاقد توانایی نمایش زبانهای غیر انگلیسی است.کاراکتر بندی ویندوز : در این مدل هر کاراکتر در فایل متنی ۲ بایت می گیرد و بر اساس استاندارد ویندوز به شکل خاصی تبدیل می شود.کاراکتر بندی Unicode: در این مدل، هر کاراکتر ۲ بایت می گیرد و توانای نمایش به اکثر زبانها وجود دارد. یونیکد خود به استانداردهای متفاوتی تقسیم می گردد که زبان فارسی در استاندارد اصلی آن، UTF-8 پشتیبانی شده است.کاراکتر انتهای خط در ویندوز و لینوکس تفاوت می کند، در ویندوز یک کاراکتر ۱۳ (Enter) و یک کاراکتر کمکی با شماره ۱۰ معین کننده پایان خط است ولی در لینوکس کاراکتر ۱۰ وجود ندارد. ازاین رو فایلهای متنی لینوکس در ویندوز، یکسره و بدون خط بندی به نظر می رسند.

اسلاید ۱۸: نکات HTMLتمامی فضاهای خالی (whitespace) پیوسته، در خروجی یک Space می شوند.از آنجایی که علامت های < > & برای معین کردن برچسب ها کاربرد دارند، برای وارد کردن آنها در متن باید تبدیل زیر انجام شود:< : &lt;> : &gt;& : &amp;برای تولید اسناد HTML می توانید از نرم افزارهای بسیاری بهره جویید، نرم افزارهای زیر از معروفترین آنها هستند:Microsoft FrontpageAdobe DreamweaverZendStudio for Eclipse

اسلاید ۱۹: برچسبهای HTML

اسلاید ۲۰: برچسب های مجازHTML دارای حدود ۷۵ برچسب مجاز (امروزه) و حدود ۱۰۰ برچسب معمول است. هر کدام از این برچسب ها، کاربرد خاصی دارند و اطلاعات خاصی را ارائه می دهند. در بخش بعدی تعدادی از معمول ترین این برچسب ها را بررسی خواهیم کرد.حدود ۲۵ برچسب HTML با گذر زمان منقرض شده اند (استفاده از آنها غیر استاندارد شده است) بیشتر آنها برچسب های قالب بندی هستند که با به وجود آمدن CSS استفاده از آنها ناصحیح دانسته