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 12TH WEBAPPLICATION(CODE 803) PRACTICAL FILE

-
Image
https://www.toprevenuegate.com/px0a8fzzb?key=1eec4769a235fa04a76fc91c1456c658  CLASS 12TH WEBAPPLICATION(CODE 803) PRACTICAL FILE OUTPUT https://docs.google.com/document/d/1hqsIFetld-rGKI8fnuqrDueJmPQ29WV2/edit?usp=drive_link&ouid=105909925091933675905&rtpof=true&sd=true    PDF PRACTICAL FILE OUTPUT:- https://drive.google.com/file/d/1AhXdxUud1PI4mNxnojpBl7GxIaOxByMr/view?usp=drivesdk    CLASS 12TH WEBAPPLICATION(CODE 803) PRACTICAL FILE   https://drive.google.com/file/d/1agQJgPavGQ2FEAEWr0_JcbhA12us4Lnx/view?usp=drive_link   Program-1 Explain the various steps to save and publish the video generated in window movie maker. Solution: Steps to Publish a Movie to your Computer 1) Click File, click Publish Movie. 2) Click this computer, and then click Next. 3) In the File name box, type a name for your movie. 4) In the Publish to box, choose where ever want to save the movie once it's published, and then click Next. 5) Choose the...
Read more

class 12th Unit-3 Web Scripting - Java Script

-
Image
JavaScript:- 1. JavaScript is an interpreted computer programming language. 2.      It was originally implemented as part of web browsers so that client-side scripts could interact with the user. 3.      JavaScript was developed in 1995 by Brendan Eich. 4.      JavaScript is a cross-platform, object-oriented scripting language. 5.      JavaScript is a small, lightweight language. 6.      It is not useful as a standalone language, but is designed for easy embedding in other      products and applications, such as web browsers. 7.       Core JavaScript contains a core set of objects such as Array, Date, Math, and a core      set of language elements such as operators, control structures, and statements . JavaScript Applications:- 1.      Developing Multimedia Applications 2.   ...
Read more