iNFOCUS’15 (Moz Session)

This day-long event saw an enthusiastic crowd of 200 students. The X-Ray Google Hack stole the show while THIMBLE was the talk of the crowd at the end of the event. Sessions were held on how to develop simple apps using the Mozilla Appmaker and HTML5. The Mozilla App Challenge was back and students got a hack into designing the finest web pages using HTML5.

 

12006500_1622659698008174_9134588417309821724_o

The Hackathon and Appathon were aimed at giving students a real-time hands-on experience as to how things actually work in the real world. They were encouraged to use technologies like CSS and Bootstrap to make responsive websites and enhance the effect of the frontend markup framework of HTML 5.

IMG_20150924_210008.jpg

The Appathon was aimed at giving students a platform to lay their hands on the Mozilla Appmaker and were encouraged to figure out its immense perspectives.

 

 

IMG_4101.JPG

What is HTML?

HTML is a major Web technology that defines the structure of a webpage. If you’re looking to build websites, you should know about HTML.

It’s not hard to pick up the basics, but HTML is also a broad technology with many complex features, so there isn’t one correct learning pathway. We suggest you start with the following pages to pick up some skills and knowledge. Move from the first basic skill to the last advanced skill, or just pick a page that looks interesting to you!

The basics

Start here if you aren’t familiar with HTML:

Introduction to HTML
If you’ve ever wondered what goes on behind the scenes in your Web browser, here’s where you can start learning.
Solve common problems with HTML
This series of articles is here to help use HTML to solve very common problems when creating a webpage: Dealing with titles, adding images or videos, emphazing content, starting using form, etc.
Write a simple page in HTML
In this article you will learn how to create a simple webpage.
What are HTML tags and how to use them
This article covers the very basics of HTML. Find out what tags are and how to use them.

Refer: HTML reference
(You’ll find details about each HTML element and attribute.)

12029755_1622874684653342_3615988390668744205_o

What is CSS?

CSS stands for Cascading style sheet. You can write CSS code inside <style> tags, but you normally write separate .css files so you can reuse styling information. CSS uses selectors to apply styles to HTML elements. We suggest you start with the following pages to pick up some skills and learn how to use CSS properly. Pick a page that looks interesting to you. If you don’t know where to start, move from the first basic skill to the last advanced skill.

The basics

Start here if you aren’t familiar with CSS:

What CSS properties are & how to use them
This article explains how to use selectors and apply CSS properties to HTML elements.
Basic text styling in CSS
Styling text is one easy application of CSS. Learn how in this article.
Using CSS in a webpage
Knowing CSS is one thing, but you also need to make it play well with HTML. The article explains how.

 

 Refer: CSS Reference
(An exhaustive reference for seasoned Web developers describing every CSS property and concept.)
Contributors:
1. Ashun Kothari.
2. Melwyn.
3. Vandesh Goyal.
4. Chamma Sahu.
5. Annamalai Moorthy.
6. Vignesh B.
7. Sreyashi Chowdhury.