Class 12th Unit-4 Advanced Features of Web – Design

-

 

Unit-4      Advanced Features of Web – Design

 

 Code View, Add-Ins, Snippets ad Page Transitions:-

 

Code view

IntelliSense is a feature that automatically provides you a list of codes and attributes as a popup when you work in the code view mode.

Add-ins

Add-ins extends the capability of the main program by adding enhanced custom commands and specialized features. You can download a variety of Add-ins from:

· 
http://msdn.microsoft.com/en-us/expression/jj873995.aspx

·        http://www.webassist.com/go/xweb-add-ins

·        http://www.expressionextras.com/products/lightbox.htm

·        http://www.dotnetcurry.com/ShowArticle.aspx?ID=534

Snippets

Snippets are pieces of programs re-used by most developers. Snippets are useful as you can keep reusing the code created many times across multiple web pages or web sites saving enormous amount of time and effort.

 

PSD Templates

You need to create pages that are attractive and simple. Remember that along with showcasing content to a visitor and the design also needs to be pleasant, encouraging them to repeat their visit to the website. When it comes to Web design, you need to maintain a balance between visual design and code. Though it is possible to create simple web designs using standard HTML, it is always a good practice to research on good designs. list of websites where you can find Photoshop templates (some of them are free!):



http:/www.psdtemplates.com/templates/ http://www.freepik.com/free-psd/web-templates

Page Transitions

You can apply special effects to web pages just as in presentation software. This helps present special effects to visitors.

Dynamic Web Templates

Templates help you organize the entire website to have a consistent look and feel. This is very helpful when you work with large number of web pages.

On your website, you may have some common items displayed on all pages such as the logo, copyright & organization details, navigation menu, etc. but the content may vary on each page. SEO - Search Engine Optimization

Search Engine Optimization or SEO refers to the process that affects the website visibility or ranking when displaying search results. Search Engines search contents of a web page and create indexes to display results. As a web developer, you need to understand how search engines work and how to get better search ranking. SEO Checker built-in with the HTML Editor gives detailed reports that help you optimize the website for better ranking.

 

Anatomy of a Search Engine:-

Search engines crawl a website (and hence referred to as Spiders) to create index of content. This index helps find a matching web page or link based on keywords entered by visitors.

 

Search engines index the following components of a web page:

1.      Page Title (only the first 70 characters are displayed in search results!)

2.      Page Description (at least first 156 characters are displayed in search results!)

3.      Page Keywords

4.      Page headers (H1)

5.      Links to other pages

6.      Strong text (bold)

7.      Phrases

8.      ALT Text in images

 

 


 Note: You need to learn more about SEO before taking decisions on optimizing a website. You need to refer to the SEO process of each search engine at their respective websites. However, you can use the SEO Checker to understand what needs to be optimized for a better ranking.

Code Optimization

Before you publish, you need to cleanup your web page for any unnecessary code that can result in reducing page size. This in turn will help in faster downloads.

Web Hosting

Web hosting providers usually allow publishing through FTP Some web hosting providers allow other methods such as SFTP, WebDAV, etc. which you can use to upload your website. Some of them allow other methods such as SFTP (secure FTP), WebDAV, FrontPage Server Extensions, etc. and these are detailed usually in the page that displays various plans for comparison.

Web Packages

You can use the Web Package feature to transfer contents of your entire website (preserving the structure) to a remote computer. This is useful when you want to send your website (including the complete structure) for being hosted from a remote computer or, if the existing structure is to be used for creating another website.

Authoring Tools

 1. KompoZer:-

KompoZer is an open source WYSIWYG HTML editor. KompoZer complies with the W3C's web standards.

2.  Dreamweaver:-

Adobe Dreamweaver is another popular authoring tool used widely. Adobe Dreamweaver supports a variety of scripting languages such as JavaScript, VBScript, ASP.NET, PHP, etc. apart from standard support for HTML & CSS.

3.wordpress

4. wix

5. weebly

 

 

CSS Templates

Instead of creating dull and boring websites, you can use templates that are available on the Internet. Popularly referred to as CSS Templates or XHTML/CSS Templates these templates look attractive while meeting certain standards. Following is a list of websites that offer such templates for your reference:

and many more….

Fixing Errors

Before you publish the website, you need to verify if there are any pending issues. This helps you save time and unnecessary problems that may arise post publishing the website.

To verify and fix (if there are any errors), do the following:

1) Open the Website.

2) Select Tools > Recalculate Hyperlinks

3) Click Yes. If there are any issues, they will be automatically fixed.

 

 

 

Comments

Post a Comment

Popular posts from this blog

Class 10th IT(402) sample paper

-
 Class 10th IT(402) sample paper Click for download sample IT(402)       Download answer key of sample paper Click for download IT paper session 2020-21     Answer key IT session 2020-21 Click download IT paper session 2022-23          Answer key IT paper session 2022-23
Read more

Class 10th unit-3 RELATIONAL DATABASE MANAGEMENT SYSTEMS (BASIC)

-
Image
RELATIONAL DATABASE MANAGEMENT SYSTEMS (BASIC) Database :- 1. A database is an organized collection of data. You can visualize it as a  container of information. 2. A database can have one or many tables.  3. Example:-  Suppose if you own a stationary shop, you need to keep detailed  records of the materials available in your shop. You also need to store information about pricing, stock levels for reordering, old stocks, etc. While in  the manual system, you would maintain several files with different bits of information; in the computerized system you would use database programs  such as Microsoft Access, OpenOffice.org Base, and MySQL, to organize the  data as per your business need. Database Management System :- 1.  A database management system is a software package with computer  programs that controls the creation, maintenance, and use of a database.  2. A database is an integrated collection of data records, files, and other  objects.  3. A DBMS allows different user applicat
Read more

Class 9th Unit-3 Digital Documentation

-
  Unit-3 Digital Documentation Documentation :- A document is a paper with written contents and the process of preparing a document is called documentation. Document :-  The documents can be letters, reports, thesis, manuscripts, legal documents, books, etc. A handwritten document can have certain disadvantages like understanding the specific handwriting.  Word processing : - Word processing is the use of computer software to enter, edit, format, store, retrieve and print the document.  word processor : - A word processor is a computer application used for the production of printable material. In the beginning WordStar was the most widely used word processing software. Typewriter A  typewriter  is a mechanical machine for typing characters. Typically, a typewriter has an array of keys and each one  causes a different single character to be produced on paper by striking an inked ribbon selectively against the paper  with a type elements Limitations of
Read more