1 / 28

Telerik School Academy

http://schoolacademy.telerik.com. Telerik School Academy. Meeting #4 – February 2011 – Web-Technologies Homework Assignments. Svetlin Nakov. Telerik Corporation. www.telerik.com. Prepare IT Test Questions. Prepare IT Test Questions.

cambria-jovan
Télécharger la présentation

Telerik School Academy

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. http://schoolacademy.telerik.com Telerik School Academy Meeting #4 – February 2011 – Web-Technologies Homework Assignments Svetlin Nakov Telerik Corporation www.telerik.com

  2. Prepare IT Test Questions

  3. Prepare IT Test Questions • Prepare at least 20 questions for preparation for the National Olympiad's IT test • Prepare at least one question for each category from the official conspectus • Try to create complex, non-trivial questions • Categories are officially published at http://edusoft.fmi.uni-sofia.bg/documents/Conspect0910.pdf • Follow strictly the IT test template: IT-Test-Questions-Template.pptx

  4. Web Technologies Basics

  5. Web Technologies Basics • Describe the infrastructure of WWW. What is URL? What is HTML? What is HTTP? • Describe the HTTP protocol in details: HTTP requests, HTTP responses, request methods and status codes. • What is the difference between GET and POST methods in the HTTP requests? • What is a "cookie" and how does it work? • Install Fiddler, Firebug and WireShark and play with them. Try to inspect how Facebook works.

  6. HTML Basics

  7. HTML Basics • Write an HTML page like the following: * Use headings and divs

  8. HTML Basics (2) • Write an HTML page like the following: • Write an HTML page looking like the PNG file named 3.Introduction.PNG. Using the <a> tag add anchors to the corresponding sections in the same page.

  9. HTML Basics (3) • Create an user profile Web page Profile.html, friends page named Friends.htmland info page named Info.html. Link them to one another using <a> tag.

  10. HTML Basics (4) • Create a Web site like the following: See the image InetJava-site.png.

  11. HTML – Tables and Forms

  12. Tables and Forms • Create Web Pages like the following using tables: • Create a Web Page like the following using forms:

  13. Tables and Forms (2) • Create a Web form that looks like this sample: • See the image Sample-form.png

  14. Introduction to CSS

  15. CSS • Create the following Web page region using HTML with external CSS file. Note that each program line should be a hyperlink. Hint: use a definition list (<dl>) holding each program entry in a block element (e.g. <div>) with two child inline elements – <dt> and <dd>.

  16. CSS (2) • Create the following Web page using HTML and external CSS. Using tables, inline styles, deprecated tags, and class attributes is not allowed.

  17. CSS (3) • Create the following Web page using a table (one column with 3 rows) for the separate sectionsand external CSS styles. Buttons should be PNG images with text over them.

  18. CSS (4) • Create the following Web page using HTML with external CSS file. Note that the images should be PNG with transparent background.

  19. CSS (5) • Given the picture below (CSS-Web-Site.png) create the Web site. Use CSS and XHTML.

  20. Creating Web Sites with HTML and CSS

  21. HTML and CSS • Create this with XHTML and CSS. Using tables and frames are not allowed! See the file: site-sample.png

  22. HTML and CSS (2) See the file: architecture.psd • Create this with XHTML and CSS. Using tables and frames is not allowed!

  23. HTML 5

  24. HTML 5 • Write a HTML page using HTML 5 that consists of Header, Footer, Navigation and Aside Panels. Position them as in the picture on the right • Convert the Exercise_02.html HTML page to HTML5 page modifying existing semantic tags (like the doctype tag) and by replacing old/adding new semantic tags

  25. Submission Instructions and Deadline

  26. Submission Instructions • Homework solutions should be submitted at the following Web site: • http://nakov.devbg.org/schoolacademy-uploads/ • Solutions should be packed in a single ZIP or RAR archive (up to 8 MB)

  27. Further Instructions • The deadline for the homework is: • A week before the next training session • Everybody is free to use help from friends, teachers or Internet • Submission of the same work by different authors may result in a disqualification • Ask your questions in the Telerik School Academy official discussion group: • http://groups.google.com/group/it-olymp

  28. Homework Assignments ? Questions? ? ? ? ? ? ? ? ? ? http://schoolacademy.telerik.com

More Related