CHAPTER 4 NOTES

IMPORTANT TERMS:

Plug-in - A plugin is a piece of software that acts as an add-on to a web browser and gives
the browser additional functionality. Plugins can allow a web browser to display additional
content it was not originally designed to display. An example of a plugin is the free
Macromedia Flash Player, a plugin that allows the web browser to display animations using
the Flash format.
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:

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.
To view and insert the available snippets, do the following: 1) Select Panels > Snippets.
Notice the list of snippets available separated into categories such as CSS, HTML,
JavaScript, JQuery, etc.

IntelliSense- 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.

Search Engine Optimization- 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.

Code View- Code View refers to a mode in web development software or a text editor where
developers can directly write, edit, and view the underlying code of a webpage or
application. In code view, you see the raw HTML, CSS, JavaScript, or other programming
languages that make up the structure and design of a website.

DWT - Dynamic Web Template (DWT) is a template used to organize a website with a
consistent look and feel across multiple pages. It allows for common elements, such as
logos, copyright details, and navigation menus, to be fixed in designated positions, while the
content of each page can vary. DWT is especially useful when working with a large number
of web pages, as it ensures uniformity while allowing for easy updates and modifications to
the content on individual pages.

Web Hosting- It is the service that allows you to store and publish your HTML content on a
web server, making it accessible to the public. Free web hosting providers offer limited web
space for small websites or practice purposes, though they may include restrictions like ads.
Web hosting typically allows publishing through FTP or other methods like SFTP or
WebDAV, depending on the provider's plans.
 ★​ IIS full form Internet Information Services.
★​ ISP full form Internet Service Provider

Web Package- It is a feature that allows you to transfer the entire contents and structure of
your website to a remote computer. It preserves the organization of the website, making it
useful for hosting the site on a remote server or for replicating the structure to create another
website.
E.g.
Suppose you have created a website for a local restaurant, including all the HTML pages,
images, CSS styles, and JavaScript files. You want to move the entire website to a web
hosting server or transfer it to another developer to make modifications. Using the Web
Package feature, you can bundle all the files and folders (including their structure) into a
single package.

Authoring Tools are software applications that help you create and design websites. They
provide an interface where you can easily write and edit HTML, CSS, and other coding
languages without needing to do everything manually. These tools often include a
WYSIWYG (What You See Is What You Get) editor, which allows you to see the webpage as
you design it, making web development more accessible, especially for beginners.

Here are a couple of popular authoring tools:

1.​ KompoZer:​
KompoZer is a free and open-source tool that helps you create websites without
needing to write all the code yourself. It shows you exactly how your website will look
while you're designing it. It's like using a digital notebook where you can drag and
drop images, text, and other elements to design your page, and KompoZer will
generate the necessary code for you. It's especially good for beginners who want to
create simple websites.​
Real-life example:​
Imagine you want to create a personal blog. You use KompoZer to drag and drop
images, text, and design elements into place. You don't have to worry about coding
each section manually; KompoZer does it for you, and you can see how your blog
looks while you work on it.
2.​ Dreamweaver:​
Adobe Dreamweaver is a more advanced tool used by professional web designers. It
supports many programming languages, such as HTML, CSS, JavaScript, PHP, and
more. Dreamweaver is great for designing complex websites because it allows you to
switch between a visual editor and a code editor, giving you full control over both the
design and the code.​
Real-life example:​
Suppose you're building an online store. You might use Dreamweaver to design the
layout, add interactive features like buttons, and write the necessary code for the
shopping cart. Dreamweaver makes it easier to create a professional, fully functional
website with a lot of features.