Handwritten Text Recognition for manuscripts and early printed texts
Web designing
1. Md. Aminul Hassan.
General Manager, DTR, Central,
Bangladesh Telecommunications Company Limited
2. 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.
3. 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.
4. 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.
5. 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.
6. 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.
7. 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.
8. Type of sites based on
business.
Personal .
Commercial.
Government.
Nonprofit organization website.
9. 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 )
10. 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,
11. 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).
12. General Page Contents
Text
Links.
Image.
Table.
Form
Hit Counter, Polls etc.
Dynamic Contents (Scripts)
Video.
Vector Animation (Flash).
Audio.
13. Layout of Homepage
Banner
Semi-Permanent
Permanent Links
Links
General Description/
Latest Notices/ News
Quick links, Declaration,
Copywrite, Hit Counter, Web
master`s address.
14. 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.
15. 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.
18. 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
19. 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.
20. 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>
21. My First Heading
My first paragraph
Visit W3Schools.com!
22. 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
23. 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.
24. 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.
25. 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.
26. 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.
27. 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.