FEDERAL UNIVERSITY DUSTE
SOFTWARE ENGINEERING DEPARTMENT
SIWES PRESENTATION
CONDUCTED AT
BLUE SAPPHIRE HUB
BY
MUBARAK RABIU BUHARI
FCP/CSE/19/1037
BLUE SAPPHIRE HUB E SOLUTION
• 1 INRODUCTION
• Blue Sapphire Hub is legally registered as Blue Sapphire E-Solutions
LTD, it is the first-female owned innovation center in Northern Nigeria.
they are focused on developing sustainable solutions and building
technology entrepreneurial communities for scalable impact. there
budding community is made up of innovators, entrepreneurs,
freelancers and dare dreamers who leverage the power of tech and
innovation to identify and solve the most pressing societal challenges
WEB DEVELOPMENT
• HTML (Hypertext Markup Language), CSS (Cascading Style Sheets),
and JavaScript are fundamental technologies used in web
development. Each plays a crucial role in creating and enhancing
the structure, style, and functionality of web pages. HTML is the
standard markup language for creating the structure and content of
web pages. It utilizes tags to define different elements such as
headings, paragraphs, images, links, and more. It forms the basic
foundation of a webpage, providing the skeleton upon which CSS
and JavaScript build.
HTML BASICS
• Markup Language:
• HTML uses a system of markup tags to define elements
within a document.
• Tags are enclosed in angle brackets, and most come in pairs,
• indicating
Headingsthe beginning and end of an element.
• HTML provides six levels of headings (<h1> to <h6>), with
<h1> being the highest and <h6> the lowes
HTML BASICS
Document Structure:
•An HTML document typically consists of two main sections: <head> and <body>.
•The <head> section contains meta-information about the document, such as the
title, character set, and links to external resources.
•The <body> section holds the actual content displayed in the browser.
• Elements and Tags:
• Elements are the building blocks of HTML, representing various parts
of a document (e.g., headings, paragraphs, images).
INTRODUCTION TO CSS (CASCADING STYLE
SHEETS)
• CSS is used to style and visually enhance HTML elements. It controls the
presentation of web pages by specifying how HTML elements should be
displayed, including layout, colors, fonts, and positioning. It allows for the
separation of content and design, enabling the customization and
consistent styling across multiple pages or an entire website.
• CSS is a style sheet language that describes the presentation of an HTML
(or XML) document. CSS describes how elements must be rendered on
screen, on paper, or in other media. Which includes sizing and color of
different elements of a web page and the web page itself.
METHODS OF PROVIDING CSS
STYLES FOR A WEB PAGE
• There are three (3) ways to provide for CCS styles in web page
• External style sheet
• Embedded style sheet
• Inline style sheet
• When you use external style sheets, you separate content (HTML) from formatting (CSS). That
makes it easy to use the same styles for two or more documents.
• embedded styles, this is styling of html file inside the html file using the styling element.
• If you use inline styles to apply styles, the formatting is likely to get out of control.
• If more than one rule for the same property is applied to the same element, the last rule
overrides the earlier rules.
• When you specify a relative URL for an external CSS file, the URL is relative to the current file.
• Use an external style sheet by coding a link element in the head section
• <link rel="stylesheet" href="style.css">
CSS BASICS
• Selectors:
• Selectors target HTML elements for styling.
• Properties and Values:
• Properties define what aspect of an element you want to style.
• Values are assigned to properties to specify how the styling
should be applied.
• Box Model:
• The box model consists of content, padding, border, and margin.
INTRODUCTION
Bootstrap TO BOOTSTRAP
is a popular front-end framework that simplifies web
development
by providing a set of pre-designed and pre-built components,
styles, and scripts. It's based on HTML, CSS, and JavaScript, and it
helps developers create responsive,mobile-first web applications.
Here are some Bootstrap basics::
• Getting Started:
• Include the Bootstrap stylesheet and JavaScript in your HTML file.
You can use CDN links or download and host the files locally.
• Navbar:
• Bootstrap makes it easy to create responsive navigation bars.
• Typography:
• Bootstrap provides default styling for headings, paragraphs, and
other text elements.
MY LEARNING PROJECT
• A PERSONAL PORTFOLIO FRONT END
• A portfolio website is a unique way to showcase your work
and let others know about yourself. It's like an evergreen
platform for your projects, case studies, and information
about you. In addition, it's one of the best ways to express
your personality, experience, and capabilities.
ALHAMDULILLAH
THANK YOU
FOR LISTING
