280 likes | 467 Views
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.
E N D
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 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
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.
HTML Basics • Write an HTML page like the following: * Use headings and divs
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.
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.
HTML Basics (4) • Create a Web site like the following: See the image InetJava-site.png.
Tables and Forms • Create Web Pages like the following using tables: • Create a Web Page like the following using forms:
Tables and Forms (2) • Create a Web form that looks like this sample: • See the image Sample-form.png
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>.
CSS (2) • Create the following Web page using HTML and external CSS. Using tables, inline styles, deprecated tags, and class attributes is not allowed.
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.
CSS (4) • Create the following Web page using HTML with external CSS file. Note that the images should be PNG with transparent background.
CSS (5) • Given the picture below (CSS-Web-Site.png) create the Web site. Use CSS and XHTML.
HTML and CSS • Create this with XHTML and CSS. Using tables and frames are not allowed! See the file: site-sample.png
HTML and CSS (2) See the file: architecture.psd • Create this with XHTML and CSS. Using tables and frames is not allowed!
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
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)
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
Homework Assignments ? Questions? ? ? ? ? ? ? ? ? ? http://schoolacademy.telerik.com