USE HTML AND CSS TO DESIGN AND DEVELOP A WEBSITE.pdf

A Project On
USE HTML AND CSS TO DESIGN AND DEVELOP A
WEBSITE FOR TANZIR AHMED PROFILE
Submitted for the partial fulfilment of the requirement for the
degree of Master’s in Information and Communication Technology
Submitted To
Md. Jashim Uddin
Associate Professor
Dept. of Information and Communication Technology
Islamic University, Kushtia, Bangladesh-7003.
Submitted By
A.K.M. Tanzir Ahmed
Roll No. 1713
Reg. No. EV-13
Session: 2019-2020
Date: September 2022

Dedicated to
My Parents and Teachers

ACKNOWLEDGEMENT
Firstly, thanks to Almighty Allah, the creator and sustainer, who has
given me the strength and opportunity to complete the project. "A
website on Tanzir Ahmed's profile using HTML and CSS"
Regarding the outcome of my project, I would like to express my
deepest sense of gratitude and respect to my supervisor, Md. Jashim
Uddin, Associate Professor, Department of Information and
Communication Technology, Islamic University, Kushtia, Bangladesh,
for his topic suggestion and constant guidance, great supervision,
advice, encouragement, and other fruitful assistance throughout my
project. His dedication, collaboration, and interaction were key factors
in the success of my project. Without his active support and great
supervision, I would not be able to complete my project.
I also wish to acknowledge my teacher/wife and some close friends for
their encouragement and continued support throughout the project.
A.K.M. Tanzir Ahmed
Roll No: 1713
Reg. No: EV-13
Session: 2019-2020

CERTIFICATE
I have the pleasure to certify that the project paper entitled "A website
on Tanzir Ahmed's profile using HTML and CSS" was submitted
by A.K.M. Tanzir Ahmed, Roll No. 1713, Session-2019-2020, is the
candidate’s achievement and is not a conjoint work. So far as I am
concerned, this is original project work in the Department of
Information and Communication Technology, Islamic University,
Kushtia, Bangladesh.
I also certify that I have gone through the draft of the project paper
thoroughly and found it satisfactory for submission to Islamic
University in fulfilment of the requirement for the Degree of Master’s
in Information and Communication Technology, Islamic University,
Kushtia, Bangladesh.
..............................
Md. Jashim Uddin
Associate Professor

ABSTRACT
A system is an orderly grouping of interdependent components linked
together according to a plan to achieve a specific goal; however, system
automation is implemented by a generally electronic device, i.e., a
digital computer, to model and simulate a system, which allows the
system to achieve its specific goal more accurately and efficiently,
reducing the manual-related issue. A website, a buzzword, is a very
useful source of information for any organization, institute, or office.
Without a website on the internet, one is simply out of the modern
world community.
In this project work, a website has been designed for " A website on
Tanzir Ahmed's profile using HTML and CSS ". It is designed using
HTML and CSS. In future, the implementation of this project will be
for all universities in Bangladesh and will be converted to a rapidly
growing website.

Table of Contents
Contents Page No:
Introduction 01
What is HTML? 02
The definition of HTML is Hyper Text Markup Language. 02
What is CSS? 03
Advantage of CSS 03
What is WordPress? 04
What can WordPress do? 04
Customizing WordPress 05
Domain 05
What are top and second-level domains? 06
What was the first domain? 07
Website Hosting 08
How Can a Web Hosting Service Help My Online Business? 10
How Can YolaSite Help Me with Web Hosting? 11
Implementation of My Project 12
My Project Reference 16

Page - 1
Introduction:
A Web Site is a related collection of World Wide Web
(WWW) files that include a starting file called a home page. A
company or an individual tells you how to get to their Web site
by giving you the address of their home page. From the home
page, you can get to all the other pages on their site. For
example, the Web site for IBM has a home page address of
http://www.ibm.com.
(The home page address includes a specific file name like
index.html but, as in IBM’s case, when a standard default name
is set up, users don’t have to enter the file.) IBM’s home page
address leads to thousands of pages. (But a website can also be
just a few pages.)

