Web Design and Development

Introduction to HTML Basic websites are created with HTML, CSS and Javascript. These ‘front-end’ technologies control a website’s appearance, structure, and function. Years ago, these languages were more isolated and limited, where: HTML describes the format of a document CSS describes how the document should look Javascript defines how they act But things have evolved with HTML5. These languages are more integrated now,  allowing you to do complex things without using complicated ‘back-end’ technologies like PHP, Perl or Ruby on Rails. They’ve also simplified things so that there’s less for beginners to worry about. For example, some HTML tags have been removed or taken away; merged into a single, obvious one (likdeo>) which make them easy to remember. Step #1. Start by Downloading a Good Text Editor Before even discussing a single HTML tag, you’re going to need a place to write it. Microsoft Word or Apple’s Pages are good for writing letters and documents. But word processors like these can’t handle HTML. Choosing a Text Editor If you’re on Windows, you can check out Notepad++ or TSW WebCoder. Some distributions of Linux come with Gedit, which is also an excellent text editor choice. While TextMate is a great choice for Mac users               How HTML Markup Works HTML stands for Hypertext MarkUp Language. It dictates the structure or layout of a web page. (However it does NOT add any visual aesthetic or interactivity. CSS and Javascript are responsible for those. We’ll dive into them later.)   Understand the Foundation with Structural Elements As you’ll hear numerous times, HTML dictates structure or form. So these common elements, like the header or navigation of a website, are all specified by HTML tags that sound exactly like their name. These are also the elements that will  be placed inside the < body > tags that we looked at a second ago, that begin to spell out what each page will display. Here are the most common. Header The < Header > is typically where you’ll store the logo for your website. Nav < Nav > is for the navigation bar, or primary website menu, where you’ll place links to the main pages of your website. Article The < Article > tag contains standalone pieces of content, like individual blog posts, news items, videos, or images. Think of it this way… if you have a number of content items, each would be suitable for reading on their own. So it would make sense to syndicate each as their own separate RSS feed item for example. Section The main content on a page is typically located in-between < Section > tags. Think of these like a chapter in a book, where each encompasses a group of information. That means your < Section > tags can contain multiple articles, diagrams, images, etc. Aside < Aside > is a useful tag for including related information that helps explain (but isn’t required) the context around your page topic. It’s typically used to create a small sidebar in the content for related text or links. Footer The < Footer > is where you store contact information, copyright information and sometimes a couple of additional links like Terms of Service or Privacy Policy. Still with me so far? Good. Each structural element looks and sounds exactly like what it does. So they’re easy to remember. Now that you understand the basic layout of an HTML document, let’s create our first page.   Adding Colors, Borders and Other CSS Basics   Music and Videos It used to be that to if you wanted to add music and movies to a web page, you’d have to rely upon a bulky, slow framework such as Flash or Silverlight. HTML5 has effectively thrown these out and replaced them with something much better.     So learning Web Development or Design in Zeedup Technology is very easy . Dont Think just join Zeedup and move away with your own website within one month of time.!!!!!

Instructed by: Dinesh S . in: ,

COURSE DESCRIPTION

Develop and design your own website with top trending technologies HTML 5,CSS3,Bootstrap,java Script

Curriculum

ABOUT INSTRUCTOR

REVIEWS

Web Design and Development

Average Rating

0

0 ratings

5 1

Details

5 Stars
0
4 Stars
0
3 Stars
0
2 Stars
0
1 Stars
0

ADD A REVIEW

Name
Email
Review Title
Rating
Review Content