sm-adil / web-designing-workshop-codes

All source codes of the web designing workshops done by glug pace.

Web-Designing-Workshop-Codes

All source codes of the Web Designing Workshop done at glug pace are available here.

Workshop Session One

The basics of Web development was taught during this session like different types of websites, different fields of web development and how to get started with web development.

Topics Covered in this session:

• Creating first HTML file or web page.
• Different types of HTML tags (html, head, title, link, body).
• Writing a structured HTML file using tags available in HTML5 such as header, nav, section, div, footer tags.
• Usage of a, button, img tags.
• Creating first CSS file.
• Importing CSS styling into our HTML file.
• Different ways to add styling using CSS selectors (HTML tags, class, id).
• Removing margin and padding from HTML document.
• Changing the font color and font style of the document.
• Changing the background color of the document and also adding an image as the background.

Workshop Session Two

In this session, we'll be learning how to create a whole website or web page from scratch. Session will also cover the deployment of our web page in GitHub Pages.

Topics to be covered in this session:

• Creating HTML file or web page.
• Creating a fresh User Interface using HTML an CSS.
• Learning to create a responsive website using CSS3 grid system.
• Finishing up building the project by deploying it to GitHub pages.

Resources for Web Development:

• HTML Crash Course For Absolute Beginners: https://www.youtube.com/watch?v=UB1O30fR-EE
• CSS Crash Course For Absolute Beginners: https://www.youtube.com/watch?v=yfoY53QXEnI&t=46s
• HTML & CSS Courses: https://www.youtube.com/watch?v=yfoY53QXEnI&index=2&list=PLillGF-RfqbZTASqIqdvm1R5mLrQq79CU
• Deploying your website to GitHub Pages: https://www.youtube.com/watch?v=BA_c3bGQXlQ