Video Title | Website Design Urdu Tutorial & PSD to HTML |
Runtime | 00:26:45 |
Used Apps | |
Difficulty | 2 |
Author | Mudasir Nazar |
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.
- Adobe Photoshop
- A Browser (Chrome , Mozilla or Safari)
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.
- Header
- Billboard
- Footer
Header
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
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
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.
Please Subscribe to our channel for more good stuff!
10 Comments
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.
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
[…] lets Convert our PSD file in to html, if you want to learn How to Design Web Layout in Photoshop Click here to get […]
ASSALAMULAIKUM…….
MUDASSIR BHAI PLZ GRID SYSTEM KAY BARAY MAIN TUTORIAL UPLOAD KARAIN
Already posted check html course
Hi sir i have never see this site ever before on internet you are really great working
thnx for such a nice service provider
plz write in urdu.txt
Video is in urdu ignore the text
[…] lets Convert our PSD file in to html, if you want to learn How to Design Web Layout in Photoshop Click here to get […]
thanks Sir G for this Great tutorial.