INTRODUCTION TO WEEK 1
In week 1 of the internship, our focus will be on how HTML/CSS creates and styles web pages, empowering us to design visually engaging layouts and deliver rich content. With HTML’s structural elements and CSS’s powerful styling properties, we can shape the digital landscape and bring our creative visions to life. Through the Week 1 Live Bootcamp and Coding Project, we will learn the essentials of HTML and CSS, including how to create Tags, Elements, lists, & Hyperlinks to start building your own beautifully designed web pages.
LEARNING OBJECTIVES
After completing this week’s Bootcamp & Coding Project you will:
- Have a good working knowledge of the Fundamentals of HTML/CSS Programming.
- Learn various concepts like Tags, Elements, lists, & Hyperlinks.
- Get a food recipe web page that you can customize as per your own requirements and create a tailored user experience.
LIVE BOOTCAMP
Unlock the potential of web development by immersing yourself in a collection of hands-on exercises focused on HTML/CSS. This tool offers a beginner-friendly approach, empowering you to grasp the essentials of programming and kickstart your journey toward creating stunning web pages.
Watch this Live Bootcamp (recording available below after live session) on the Basics of HTML/CSS & learn how to gain a solid understanding of these core web technologies and discover how to create visually appealing web pages from scratch.
NOTE :: You must sign in/sign up (top right corner of this page) to record your attendance while watching this live or recorded bootcamp. Just sign in and then watch - it’s as easy as that!
PRACTICAL EXERCISE
Click the below button to access the basics of HTML/CSS kandi kit. This kit has all the required dependencies and resources you need to build your application.
Click on the 1-Click Installer button on the kandi kit page to install the basics of HTML/CSS kit. On installing and running this kit, you will have a working model that you can customize and use in your project.
Below are two sample exercises that will help you advance in your journey in HTML/CSS. To get started, use the relevant keywords to search for simple code snippets in the search bar on kandi.
Sample Exercise 1 - Heading tag < h >: The < h1 > to < h6 > tags are used to define HTML headings. < h1 > defines the most important heading. < h6 > defines the least important heading.
Sample Exercise 2 - Image tag in HTML < img >: The < img > tag is used to embed an image in an HTML page. The < img > tag has two required attributes:
- src - Specifies the path to the image.
- alt - Specifies an alternate text for the image, if the image for some reason cannot be displayed.
CODING PROJECT
Complete and submit this interesting Coding Project and receive your Web Development Enthusiast Badge!
It is mandatory for you to complete your weekly Coding Project in order to receive your final Internship Completion Certificate.
NOTE :: For questions 6-10, please ensure you upload screenshots of your code and outcome in PNG format ONLY. We will not be able to consider answers provided in text or any other format. You will receive your Badge #3 if you meet the minimum requirement of 60% correct answers. If not, you will receive an email from us requesting you to retake the Coding Project.
Showcase your progress & win exciting prizes!
- Share your badge on social media. You can save the image and share.
- Add a short note on why you are excited to learn new digital skills.
- Ensure you tag #Ready2GoDigital @ICTAcademy @OpenWeaver.
Win goodies every week! Share badges every week and stand to win Airpods at the end of the internship!
SUPPORT
Reach out to us by replying below for any questions! You must be signed in with your registered email address to use the ‘reply’ feature.