Upload
faunus
View
51
Download
0
Embed Size (px)
DESCRIPTION
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. - PowerPoint PPT Presentation
Citation preview
Telerik School Academy
Meeting #4 – February 2011 – Web-TechnologiesHomework Assignments
Svetlin NakovTelerik
Corporationwww.telerik.com
http://schoolacademy.telerik.com
Prepare IT Test Questions
Prepare IT Test Questions
1.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
3
Web Technologies Basics
Web Technologies Basics
2. Describe the infrastructure of WWW. What is URL? What is HTML? What is HTTP?
3. Describe the HTTP protocol in details: HTTP requests, HTTP responses, request methods and status codes.
4. What is the difference between GET and POST methods in the HTTP requests?
5. What is a "cookie" and how does it work?
6. Install Fiddler, Firebug and WireShark and play with them. Try to inspect how Facebook works.
HTML Basics
HTML Basics7. Write an HTML page like the following:
* Use headings and divs
7
HTML Basics (2)8. Write an HTML page like the following:
9. 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.
8
HTML Basics (3)10. Create an user
profile Web page Profile.html, friends page named Friends.html and info page named Info.html. Link them to one another using <a> tag.
9
HTML Basics (4)
10
11. Create a Web site like the following:
See the image InetJava-site.png.
HTML – Tables and Forms
Tables and Forms
12
12. Create Web Pages like the following using tables:
13. Create a Web Page like the following using forms:
Tables and Forms (2)14. Create a Web
form that looks like this sample:
13
See the image Sample-form.png
Introduction to CSS
CSS15. 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>.
15
CSS (2)
16
16. Create the following Web page using HTML and external CSS. Using tables, inline styles, deprecated tags, and class attributes is not allowed.
CSS (3)
17
17. Create the following Web page using a table (one column with 3 rows) for the separate sections and external CSS styles. Buttons should be PNG images with text over them.
CSS (4)
18
18. Create the following Web page using HTML with external CSS file. Note that the images should be PNG with transparent background.
CSS (5)19.Given the picture below (CSS-Web-
Site.png) create the Web site. Use CSS and XHTML.
19
JavaScript
JavaScript20. Create an HTML page that has two text
fields (first name and last name) and a button. When the user clicks the button, a message should show the text in the text fields followed by the current time.
21. Create a Web page that asks the user about his name and says goodbye to him when leaving the page.
22. Modify the previous HTML page to have a text field for email address and on clicking the button check if the email is valid (it should follow the format <something>@<host>.<domain>).
23. Create a Web page that shows 20 <div> elements with random location, size and color.
21
JavaScript (2)24. Create a drop-down menu
Use table for the main menu blocks Use hidden <DIV> elements (display: none; position:absolute; top:30px)
Use JavaScript and onmouseover and onmouseout event to change display: none/block
22
JavaScript (3)25. Create a DTHML page that has <div>
containing a text that scrolls from right to left automatically Use setInterval() function to move
the text at an interval of 500 ms Use overflow:hidden for the <div> Use scrollLeft and scrollWidth
properties of the <div> element
23
jQuery
jQuery26. Create a HTML web page with 15 image
tags. Using jQuery print the alt and src attributes of all image tags.
27. Figure out how many elements on the page are hidden (hint: .length)
28. Create a HTML web page with some <div> tags. Select all of the div elements that have a class of "module"
29. Declaratively make an unordered list. Using jQuery add 5 new items to the end the unordered list 25
jQuery (2)30. Try to write a simple HTML/jQuery
based Tic-Tac-Toe game.31. Write a simple HTML page, starting
from empty file with only <head> and <body> tags. Add two <div> tags, in one of them a numbered list of 3 points, an anchor linked to Telerik Academy Web Site and a paragraph with yellow background. Build it using only jQuery (no HTML).
32. Write a Chess using jQuery and Ajax.26
Creating Web Sites with HTML and CSS
HTML and CSS33. Create this with XHTML and CSS. Using
tables and frames are not allowed!
28See the file: site-
sample.png
HTML and CSS (2)34. Create
this with XHTML and CSS. Using tables and frames is not allowed!
29
See the file: architecture.psd
HTML 5
HTML 5
31
35. 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
36. 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
Submission Instructions and
Deadline
Submission Instructions Homework solutions should be submitted at the following Web site: http://nakov.devbg.org/schoolacadem
y-uploads/
Solutions should be packed in a single ZIP or RAR archive (up to 8 MB)
33
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
34
Homework Assignments
Questions? ??
? ? ????
?http://schoolacademy.telerik.com