Web designing

Md. Aminul Hassan.
General Manager, DTR, Central,
Bangladesh Telecommunications Company Limited

What for ?
 To create web sites.
 To manage one.
 To edit existing web.
 To lead web developer team.
 To understand the power of IT.
 To not to design one.

Websites
 A website is a collection of related web
pages containing images, videos or other digital
assets. A website is hosted on at least one web server,
accessible via a network such as the Internet or a
private local area network through an Internet
address known as a Uniform Resource Locator. All
publicly accessible websites collectively constitute
the World Wide Web.

 Websites are written in, or dynamically converted to,
HTML (Hyper Text Markup Language) and are
accessed using a software interface classified as a user
agent. Web pages can be viewed or otherwise
accessed from a range of computer-based and
Internet-enabled devices of various sizes, including
desktop computers, laptops, PDAs and cell phones.

 A web page is a document, typically written in plain
text with formatting instructions of Hypertext
Markup Language (HTML, XHTML). A web page may
incorporate elements from other websites.
 Web pages are accessed and transported with
the Hypertext Transfer Protocol (HTTP).
 The pages of a website can usually be accessed from a
simple Uniform Resource Locator (URL) called
the homepage.


 Some websites require a subscription to access some
or all of their content. Examples of subscription
websites include many business sites, parts of news
websites, academic journal websites, gaming websites,
file-sharing websites, message boards, web-
based email, social networking websites…
 Example:
 New York Times.
 Brittanica
 Itunes etc.

Devices that can view websites.
 Computer.
 Laptops.
 PDA.
 Cellphone.
 Ipod Touch.
 Smartphones.
 Netbooks (Net based Laptops.)
 Tablet. (Ipad, Galaxytab, Dell Streak etc.)
 Gaming devices (Sony psp). Etc.

Type of sites based on
business.
 Personal .
 Commercial.
 Government.
 Nonprofit organization website.

Other Classification
 Informative
Archive site, Content site , Government Site
(bangladesh.gov.bd), Author`s site, News Sites (alzajeera,
bdnews24.com), Q&A Site , Wiki site,
 Business :
Corporate website ,Electronic commerce, Review site,
Job sites, eg. Ebay, mobilemela, Bdjobs
 Media
Gallery Website, Media sharing site, eg. Flickr, youtube
 Social
Blog (blogger, wordpress, Somewhere in blog, Bloggymate,
xanga), Social networking site (Facebook, Google+), Dating
website ( Shaadi), Microblog site (Twitter )

 Obnoxious
Attack site, Phishing site , Scraper site, Porn sites
 Entertainment
Celebrity website, Gaming website, Music site (BeeMp3)
 System
Mirror site,
 Doctrine
Political site , Religious site (quran.com)
 Index
Search engine site : Google Search, Bing; Social bookmarking site :
StumbleUpon, Digg; Web portal : msn, yahoo
 Service
Webmail: Yahoo mail, Gmail , File Sharing : FTP sites,

Point of Consideration
 Type (Commercial/Non commercial…)
 Content.
 Dynamic /Static.
 Theme. (Color Scheme, Font)
 Layout (fixed or Percentage) (Browser friendly)
 Links (Internal and external)
 Legal (Copyright issue, Disclaimer )
 Traffic (Portal------ Personal blog) (loading time)
 Security ( Virus protection, redundancy).

General Page Contents
 Text
 Links.
 Image.
 Table.
 Form
 Hit Counter, Polls etc.
 Dynamic Contents (Scripts)
 Video.
 Vector Animation (Flash).
 Audio.

Layout of Homepage
Banner

Semi-Permanent
Permanent Links
Links

General Description/
Latest Notices/ News

Quick links, Declaration,
Copywrite, Hit Counter, Web
master`s address.

Home Page Contents
 Banner. (Logo and Site name)
 Body. (News in brief with image and link.)
 Announcement. (Circular/Office order/ Notices etc.)
 Links
 Permanent links to second tire pages.
 Semi Permanent links.
 Quick Links.
 External Links.

 Disclaimer.
 Webmasters email address.
 Hit Counter.