Page - 2
What is HTML?
HTML is a computer language devised to allow website
creation. These websites can then be viewed by anyone
connected to the Internet. It is relatively easy to learn, with the
basics being accessible to most people in one sitting and quite
powerful in what it allows you to create. It is constantly
undergoing revision and evolution to meet the demands and
requirements of the growing Internet audience under the
direction of the W3C, the organization charged with designing
and maintaining the language.
The definition of HTML is Hyper
Text Markup Language.
HyperText is the method by which you move around on the
web—by clicking on special text called hyperlinks, which
brings you to the next page. The fact that it is hyper just means
it is not linear—i.e., you can go to any place on the Internet
whenever you want by clicking on links—there is no set order
to do things in.
Markup is what HTML tags do to the text inside them. They
mark it as a certain type of text (italicized text, for example).
HTML is a language, as it has code words and syntax like any
other language.

Page - 3
What is CSS?
• CSS stands for Cascading Style Sheets.
• CSS describes how HTML elements are to be displayed
on a screen, paper, or in other media.
• CSS saves a lot of work. It can control the layout of
multiple web pages all at once.
• External stylesheets are stored in CSS files.
Advantages of CSS:
• CSS saves time because you can write CSS once and then
reuse it on multiple HTML pages. You can define a style
for each HTML element and apply it to as many Web
pages as you want.
• Pages load faster if you are using CSS. You do not need
to write HTML tag attributes every time. Just write one
CSS rule for each tag and apply it to all the occurrences of
that tag. So, less code means faster download times.
• Easy maintenance: To make a global change, simply
change the style, and all elements on all the web pages will
be updated automatically.

Page - 4
CSS has a much wider range of styles than
HTML
• Attributes than HTML, so you can give a far better look
to your HTML page in comparison to HTML attributes.
• Multiple Device Compatibility: Style sheets allow content
to be optimized for more than one type of device. By using
the same HTML document, different versions of a website
can be presented for handheld devices such as PDAs and
cell phones, or printing.
• Web Standards Around the World - Now, HTML
attributes are being deprecated and it is recommended to
use CSS. So, it’s a good idea to start using CSS in all the
HTML pages to make them compatible with future
browsers.
What is WordPress?
WordPress is a free, open-source website creation platform. On
a more technical level, WordPress is a content management
system (CMS) written in PHP that uses a MySQL database. In
non-geek speak, WordPress is the easiest and most powerful
blogging and website builder in existence today.
What can WordPress do?
WordPress is a content management system (CMS) that allows
you to host and build websites. WordPress contains a plugin
architecture and a template system, so you can customize any
website to fit your business, blog, portfolio, or online store.

Page - 5
Different Types of Sites You Can Build with
WordPress
A Blog. WordPress began as a simple blogging platform and
rapidly grew into the powerful CMS that we know today.
➢ Business Website.
➢ eCommerce Website.
➢ Portfolio Website.
➢ Online Community.
➢ Multilingual Website.
➢ Amazon-Affiliate Stores.
Customizing WordPress:
The possibilities are endless when it comes to customizing a
WordPress website. WordPress themes and plugins can add
new design options and additional functionality. Check out
wordpress.org for free themes and plugins.
Domain:
A domain name is a string of characters that identifies a
domain's administrative autonomy, authority, or control on the
Internet. Domain names are used in various networking
contexts and for application-specific naming and addressing
purposes.

Page - 6
"Domain" may refer to any of the following:
When referring to an Internet address or name, a domain or
domain name is the location of a website.
For example, the domain name "google.com" points to the IP
address "216.58.216.164". Generally, it’s easier to remember a
name than a long string of numbers.
A domain name can be a maximum of sixty-three characters
with a one-character minimum and is entered after the protocol
in the URL, as you can see in the following example.
What are top and second-level
domains?
In our example of the "google.com" domain name, there are
two parts of the domain name. First, is "google," which is
referred to as the SLD (second-level domain) and ".com,"
which is the TLD (top-level domain). See our top-level domain
definition for further information on top-level domains.

Page - 7
What was the first domain?
The first Internet domain name was "symbolics.com". On
March 15, 1985, the first domain was registered:
Symbolics.com. If you go to the domain today, the owners of it
have turned it into an online museum of the internet, focusing
on the innovation, technology, and science that got us where
we are today.
When deciding on a domain name, it’s a good idea to keep it
simple with something easy to remember. Additional
promoting tips for websites are in our guide to promoting your
content on the web. We recommend you register or look up a
domain name.
Visit GoDaddy or Network Solutions; both companies are
domain name registrars.

