بخشی از پاورپوینت
اسلاید 1 :
کارگاه آموزشی توسعه وب
بخش اول - HTML
اسلاید 2 :
عناوین مطرحی
وب چیست؟
Web 2
پروتکل HTTP
کاوشگر وب
پروتکل HTTPS
پروتکل FTP
پروتکل های دیگر وب
HTML چیست؟
اسلاید 3 :
وب چیست؟
اسلاید 4 :
وب چیست؟
تور گسترده جهانی (World Wide Web) مجموعه ابرمتن های متصل به هم از طریق اینترنت است.
اسناد وب (ابرمتن) توسط کاوشگر وب (Web Browser) قابل مطالعه هستند.
استانداردترین سند وب، HTML یا HyperText Markup Language (زبان مشخص ابرمتنی) تقریبا تمام وب را تشکیل داده است.
وب در سال 1980 ابداع شد.
اسناد وب از طریق ابراتصال (Hyperlink) به یکدیگر متصل هستند.
استانداردهای وب از طرف World Wide Web Consortium (W3C) و Internet Engineering Task Force (IETF) وضع می شوند.
مایکروسافت در عرصه وب از استانداردها پیروی نمی کند و استانداردهای خود را وضع نموده است.
اسلاید 5 :
Web 2
خاصیت اصلی وب استاندارد بودن شکل ظاهری و سادگی دسترسی به آن بود.
به دلیل کمبودها و عدم پویایی وب، وب 2 در سال 2004 شکل گرفت.
”وب 2 انقلابی تجاری درصنعت کامپیوتر است که به وسیله
اتکا به اینترنت به عنوان سکوی تجارت شکل گرفته است.“
در واقع تکنولوژی وب 2 تفاوتی با وب ندارد، بلکه وب 2 بدین معناست که نرم افزارها و کاربردهای مختلف همگی بر روی وب اتکا کنند و به وسیله وب توسعه یابند.
با توسعه وب 2 استفاده از تکنولوژی های خاص با هدف پویا سازی صفحات رونق گرفت و دریچه جدیدی به روی وب باز شد.
در وب 2، شرکتها خدمات و محصولات خود را بر روی وب و برای وب ارائه می دهند.
وب 2 تا جایی پیش رفت که سیستم عامل های تحت وب پدید آمدند.
اسلاید 6 :
پروتکل HTTP
پروتکل اصلی وب پروتکل HTTP یا HyperText Transfer Protocol است.
HTTP یک پروتکل تقاضا-پاسخی (Request-Responce) است. در این پروتکل کلاینت، یک درخواست به سرور فرستاده و سرور درخواست وی را پاسخ می گوید. پس از این تراکنش، اتصال مابین طرفین منقطع می گردد.
HTTP یک پروتکل بدون وضعیت (Stateless) است، بدین معنی که سرور از وضعیت فعلی کلاینت خبری ندارد و تنها تقاضای وی را دریافت می کند.
تقاضا انواع مختلفی داراست. معمول ترین انوع تقاضا، POST و GET است.
پاسخ سرور به تقاضا می تواند اطلاعات، HTML، فایل های تکمیلی (مانند تصاویر) و یا انواع دیگر داده باشد.
در صورتی که پاسخ سرور HTML باشد، یک صفحه وب برای کاربر فرستاده می شود.
اسلاید 7 :
کاوشگر وب
کاوشگر وب (یا Web Browser) نرم افزاریست که می تواند تحت پروتکل های وب با اینترنت کار کند.
کاوشگر وب خواسته کاربر را در قالب درخواستهای HTTP برای سرور ارسال می کند و نتایج سرور را نمایش می دهد.
کاوشگر وب علاوه بر قابلیت قالب بندی و نمایش اسناد HTML، توانایی دریافت تمام فایلهای تکمیلی که در سند HTML استفاده شده اند را به صورت خودکار داراست.
کاوشگرهای امروزه وب علاوه بر توانایی های اصلی بالا، قابلیت های بیشمار دیگری نیز دارا هستند.
کاوشگرهای معروف را می توان Internet Explorer مایکروسافت که از نیمی از استانداردهای وب تبعیت نمی کند، Firefox موزیلا که قدرتمندترین کاوشگر حرفه ای دانسته می شود و اخیرا Google Chrome که برای اهداف وب 2 طراحی شده است، دانست.
اسلاید 8 :
پروتکل HTTPS
پروتکل HTTP به صورت تمام متن و مستقیم کار میکند. از این رو احتیاجات امنیتی را برآورده نمی سازد. برای مثال تعاملات بانکی که با استفاده از HTTP انجام شوند، کاملا قابل دید برای همگان خواهند بود.
برای جبران این کمبودها، پروتکل HTTPS یا Secure HTTP ابداع شد. این پروتکل با استفاده از پروتکل امنیتی SSL ( Secure Sockets Layer ) و یا TLS ( Transport Layer Security) تبادلات سرور و کلاینت را امن می سازد. از این پروتکل در تمامی وب هایی که به امنیت احتیاج است استفاده می گردد.
برای کارکرد درست HTTPS، لازم است که سرور خود را با یک گواهینامه دیجیتال (Digital Certificate) اهراز هویت کند. برای تهیه یک گواهینامه دیجیتال، لازم است تا به مراکز اعطای گواهی هزینه ای معادل 100 هزار تومان برای هر سال پرداخت.
به دلیل هزینه بالا و قدیمی بودن اکثر پیاده سازی های HTTPS، این پروتکل نقاط امنیتی بسیاری را برای وب باز گذارده است.
اسلاید 9 :
پروتکل FTP
FTP یا File Transfer Protocol یک استاندارد نسبتا قدیمیست که برای تبادل فایل در وب استفاده می شود. امروزه فایل را می توان با استفاده از HTTP به سادگی FTP منتقل کرد.
در واقع FTP راه دیگری دسترسی به داده های موجود بر روی سرورهای وب است، که معمولا در دو کاربرد استفاده می شود:
دریافت فایلهای بسیار بزرگ از اینترنت
قراردادن فایلها و اسناد بر روی وب توسط نگهدارنده یا سازنده آن
از آنجایی که FTP فقط برای تعامل فایل ایجاد شده است، هیچ سند دارای نمود ظاهری (مانند HTML برای HTTP) ندارد.
اسلاید 10 :
پروتکل های دیگر وب
پروتکل های فراوان دیگری در وب وجود دارند که تعداد بسیار زیادی از آنها برای تبادل داده های صوتی و تصویری به کار می روند. برای کارکرد با هر پروتکل، نرم افزار مخصوص آن پروتکل احتیاج است.
با روی کار آمدن وب 2 و تکنولوژی های جدید آن، نیاز به پروتکل های دیگر تقریبا مرتفع شده است. به همین دلیل آنها تقریبا کاربردهای متعدد خود را از دست داده و فراموش شده اند.
اسلاید 11 :
HTML چیست؟
اسلاید 12 :
HTML چیست؟
زبان استاندارد صفحات وب. این زبان در واقع یک قالب ارائه اطلاعات است و برنامه نویسی خاصی در آن وجود ندارد.
امروزه HTML تقریبا توانایی نمایش هرگونه داده ای با هر قالبی را داراست.
می توان آنرا یک فرمت خیلی ساده دانست که مانند PDF و Word تصویر، متن و داده های دیگر را در کنار یکدیگر نمایش می دهد.
HTML یک زبان برچسبی (Tag) است. از این رو Markup Language دانسته می شود، مانند XML که یک زبان برچسبی بدون محدودیت برچسب است.
برچسب های HTML محدودند و هرکدام نمایانگر داده خاصی هستند.
عنوان شروع برچسب در داخل علامت بزرگتر و کوچکتر قرار می گیرد، و پایان برچسب همانند شروع آن، فقط با تفاوت یک / است:
tagdata here, as mush as you want
اسلاید 13 :
برچسب چیست؟
تمام اطلاعات یک سند برچسبی، در داخل برچسب ها قرار می گیرد. هر برچسب 3 بخش دارد:
عنوان برچسب (معین کننده نوع آن)
صفات برچسب (معین کننده ویژگیها و رفتار آن)
داده برچسب (معین کننده داده ای که برچسب ارائه می دهد)
برچسب ها می توانند در یک ساختار درختی در داخل یکدیگر قرار گیرند، بدین معنی که داده یک برچسب می تواند خود شامل برچسبهای دیگر باشد.
مثال برای برچسب تو در تو به همراه صفات و مقدار صفات برچسب:
some data
همانطور که در مثال مشخص است، برچسبی که داده نداشته باشد، در داخل خود بسته می شود.
اسلاید 14 :
برچسب ریشه
همانگونه که یک فایل XML، با برچسب های خود یک ساختار درختی می سازد که تنها یک ریشه دارد (برچسب ریشه)، ریشه فایلهای HTML هم برچسب
است. تمام محتویات صفحه وب در داخل این برچسب قرار می گیرد.
نکته: همانند فایلهای XML می توانید یک نوع و فضای نام برای فایلهای HTML تعریف کنید. این کار اخیرا به یک استاندارد تبدیل شده و بهتر است رعایت شود. نوع در خط اول فایل قرار می گیرد. انواع قابل استفاده:
HTML 4.01 Strict (غیر ارائه ای)
HTML 4.01 Transitional
HTML 4.01 Frameset
اسلاید 15 :
برچسب ریشه (ادامه)
XHTML 1.0 Strict
XHTML 1.0 Transitional
XHTML 1.0 Frameset
XHTML 1.1 (strict)
اسلاید 16 :
سرصفحه و بدنه
هر سند HTML از دو قسمت اصلی تشکیل شده است، سرصفحه (Head) و بدنه (Body). اطلاعات مربوط به صفحه که نمایش ظاهری ندارند، در سرصفحه قرار گرفته و اطلاعات نمایشی صفحه در قسمت بدنه جای می گیرند. به عنوان مثال:
Sample Webpage
hello there this is a paragraph
hello again another paragraph with bold text!
اسلاید 17 :
فایل متنی
از آنجایی که HTML یک فایل متنی است، دانستن نکاتی در مورد فایل متنی سودمند به نظر می رسد:
فایل های متنی سه نوع ذخیره می گردند:
کاراکتر بندی ASCII: در این مدل هر کاراکتر 1 بایت می گیرد و 256 حالت دارد. این نوع کاراکتر بندی فاقد توانایی نمایش زبانهای غیر انگلیسی است.
کاراکتر بندی ویندوز : در این مدل هر کاراکتر در فایل متنی 2 بایت می گیرد و بر اساس استاندارد ویندوز به شکل خاصی تبدیل می شود.
کاراکتر بندی Unicode: در این مدل، هر کاراکتر 2 بایت می گیرد و توانای نمایش به اکثر زبانها وجود دارد. یونیکد خود به استانداردهای متفاوتی تقسیم می گردد که زبان فارسی در استاندارد اصلی آن، UTF-8 پشتیبانی شده است.
کاراکتر انتهای خط در ویندوز و لینوکس تفاوت می کند، در ویندوز یک کاراکتر 13 (Enter) و یک کاراکتر کمکی با شماره 10 معین کننده پایان خط است ولی در لینوکس کاراکتر 10 وجود ندارد. ازاین رو فایلهای متنی لینوکس در ویندوز، یکسره و بدون خط بندی به نظر می رسند.
اسلاید 18 :
نکات HTML
تمامی فضاهای خالی (whitespace) پیوسته، در خروجی یک Space می شوند.
از آنجایی که علامت های < > & برای معین کردن برچسب ها کاربرد دارند، برای وارد کردن آنها در متن باید تبدیل زیر انجام شود:
< : <
> : >
& : &
برای تولید اسناد HTML می توانید از نرم افزارهای بسیاری بهره جویید، نرم افزارهای زیر از معروفترین آنها هستند:
Microsoft Frontpage
Adobe Dreamweaver
ZendStudio for Eclipse
اسلاید 19 :
برچسبهای HTML
اسلاید 20 :
برچسب های مجاز
HTML دارای حدود 75 برچسب مجاز (امروزه) و حدود 100 برچسب معمول است. هر کدام از این برچسب ها، کاربرد خاصی دارند و اطلاعات خاصی را ارائه می دهند. در بخش بعدی تعدادی از معمول ترین این برچسب ها را بررسی خواهیم کرد.
حدود 25 برچسب HTML با گذر زمان منقرض شده اند (استفاده از آنها غیر استاندارد شده است) بیشتر آنها برچسب های قالب بندی هستند که با به وجود آمدن CSS استفاده از آنها ناصحیح دانسته می شود.
HTML مانند هر زبان برنامه نویسی و اسکریپتینگ دیگری، از توضیحات (Comments) پشتیبانی می کند، اما متاسفانه قالب آن کمی دشوار است:
در HTML از توضیحات استفاده نمی شود مگر در موارد بسیار محدود، زیرا حجم صفحات بسیار مهم است و تا جای ممکن باید آنرا کمینه نمود.
