Task 5 - Make Layout (1st Assignment)

Its you First Assignment. Make complete layout.

At this level, you should be able to make CSS for links, top header / navigation bars and ad sections. After we are done with Floats and Positioning, then you can finish with creating complete layout.
Only layout is important, not the complete as-is content. But you should some sample content/news and images from the website so that the overall layout look like the source.

Please avoid using objectionable/vulgar images and news.

Task 4 - Styling Forms

In form.html page (html code given below), define styles in head section such that the form should look as per attached image form.png. Do not use 'br' element. Try to use minimum styles to achieve the required interface, use all type of selectors i.e. element name, class, and id. Style help image is also attached.  Use form-help.png for styling details.

<!doctype html> <html> <head> <style> /* define all styles here */ </style> </head> <body> <div id="container"> <h1> Student Registration Form </h1> <form method="GET" action="register.jsp"> <div class="userinput"> <label> First Name </label> <input type="text" name="firstName" value="" /> </div> <div class="userinput"> <label> Last Name </label> <input type="text" name="lastNam…

Task 3 - Embed Audio/Video and Use Iframe

Create an Employee Registration Form with basic attributes that we covered in class (e.g. name, data of birth, gender, email, street address, city, and country). Choose appropriate input type for each data element. There are some new input types in HTML 5, also insert at least one input element using new types e.g. datetime, range, email, url, search, tel, color. etc.

Make a webpage that contains an audio and video files linked to it, read w3schools pages:

There is another tag, called iframe. It is used to embed another page/section inside our main page e.g. youtube videos etc. Make a helloiframe.html file such that, in the first half of the page it should display and in 2nd half it should display, both websites should be displayed in single page. Read Here to understand how iframe works.

Task 2 - Explore Website Statistics and Create a Blog

2.1 See Website Statistics

Open and see statistics of different websites. You must understand following parameters / type of data:
Engagement: Total Visit (per month), page views per visit, average visit duration, bounce rate, etc.Traffic by CountryTraffic Sources (Direct, Referral, Search, Social, Display) Competitors & Similar Sites

2.2 Create a Blog

Now a days, many people make living by blogging on topics that other people want to read or search at search engines. Some users publish content not for purpose of earning but just to share their knowledge, inspirations or creations with others. Blogging is a process of publishing content on our personal website (such website is called a blog).

As web technologies student, you must know how to create a blog and how to publish contents on your blog. So, follow below given steps:

Visit Login with your gmail account and create a blog. You only need to enter blog title and blog name. You may ent…

Task 1 - HTML Basics

Make a web page i.e. about-me.html about yourself with following information:
Describe yourself very briefly using maximum 3 lines, use 'p' tag.Write your name as heading using 'h1' tag, on top of the page. In small braces, write the meaning of your name.Add your picture using 'img' tag, set width to 300px, under 'alt' attribute write your name. You may choose any reasonable picture from your PC or web URL (if you don't have yours).Using 'ol' tag, list at least three things that you stand for or what makes you passionate. Things that you would love doing in your life (irrespective of the financial reward).Using 'ul', list at least your 4 MAJOR skills that you believe you are very good at: programming, story telling, designing, telling jokes, making friends, making enemies, or whatever you think ... Use two 'h2' level headings for 'Matriculation or O/Levels' or "Intermediate / A-Levels". Write the institut…

BS CS/SE, Final Year Projects' Presentations, Fall 2017, CIIT Lhr. Jan. 22, 2018

TimeIDTitleSupervisorRoom0900-0945CS21Smart-Phone Based Cognitive Vision using Neural NetworksDr. Amjad AliC-50950-1035CS04Visionary Vision for BlindsDr. Usama IjazBajwa1040-1125CS15CIIT Clash Resolver of CoursesDr. Muhammad Salman Khan1130-1215SE15Health Verdict(A shelter to take healthy decisions)Mr. Sajid Ibrahim Hashmi

Popular posts from this blog

Task 12 - Create Java Program with MySQL Database Connectivity

Java Interfaces and Exception Handling - Practice Problem with Solution

Task 16 - Javafx Program to Create, Retrieve, Update and Delete records with Database