Introducing
Your new presentation assistant.
Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.
Trending searches
A
C
B
Web Development forms the base of a lot of projects as creating attractive web pages is a must skill during these times and that is what we will be teaching you through this 3 day workshop. For the people who have not done web-d , need not worry as we will be starting from the very basics of html and css and take you along to create a live project. Also on the final day we will be having a competition where you all will get to showcase your web skills and win exciting prizes.
Today we will be discussing about the basics of Web-Development, and answering some simple queries which some of you might be having like How frontend and backend are related to each other and what all basic development languages are available out there for them ?
Any website can basically be divided into 2 parts, that is frontend and backend. What we can see at the webpage like images , texts, forms etc comes under the frontend of the website. And for all the parts which are hidden like the database , models etc forms the backend of the website which can only be seen by the developer of the website or any one who has the rights for it.
HTML or Hyper Text Markup Language forms up the skeleton of the webpage which shows up all text , images , links,audio, video, forms etc in the website. It forms the base of any webpage.
HTML uses "markup" to annotate text, images, and other content for display in a Web browser. HTML markup includes special "elements" such as <head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>, <div>, <span>, <img>, <aside>, <audio>, <canvas>, <datalist>, <details>, <nav>, <video> and many others.
Today we will be learning about how to implement html and css to projects to create simple yet attractive web pages.
We will teach you about some basic CSS properties/attributes that will help you style your webpage.
Cascading Style Sheets, fondly referred to as CSS, is a simple design language intended to simplify the process of making web pages presentable.
CSS handles the look and feel part of a web page. Using CSS, you can control the color of the text, the style of fonts, the spacing between paragraphs, how columns are sized and laid out, what background images or colors are used, layout designs,variations in display for different devices and screen sizes as well as a variety of other effects.
CSS consists of various properties/attributes that are used to alter how an element on your page looks like. Some of the properties are color, background, border, font, position, alignment, text-decoration, animation, flex-boxes etc. CSS is easy to learn and understand but it provides powerful control over the presentation of an HTML document. To implement CSS on your webpage, please see the video in the next slide.
On the final day of this workshop, we will help you make a mini project from all the knowledge you have gained in the past two days of this workshop. This will be your first ever project in web-dev, so give it your all.
Now we will be learning as to how we can implement all that html and css into real life projects, As we will do a live project where you can see that how using simple html , css you can design your websites and make them look attractive and responsive.
We have build a demo page for you, so that you have an example before you go on building your on web page. Click on the link given below to open it.
Link:-
https://yashdhawan250.github.io/landing-page/
For the finale of this workshop, we are going to ask everyone who attended this workshop to build a form that will work on any device size, basically it needs to be responsive. For example you might seen the registration form of this work shop, irrespective of the device it is opened on the form just works fine. So, that's your challenge, do your best!