Building Websites and weblogs for university Professors
Razi herbal medicines research center workshop
Presenter: Mehdi Pedram
Workshop’s planningWorkshop’s planning
• An introduction to the structure of websites and Web Pages
• Blogging systems and how to use them
• How to build websites with free services
• Additional points (Uploading the files and uploading services, shortening URLs , …)
Introduction to the structure of Introduction to the structure of websites and Web Pageswebsites and Web Pages
• Web addresses or URLs
• Domains and sub domains
• Web Hosts
• What happens when you enter a web address in your browser’s address bar
• The structure of Web pages and HTML
• Web page editors
Web addresses or URLsWeb addresses or URLs
URL (Uniform Resource Locator)
http :// www.MySite.com /MyDir/ index.html protocol Server(host)Name(address) Address on server file name
* http: Hyper Text Transfer Protocol
Domains and sub domainsDomains and sub domains
• What is a domain?
• The hierarchical structure of domain names– Example : lums.ac.ir
• DNS
• How to register a domain?
Web Hosts (Web servers)Web Hosts (Web servers)
• What is a web host?
• Types of web hosting plans– Dedicated servers– Shared hosting– VPS (Virtual private Servers)
What happens when you enter a web What happens when you enter a web address in your browser’s address baraddress in your browser’s address bar
• Converting the domain name to a network address (IP)
• Requesting the page from the server
• Receiving the page from server and trying to show its contents
• Receiving the page’s components like Images or audio or other files
The structure of Web pages and HTMLThe structure of Web pages and HTML<html>
<head><title> This is the title of the page</title>
</head><body>
<h1>This is a big header</h1><p>And this is a common paragraph <b> some bold text</b> and <i>some Italic</i>
some other text</p>
<body></html>
Web page editorsWeb page editors
• Microsoft Web expression (FrontPage)
• Adobe Dream Weaver
• Text editors like Microsoft word or even simple editors like notepad!
• Web based page editors
• . . .
Blogging systems and how to use themBlogging systems and how to use them
• Using your own host and domain
• Using free blogging services
Blogging systems and how to use themBlogging systems and how to use them
• Using your own host and domain
• Using free blogging services
Some free Blogging ServicesSome free Blogging Services
• Wordpress.com
• Blogsopt.com
• Livejournal.com
• Blogfa.com (our example)
• Persianblog.com
• Mihanblog.com
• Parsiblog.com
Building websites with free servicesBuilding websites with free services(our example : persiangig.com)(our example : persiangig.com)
Additional pointsAdditional points
• File sharing and storage sites (4shared.com, persiandrive.com, rapidshare.com, mediafire.com, …)
• Image hosting sites (imageshack.us, free-imagehosting.com, photodekho.com, …)
• Sharing videos and embedding them in your pages (vimeo , youtube , …)
• How to shorten URLs and make them easier