Legal Disclaimer
• Disclaimer: “This disclaimer governs your use of our
website; by using our website, you accept this
disclaimer in full. If you disagree with any part of this
disclaimer, do not use our website. We reserve the
right to modify these terms at any time. You should
therefore check periodically for changes. By using this
site after we post any changes, you agree to accept
those changes, whether or not you have reviewed
them.

Legal: Copyright
 Copyright : The Internet has been characterized as
the largest threat to copyright since its inception. The
Internet is awash in information, much of it with
varying degrees of copyright protection. Copyrighted
works on the net include news stories, software,
novels, screenplays, graphics, pictures, Usenet
messages and even email. In fact, the frightening
reality is that almost everything on the Net is
protected by copyright law.
 A Sample Copyright Notice:
Copyright ©2001 Benedict O'Mahoney
All Rights Reserved

Pages of Website,
General Hierarchy

Web Server
Browser
Text Editor
uploading http Welcome to BTCL
<HTML>
…Welcome
to BTCL
<a> image
</a>………..
</HTML>
Index.html
Web Server Web Address:http://www.btcl.com

Image/video/audio file
comp.jpg

Softwares
 Text editor (HTML Code)
 Notepad.
 Wordpad
 Wyswyg (what you see what you get) type
 Frontpage
 Dreamweaver.
 HTML Coffee cup, Visual Studio, Wordpress.
 Office programme
 Word
 Excel etc.

HTML Code
 <html>
 <body>
 <h1>My First Heading</h1>
 <p>My first paragraph.</p>
 <a href="http://www.w3schools.com">Visit
W3Schools.com!</a>
 </body>
 </html>

 My First Heading

 My first paragraph

 Visit W3Schools.com!

 HTML Tags/ Description
 <html> Defines an HTML document
 <body> Defines the document's body
 <h1> to <h6> Defines HTML headings
 <b> Defines bold text
 <font> Deprecated. Defines font, color, and size for text
 <i> Defines italic text
 <img> Defines an image
 <a> Defines an anchor
 <link > Defines the relationship between a document and an external
resource
 <table> Defines a table
 <caption> Defines a table caption
 <col> Defines attribute values for one or more columns in a table
 <script> Defines a client-side script
 <object> Defines an embedded object

Images
 Must be small in size.
 Popular size 640 X 48o, 800 X 600,
 jpeg, gif , png, bmp are popular format.
 You draw image in powerpoint, paintbrush or adobe
photoshop then save in jpeg format.
 You can upload image , can download and upload
other image or link to other sites image.
 Copyright matters.
 Wikimedia are open for use.
 Some provide image for personal use.

Animation and Video
 Animation are heavier.
 Better use Gif animation.
 Scrolling text similar effect can be made by Java Script
or other script file.
 Murkee is very common from text animation.
 Vector animation like flash animation are lighter.
 Youtube video are flash. 65o Mb mpeg file can be seen
seemlessly.
 Youtube video`s can be integrated inyour site. With
link to youtube site.

Flash
 opportunity to use animation and sound
 interactivity
 programming of complicated user interfaces
 small size of files (due to the usage of vector graphic)
 excellent opportunity to use completed movies as
presentations
 excellent option for banner advertising.

WAP
 Wireless Application Protocol (WAP) is a technical
standard for accessing information over a
mobile wireless network. A WAP browser is a web
browser for mobile devices such as mobile phones
that uses the protocol.

Mobile Browser
 A mobile browser, also called
a microbrowser, minibrowser, or wireless
internet browser (WIB), is a web browser designed
for use on a mobile device such as a mobile
phone or PDA. Mobile browsers are optimized so as
to display Web content most effectively for small
screens on portable devices. Mobile browser software
must be small and efficient to accommodate the low
memory capacity and low-bandwidth of wireless
handheld devices.
 Example: Opera mini.

Reference
 Wikipedia
 About.com
 W3.school.com
 350pages.com
 2x3.com

Web designing

More Related Content

What's hot (20)

Similar to Web designing (20)

More from Md Aminul Hassan (8)

Recently uploaded (20)

Web designing