Web Developer Tools

  • 1,243 views
Uploaded on

Firebug, IE Developer toolbar, Opera Dragonfly, Web-developer tools

Firebug, IE Developer toolbar, Opera Dragonfly, Web-developer tools

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,243
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
13
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Web-developer Tools Yuriy Gvozdovych © Quintagroup, 2008
  • 2.
    • За допомогою Firebug, Ви можете редагувати, відлагоджувати, і контролювати CSS, HTML, і JavaScript, які розміщені на будь-якій веб-сторінці
    Firebug Web Development Evolved
  • 3. Firebug Web Development Evolved
  • 4. Firebug Web Development Evolved
    • В Firebug досить просто знайти елементи HTML, які приховані глибоко в сторінці. Як тільки Ви знайшли, що шукали, Firebug надає Вам розширену інформації про об’єкт, а також дозволяє його редагувати.
    Дослідження елементів HTML на веб-сторінці
  • 5. Firebug Web Development Evolved Дослідження елементів HTML на веб-сторінці
  • 6. Firebug Web Development Evolved
    • При дослідженні CSSу Firebug показує Вам усе, що потрібно, щоб Ви знали про стилі на веб-сторінках, важливим позитивом є те, що ви можете робити зміни і бачити, як вони починають діяти миттєво.
    Дослідження CSSy на веб-сторінці
  • 7. Firebug Web Development Evolved Дослідження CSSy на веб-сторінці
  • 8. Firebug Web Development Evolved
    • При дослідженні Layouty Firebug може бути Вашими очима, які усе зміряють і ілюструватимуть всі відгалуження і краї.
    Дослідження Layoutу
  • 9. Firebug Web Development Evolved Дослідження Layoutу
  • 10. Firebug Web Development Evolved Дослідження Layoutу
  • 11. IE Developer toolbar
  • 12.
    • Dragonfly дає можливість відлагоджувати, і контролювати JavaScript, досліджувати CSS, HTML, а також переглядати помилки
    Opera Dragonfly
  • 13. Opera Dragonfly
  • 14.
    • Панель інструментів для оглядача з різними інструментами мережевого розробника.
    Web-developer tools
  • 15. Web-developer tools
  • 16. Джерела:
    • http://www.opera.com
    • http://chrispederick.com/work/web-developer/
    • http://www.getfirebug.com/
    • http://www.google.com