Website Design Urdu Tutorial & PSD to HTML Watch in Urdu · 26:44

Website Design Urdu Tutorial & PSD to HTML

6,809 views 8 comments 26:44 Urdu

How to Design Website Urdu Tutorial

Website Design Urdu Tutorial

Once again as per our vision and mission we are going to launch Website Design Urdu Tutorial.

Web designing is not an easy job to do specially for those who don’t know what is website, many people are looking for a way to learn web site designing to start their online free lancing career.
I am Mudasir Nazar a web site designer/developer, using my 7 years of experience I am creating Website Design Urdu Tutorial and then how we can convert that into a static site, before we start you mast have the following things installed in your computer.

Basic Introduction of Website

We visit thousands of websites on daily basis and we don’t notice three common thing in every website, every website has the same structure which we will follow in our course.

  1. Header
  2. Billboard
  3. Footer

Header

Website Design Urdu Tutorial

when you visit a website and you will be at the top of the website A Logo and then the menu bar, some of websites use search input as well and some of use social media icons, header is the top area where you can put your logo so while visit people can see your logo at the first impression, second is navigation bar or menu bar is a place you can display pages of you website like you have 5 pages in your website Home (The front page), About , Services, Portfolio and Contact us page but how people know you have those pages on your site?, You must tell them Hay! Thanks for visiting my website here is the Menu of my website, so people will click on those pages and learn about your product or services.
You can also include a search input so people can search about your content there, or you can put your social media links there, we have many options to display there.

Billboard

Website Design Urdu Tutorial

A billboard is place where we can display our content, we have images and text for our about us page we want to link our photographs, company profile (PDF) and many more things to that page so we will create a box for that area and we will call it a Billboard.

Last but not least A Footer

Website Design Urdu Tutorial

In every website you will find a little note of copyrights and some images , little bit about us text and contact or map info there that’s the footer, We have many other things to display there, people display their Flickr images, Twitter , Facebook and other social media streams, we can display a map which marks our office location.

8 comments

  1. Muhammad Tariq
    Aslamualikum,
    Ummed ha ap theak honge. Bohet hi zabdest koshish ha UrduTuts.com
    sir men sir html,css aur css3 janta hon aur filhal mali position theak nahin ke koi course kersakon. Fori job ki zaruret ha koi mashwara den. UpWork per bhi koshish ki ha abhi tek koi kam nahin mila.
    1. Mudasir Nazar Instructor
      waleikum asalam , upwork pe bohat mushkil hai new user k liye ap koi small or cheap market place try kijiye otherwise message me on facebook
  2. Zaheer Abbas
    ASSALAMULAIKUM.......

    MUDASSIR BHAI PLZ GRID SYSTEM KAY BARAY MAIN TUTORIAL UPLOAD KARAIN
    1. Mudasir Nazar Instructor
      Already posted check html course
  3. Elahi Bakhsh
    Hi sir i have never see this site ever before on internet you are really great working
    thnx for such a nice service provider
  4. zakir
    plz write in urdu.txt
    1. Mudasir Nazar Instructor
      Video is in urdu ignore the text
  5. Umar mugal
    thanks Sir G for this Great tutorial.