Creating and Running Your First C# Program Telerik Software Academy Telerik School Academy.
Telerik School Academy
-
Upload
cambria-jovan -
Category
Documents
-
view
60 -
download
2
description
Transcript of Telerik School Academy
![Page 1: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/1.jpg)
Telerik School Academy
Meeting #4 – February 2011 – Web-TechnologiesHomework Assignments
Svetlin NakovTelerik
Corporationwww.telerik.com
http://schoolacademy.telerik.com
![Page 2: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/2.jpg)
Prepare IT Test Questions
![Page 3: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/3.jpg)
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
![Page 4: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/4.jpg)
Web Technologies Basics
![Page 5: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/5.jpg)
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.
![Page 6: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/6.jpg)
HTML Basics
![Page 7: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/7.jpg)
HTML Basics
7. Write an HTML page like the following:
* Use headings and divs
7
![Page 8: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/8.jpg)
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
![Page 9: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/9.jpg)
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
![Page 10: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/10.jpg)
HTML Basics (4)
10
11. Create a Web site like the following:
See the image InetJava-site.png.
![Page 11: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/11.jpg)
HTML – Tables and Forms
![Page 12: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/12.jpg)
Tables and Forms
12
12. Create Web Pages like the following using tables:
13. Create a Web Page like the following using forms:
![Page 13: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/13.jpg)
Tables and Forms (2)
14. Create a Web form that looks like this sample:
13
See the image Sample-form.png
![Page 14: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/14.jpg)
Introduction to CSS
![Page 15: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/15.jpg)
CSS
15. 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
![Page 16: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/16.jpg)
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.
![Page 17: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/17.jpg)
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.
![Page 18: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/18.jpg)
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.
![Page 19: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/19.jpg)
CSS (5)
19.Given the picture below (CSS-Web-Site.png) create the Web site. Use CSS and XHTML.
19
![Page 20: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/20.jpg)
Creating Web Sites with HTML and CSS
![Page 21: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/21.jpg)
HTML and CSS
20. Create this with XHTML and CSS. Using tables and frames are not allowed!
21
See the file: site-sample.png
![Page 22: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/22.jpg)
HTML and CSS (2)
21. Create this with XHTML and CSS. Using tables and frames is not allowed!
22
See the file: architecture.psd
![Page 23: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/23.jpg)
HTML 5
![Page 24: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/24.jpg)
HTML 5
24
22. 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
23. 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
![Page 25: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/25.jpg)
Submission Instructions and
Deadline
![Page 26: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/26.jpg)
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)
26
![Page 27: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/27.jpg)
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
27
![Page 28: Telerik School Academy](https://reader034.fdocuments.us/reader034/viewer/2022042822/568130b2550346895d96c988/html5/thumbnails/28.jpg)
Homework Assignments
Questions? ??
? ? ???
?
?
http://schoolacademy.telerik.com