Advanced Features of Web Design
Advanced Features of Web Design
Design
Important Points
• IntelliSense
• Add-ins
• Snippets
• PSD Templates (Photoshop Document)
• Page Transitions
• Dynamic Web Templates
• SEO - Search Engine Optimization
• Publishing Webpages
• CSS Templates
1. 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.
2. Add-ins
Add-ins extends the capability of the main
program by adding enhanced custom commands
and specialized features.
3. 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.
4. PSD Templates (Photoshop Document)
A PSD stands for “Photoshop Document.”
Originating from Adobe Photoshop, a PSD file is
more than a simple image. At its core, a PSD is a
canvas that supports multiple layers of images,
text, and other graphical elements.
5. Page Transitions
Page transitions navigate users between pages in
an app, providing feedback as the relationship
between pages. Page transitions help users
understand if they are at the top of a navigation
hierarchy, moving between sibling pages, or
navigating deeper into the page hierarchy.
6. Dynamic Web Templates
A Dynamic Web Template - DWT - is an
HTML/XHTML based master copy of a web page
that you create to contain formatting and page
elements such as text, graphics, page layout, styles,
and regions of a web page that can be modified.
7. SEO - Search Engine Optimization
Search engine optimization (SEO) is the practice
of orienting your website to rank higher on a
search engine results page (SERP) so that you
receive more traffic. The aim is typically to rank
on the first page of Google results for search
terms that mean the most to your target
audience.
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
https://www.youtube.com/watch?v=d5sFsvKrR-
s&t=563s
https://www.youtube.com/watch?v=d5sFsvKrR-
s
https://www.youtube.com/watch?v=TY57Qq1rI
oA
https://www.youtube.com/watch?v=ttFsrR9udX
4&list=PLQ4NeMUZHMk5f5431zXLR7c7-dapdziR
9&index=8
• Employability skills
https://www.youtube.com/watch?v=uYSZiXFRk
MA
Java Script
https://www.youtube.com/watch?v=bgvd2bfVvJ
0&list=PLQ4NeMUZHMk5f5431zXLR7c7-dapdziR
9