Professional Documents
Culture Documents
DOA- DOS-
PART A
1. What is the use of Style Sheets in Dreamweaver. How can you add elements into Layers?
ANS- Use of style sheets in Dreamweaver are:-
Dreamweaver 8”
2. Discuss Designer Panels. Create home page of any sports website using designer labels. Also create
buttons which have hyperlinks.
<head>
</head>
<body>
<a href="index.htm">Home</a>
<a href="aboutjigsawdesign.htm">About</a>
<a href="web-design-samples.html">Portfolio</a>
<a href="web-design-testamonails.html">Testimonials</a>
<a href="contact.html">Contact</a>
</td></tr></table>
<h2>Services</h2>
<p><a href="web-design.html">Website Design</a> </p>
<h2>Specialties</h2>
<h2>More</h2>
<div align="center">
<tr>
know that when you are a fan of a sport you want to see that sport
many times as possible along with the elements of the sport that
<p> </p>
optimizing all the visual aspects so that the website can remain
looking sharp, yet still keep load times to a minimum. The biggest
mistake we see on a lot of sports websites is over indulgence in
high quality images and flash. This makes sites slow loading and
chore and they only return to the site if they really have to. We
have developed multiple tricks to keep load times down while still
<p> </p>
<p>
<p>
</p>
<p>
</p>
<p>
<p>
</p>
</tr>
</table>
</div>
</td></tr></table></div></td></tr>
<a href="web-design.html">
<p>Website Development</p>
<p>E-Commerce</p>
<p>Custom CMS</p>
<a href="graphic-design.html">
<p>Logo Design</p>
<p>3D Animation</p>
<a href="Search-engine-optimizing.html">
<p>Content Optimization</p>
<p>Link Exchange</p>
<p>
<a href="clent.html">
<p><b>Webmaster Services</b></p>
<p>Website Updating</p>
<p>Content Edits</p>
<a href="SEOcontentwriting.html">
<p>
<a href="web-design-services.html">Sitemap</a></p></td>
</tr></table></div></td></tr></table></div></div></td></tr></table></div>
</script>
<script type="text/javascript">
_uacct = "UA-278779-1";
urchinTracker();
</script>
var sc_project=659373;
var sc_invisible=1;
var sc_partition=5;
var sc_security="4c471b89";
var sc_remove_link=1;
</script>
</body>
</html>
3. Create a homepage of cosmetic products website in Dreamweaver. Also animate it in a way so that it
changes background color automatically.
<HTML>
<HEAD>
<TITLE>Gift Guide</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<META NAME="keywords" content="cosmetic gifts, cosmetic gift sets, beauty gift sets, makeup gifts,
makeup gift sets, fragrance gifts, fragrance gift sets, skin care gifts, skin care gift sets, gifts for dads, gifts for
moms, gifts for grads, gifts for brides">
<LINK HREF="/Styles.css" TYPE="text/css" REL="stylesheet">
<LINK HREF="/Styles_US.css" TYPE="text/css" REL="stylesheet">
<LINK HREF="/Themes/TabMenu/US/tabs.css" REL="stylesheet" TYPE="text/css">
<link href="/WHATSNEW/whatsnew.css" rel="stylesheet" type="text/css">
<SCRIPT SRC="/Themes/TabMenu/tabs.js"></SCRIPT>
<style type="text/css">
#ggCntnr{margin: 0; padding: 0;width: 800px; height: 440px; position: relative; top: 0; left:0; z-index: 1;
font-family: Arial, Helvetica, sans-serif;}
#ggCntnr img{padding: 0; margin: 0; float: left;}
#ggCntnr .navCntnr2{clear: left; position: relative; top: 0; left:0; z-index: 1;}
#ggCntnr .orn{position: absolute; top: 375px; left: 70px; z-index: 3; clear: left;}
</style>
<link rel='stylesheet' href='/Menu.css' type='text/css' /><!--[if IE 6]><link rel='stylesheet'
href='/IEMenu6.css' type='text/css' /><![endif]-->
</head>
<BODY MS_POSITIONING="GridLayout"> <form name="Form1" method="post"
action="default.aspx?ab=lghp_giftguide" id="Form1">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="/wEPDwUJNTY2NTg3MTUyZGQ=" />
<script type="text/javascript">
<!--
var theForm = document.forms['Form1'];
if (!theForm) {
theForm = document.Form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
// -->
</script>
<div class="headRightContainer">
<span class="rightHeaderText">
</div>
</div>
<!-- googleon: snippet-->
</TD>
</TR>
<TR>
<TD><!--googleoff:snippet--><div class="MKIM"><div class="ANM-Horizontal"><ul
class="ANM"><li class="ANM-Root"><A class="ANM-RootLink"
href="http://www.marykay.com/whatsnew/default.aspx">WHAT'S NEW</A><ul class="ANM-Sub"><li
class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/whatsnew/newproducts/default.aspx">New Products</A></li><li
class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/whatsnew/bestsellers/default.aspx">Best Sellers</A></li><li class="ANM-
Leaf"><A class="ANM-Link"
href="http://www.marykay.com/whatsnew/awardwinners/default.aspx">Awards Won</A></li><li
class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/whatsnew/virtualmakeover/default.aspx">Virtual Makeover</A></li><li
class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/whatsnew/beautyonabudget/default.aspx">Beauty On a Budget</A></li><li
class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/whatsnew/tipstrends/default.aspx">Tips & Trends</A></li><li
class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/whatsnew/ecatalog/default.aspx">Catalog</A></li><li class="ANM-
Leaf"><A class="ANM-Link"
href="http://www.marykay.com/whatsnew/thelookmobileversion/default.aspx"><em>The Look</em>
Mobile Version</A></li><li class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/whatsnew/beautythatcounts/default.aspx"><em>Beauty That
Counts</em>™</A></li><li class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/whatsnew/itsyourparty/default.aspx">Host a Party</A></li><li
class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/whatsnew/makeupartistlooks/default.aspx">Makeup Artist
Looks</A></li><li class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/whatsnew/giftideas/default.aspx">Gift Guide</A></li><li class="ANM-
Leaf"><A class="ANM-Link"
href="http://www.marykay.com/whatsnew/beautyeditorspicks/default.aspx">Beauty Editors'
Picks</A></li></ul></li><li class="ANM-Root"><A class="ANM-RootLink"
href="http://www.marykay.com/skincare/default.aspx">SKIN CARE</A><ul class="ANM-Sub"><li
class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/skincare/agefighting/default.aspx">Age-Fighting</A></li><li
class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/skincare/cleansers/default.aspx">Cleansers</A></li><li class="ANM-
Leaf"><A class="ANM-Link"
href="http://www.marykay.com/skincare/moisturization/default.aspx">Moisturization</A></li><li
class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/skincare/classicbasicskincare/default.aspx">Classic Basic Skin
Care</A></li><li class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/skincare/mkmen/default.aspx">MKMen® Skin Care</A></li><li
class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/skincare/velocity/default.aspx">Velocity® Skin Care</A></li><li
class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/skincare/lipeyecare/default.aspx">Lip & Eye Care</A></li><li
class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/skincare/specificneeds/default.aspx">Specific Needs</A></li><li
class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/skincare/travelrollupbag/default.aspx">Travel Roll-Up Bag
(unfilled)</A></li></ul></li><li class="ANM-Root"><A class="ANM-RootLink"
href="http://www.marykay.com/color/default.aspx">MAKEUP</A><ul class="ANM-Sub"><li
class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/color/eyes/default.aspx">Eyes</A></li><li class="ANM-Leaf"><A
class="ANM-Link" href="http://www.marykay.com/color/lips/default.aspx">Lips</A></li><li
class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/color/cheeks/default.aspx">Cheeks</A></li><li class="ANM-Leaf"><A
class="ANM-Link"
href="http://www.marykay.com/color/foundations/default.aspx">Foundations</A></li><li class="ANM-
Leaf"><A class="ANM-Link"
href="http://www.marykay.com/color/concealers/default.aspx">Concealers</A></li><li class="ANM-
Leaf"><A class="ANM-Link"
href="http://www.marykay.com/color/powders/default.aspx">Powders</A></li><li class="ANM-Leaf"><A
class="ANM-Link" href="http://www.marykay.com/color/compactsapplicators/default.aspx">Compacts &
Applicators</A></li><li class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/color/facialhighlightingpen/default.aspx">Facial Highlighting
Pen</A></li><li class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/color/travelrollupbag/default.aspx">Travel Roll-Up Bag
(unfilled)</A></li></ul></li><li class="ANM-Root"><A class="ANM-RootLink"
href="http://www.marykay.com/spabody/default.aspx">BODY & SUN</A><ul class="ANM-Sub"><li
class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/spabody/bodycare/default.aspx">Body Care</A></li><li class="ANM-
Leaf"><A class="ANM-Link"
href="http://www.marykay.com/spabody/suncarecollection/default.aspx">Mary Kay® Sun Care
Collection</A></li></ul></li><li class="ANM-Root"><A class="ANM-RootLink"
href="http://www.marykay.com/fragrances/default.aspx">FRAGRANCE</A><ul class="ANM-Sub"><li
class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/fragrances/womensfragrances/default.aspx">Women's</A></li><li
class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/fragrances/mensfragrances/default.aspx">Men's</A></li></ul></li><li
class="ANM-Root"><A class="ANM-RootLink"
href="http://www.marykay.com/mens/default.aspx">MEN</A><ul class="ANM-Sub"><li class="ANM-
Leaf"><A class="ANM-Link" href="http://www.marykay.com/mens/mkmen/default.aspx">MKMen® Skin
Care</A></li><li class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/mens/mensfragrances/default.aspx">Men's Fragrances</A></li><li
class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/mens/suncarecollection/default.aspx">Mary Kay® Sun
Care</A></li></ul></li><li class="ANM-Root"><A class="ANM-RootLink"
href="http://www.marykay.com/company/default.aspx"><b>COMPANY</b></A><ul class="ANM-
Sub"><li class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/company/companyfounder/default.aspx">Company Founder</A></li><li
class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/company/milestones/default.aspx">Mary Kay Milestones</A></li><li
class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/company/aroundtheworld/default.aspx">Mary Kay Around the
World</A></li><li class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/company/socialresponsibility/default.aspx">Social
Responsibility</A></li><li class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/company/companyquickfacts/default.aspx">Company Quick
Facts</A></li><li class="ANM-Leaf"><A class="ANM-Link" target="_blank"
href="http://reflections.marykay.com"><b>Blog</b></A></li><li class="ANM-Leaf"><A class="ANM-
Link" href="http://www.marykay.com/company/pressroom/default.aspx">Press Room</A></li><li
class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/company/jobsatmarykay/default.aspx">Employment at Mary
Kay</A></li><li class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/company/contactus/default.aspx">Contact Mary Kay</A></li><li
class="ANM-Leaf"><A class="ANM-Link" target="_blank"
href="http://www.marykayfoundation.org">The Mary Kay Foundation</A></li><li class="ANM-Leaf"><A
class="ANM-Link"
href="http://www.marykay.com/company/productresearchanddevelopment/default.aspx">Product Research
& Development</A></li></ul></li><li class="ANM-Root"><A class="ANM-RootLink"
href="http://www.marykay.com/sellmarykay/default.aspx">SELL MARY KAY</A><ul class="ANM-
Sub"><li class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/sellmarykay/lifecanbegoodquiz/default.aspx">Life Can Be Good
Quiz</A></li><li class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/sellmarykay/getstarted/default.aspx">Get Started</A></li><li
class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/sellmarykay/makemoney/default.aspx">Make Money</A></li><li
class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/sellmarykay/learnhow/default.aspx">Learn How</A></li><li class="ANM-
Leaf"><A class="ANM-Link"
href="http://www.marykay.com/sellmarykay/rewardrecognition/default.aspx">Rewards &
Recognition</A></li><li class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/sellmarykay/theopportunityinthemedia/default.aspx">The Opportunity in
the Media</A></li><li class="ANM-Leaf"><A class="ANM-Link"
href="http://www.marykay.com/sellmarykay/aboutdirectselling/default.aspx">About the Direct Selling
Industry</A></li></ul></li></ul></div></div><!--googleon:snippet--></TD>
</TR>
<TR>
<TD><TABLE CELLSPACING="0" CELLPADDING="0" WIDTH="100%" BORDER="0">
<TR>
<TD CLASS="CategoryMenu" VALIGN="top">
<a href="#">
<img src="/images/btn_tellAFriend.gif" alt="Tell a Friend" border="0"
onClick="OpenF2F('http://www.marykay.com/forward/tellafriend_nopws.aspx?
url=http://www.MaryKay.com/whatsnew/giftideas/default.aspx');">
</a>
<br /><br />
</div>
<div id="ggCntnr">
<img src="/whatsnew/giftguide/images/images909/ggLanding_header.jpg" alt="The Ultimate Gift
Guide" width="800" height="162" border="0" />
<a href="http://www.marykay.com/whatsnew/giftguide/under30.aspx"><img
src="/whatsnew/giftguide/images/images909/ggLanding_btn1a.jpg" width="160" height="170" hspace="0"
vspace="0" border="0" /></a>
<a href="http://www.marykay.com/whatsnew/giftguide/stocking.aspx"><img
src="/whatsnew/giftguide/images/images909/ggLanding_btn2a.jpg" width="160" height="170" hspace="0"
vspace="0" border="0" /></a>
<a href="http://www.marykay.com/whatsnew/giftguide/sets.aspx"><img src="/>
<HTML>
PART B
4. How are media elements in Dreamweaver? Can you insert a page created in HTML code into a
dreamweaver image ? If yes,how can you implement such thing?
ANS-
Dreamweaver won't solve all your web page problems, but it can be a very powerful tool to create web
pages quickly, consistently, and easily. It will also help you to manage your website and keep it organized. It
will help you to develop a website that looks consistent across many platforms. You can use the WYSIWYG
(What You See Is What You Get) interface to construct your web pages, while Dreamweaver writes the code
and checks to make sure it works. At the same time, it allows you to view and edit the HTML source code
yourself. It has some built in whiz-bang effects, but also allows you to customize the program to your own
needs, adding outside applications and extensions.
After you have decided that you want a web page, you must decide:
Who is your audience? (scientists? sports enthusiasts? children? kangaroo fanciers?) What kind of
equipment will they be using?
What you want to display (pictures? text? diagrams? downloadable games? an interactive forum?)
Why you are doing this (to convey information? to persuade an audience? to strut your stuff)
How will the web page function? (what kind of navigation will you have? Hotlinks, dropdown menus?)
Drawing out a diagram:
(My webpage will be about that terrific legume, the humble pea. Here’s my vision.)
Now draw or have in mind a picture of the home page. Draw it on your computer or draw it on a napkin--
doesn’t matter.
(It doesn’t have to be perfect, just an idea so you can find or create the graphics).
Step 2: Assembling your stuff
1. Your text
All of your website should be stored in a convenient place, called the Root Folder:
You should keep your file names short and to the point, with no spaces (although you can use dashes,
underscores, or periods to separate words)
Store your root folder somewhere on your hard drive where you can access it easily...
Public or Private?
You need to decide whether your page will be seen by anyone in the world or only people within
Whitehead.--Or you can make some pages public and some private. The next step is to create two new
folders within your root folder. The Whitehead-only folder should be named "wi" and the public folder
should be named "pub" (lowercase, no punctuation).
Later on you will save your home page into this folder as well. All the rest of your pages and images will be
saved into either the pub folder, which can be accessed from inside or outside Whitehead, or into the WI
folder, which can only be accessed from within Whitehead.
None of our peas pages are top secret, so we will put them all into the pub folder. The last thing we need to
do is put a folder inside the pub folder for all our images.
Step 4: Open Dreamweaver ..........
1. Install Dreamweaver. If the application freezes when you try to launch it, go to your System Folder >
Preferences and throw out the Dreamweaver preferences. Dreamweaver will recreate these preferences after
you launch the program.
2. Define the local information for your site. When you launch Dreamweaver, it may tell you that no sites
have been defined. The first thing to do is go to the Site menu and choose "New". You will see this palette:
Type in a name for your site. Next, to define your Local Root folder, click on the folder icon to search for
and select the folder you made in step 3 for your site. This will be your Local Root folder. If you ever need
to move the files for your site, you can move this folder around without breaking links, but don’t remove or
move folders within this folder
5. What are Form Elements? How can you insert form into frames? Can any page of a website be created
without frames.
An HTML form is a section of a document containing normal content, markup, special elements
called controls (checkboxes, radio buttons, menus, etc.), and labels on those controls. Users
generally "complete" a form by modifying its controls (entering text, selecting menu items, etc.),
before submitting the form to an agent for processing (e.g., to a Web server, to a mail server, etc.)
The following HTML example (using the META element) forwards the user from one page to
another after a timeout. However, users should not redirect users with this markup since is non-
standard, it disorients users, and it can disrupt a browser's history of visited pages
Here's a simple form that includes labels, radio buttons, and push buttons (reset the form or
submit it):
ANS-6
<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</form>