Page - 8
Website Hosting:
A web hosting service is a type of Internet hosting service that
hosts websites for clients, i.e., it offers the facilities required for
them to create and maintain a site and makes it accessible on
the World Wide Web. Companies providing web hosting
services are sometimes called web hosts.
Web hosting is a necessity for any website. It is the physical
location of your website on the Internet; an online storage
center that houses the information, images, video, and other
content that comprises your website. Web hosting service
providers maintain the server where the data associated with
your website resides and manage the technology that makes
your website connect to the Internet.
Website hosting is typically measured in the amount of disk
space you’re allotted on the server and the amount of data
transfer, or "bandwidth," you need for accessing the server.

Page - 9
For example, if you have a lot of customer information on
your
website, such as files to download, you will access the
server.
frequently, and you’ll need more Web hosting transfer
space.
then someone who simply puts readable text on their
website.
The more "items" or "content" you have on your site, the
more
The disk space you’ll need for website hosting.

Page - 10
How Can a Web Hosting Service
Help My Online Business?
Web hosting makes it possible for visitors to view your site’s
content when they type in your domain name. But a Web
hosting service accomplishes much more than that. It can help
keep your site up—and running smoothly—24/7.
How Web Hosting Can Help Your Business
1. You can run a reseller hosting business.
2. You can use the hosting server as cloud storage.
3. You can run a gaming server hosting business.
4. You can build satellite pages to boost your SEO.
5. You're able to run private cloud-hosted apps.
This is especially important in the competitive e-commerce
marketplace, where interrupted availability may cause you to
lose not only sales but also customers who will leave your site
after a negative experience and potentially never come back.

Page - 11
How Can YolaSite Help Me with
Web Hosting?
This web hosting site offers a free plan as well as three paid
plans as well. The free plan is truly an amazing one that offers
up to 3 pages of content, 1 GB of bandwidth, 1 GB of storage,
and a Yola subdomain name. It also offers a 30-minute or less
web page builder and offers step-by-step instructions that are
easy to follow.
Fantastic User Support 24/7
Highly trained and friendly staff are ready to assist you.
Moreover, you can always request your issue to be forwarded
to the CEO and get VIP support.
Better Data Security
Our servers use advanced RAID disk arrays to avoid any kind
of data loss. Additionally, all accounts are automatically
backed up.
Money Back Guaranteed
Try out our services without any risk. If during the first 30 days
you decide that our services do not fit your needs, you may
cancel the account and receive a refund.
Free Website Transfer
Our staff will transfer all your content to our servers and will
assist in the domain transfer process and website content
transfer. free of charge.

Page - 12
Implementation of My Project
https://tanzir-ahmed.yolasite.com

Page - 15
Conclusion
Congratulations! Now I have designed my own web page. I
have learned the design aspects of web development, but I have
also learned how to program in HTML. Through evaluating
many different websites, we are aware of what is effective and
ineffective for viewers when designing a website too.
You could just look up both terms in Wikipedia, but those
definitions aren’t very reader-friendly. Let’s simplify things a
bit:
• HTML (Hypertext Markup Language) defines the
structure and contents of a web page—where things go,
how they are laid out, and what’s on the page.
• CSS (Cascading Style Sheets) defines how a web page
and its elements are styled and presented.
Note: when we say, “a web page,” what we mean is a single
HTML document – a single page that’s part of your website.
Whereas “a website” is the complete thing – your whole site
with all its individual web pages.

Page - 16
My Project Reference:
➢ https://html.com/
➢ https://htmldog.com/
➢ http://www.websschool.com/
➢ https://www.w3schools.com/
➢ https://www.bitdegree.org/learn/html
➢ https://www.tutorialspoint.com/html/index.htm
➢ https://developer.mozilla.org/en-US/docs/Web/HTML
➢ https://docs.microsoft.com/en-us/training/modules/build-
simple-website/
➢ https://www.codecademy.com/catalog/language/html-css
➢ https://www.freecodecamp.org/news/html-and-html5-
example/
➢ https://www.geeksforgeeks.org/design-a-web-page-using-
html-and-css/
➢ https://blog.hubspot.com/marketing/web-design-html-css-
javascript
➢ https://www.digitalocean.com/community/tutorial_series/ho
w-to-build-a-website-with-html
• Google
• YouTube
• Wikipedia
• Various Website E-Book
• Various Online Tutorials
• Course Content & Class Learning or Lecture Sheet.

USE HTML AND CSS TO DESIGN AND DEVELOP A WEBSITE.pdf

More Related Content

Similar to USE HTML AND CSS TO DESIGN AND DEVELOP A WEBSITE.pdf

USE HTML AND CSS TO DESIGN AND DEVELOP A WEBSITE.pdf