Dreamweaver Portfolio

I started a new Dreamweaver site to showcase my portfolio. I liked what was going on with Lightbox/FancyBox and was messing with that. http://fancybox.net/
My question is is there a better way or something to have a page of thumbnails but some be images and some be image galleries? The ones that are image galleries I want the just one thumbnail (say a cover of a magazine) then once clicked the gallery has more images that are specific to that one thumbnail.
In Fancyboxbox I used and tried the manual call image gallery and was able to get that to work. The problem was with the code provided the image sort of poped high and un centered then jerked to centered. I tried to find the code to get some of the option as with the original gallery. I couldn't tweak it and the original gallery autmatically adds all the pics as thumbnails and I do not want that.
Has anyone seen script for what I am looking for or were able to tweak the FancyBox script to do this?
Thank you

Look at JAlbum.net. It can create as many galleries as you need.
http://jalbum.net/en/software/download
Lots of Skins to choose from
http://jalbum.net/en/skins/new
The Turtle Skin http://jalbum.net/en/skins/skin/Turtle/
will do exactly what you want and more...
Nancy O.

Similar Messages

How to create a portfolio in Dreamweaver CC? And ...

Hello everyone,
I have to create an artist's portfolio for a school. How can I do it with the Dynamic Drive CSS Library-Image with sliding description panel using CSS3 transitions. I placed the code in my program for this, but I do not know how to get the images to display properly. Could someone please tell me what to do. I've tried to drag and drop, but it seems like the image was way to big and when I tried adjusting it in the code it ended up in a strange place, not in the box where the image is supposed to be. Also can I utilize this code with Dreamweaver CS6 CC. Also in case it is important I am working on a Mac using OS X Yosemite. Please help as I a novice.
Sincerely,
Augustine

Dreamweaver is not a click and drag application. You need to build a layout with HTML and CSS code. Or start your project with one of the pre-built CSS Layouts in DW. Go to File > New > Blank Page > HTML. Choose a layout from the 3rd panel and hit CREATE button.
Then use the insert button to add an image to your layout. That said, you must resize and optimize images for the web beforehand using your graphics program (Photoshop). Otherwise, your images will be way too big.
Nancy O.

Portfolio in Dreamweaver

I'm trying to put up a portfolio on my personal page.
Can anyone suggest the easiest/most effective way to do this in Dreamweaver?

Hi Michael,
you could have a look here and use the templates:
1. Forum contributions:
free portfolio templates: http://forums.adobe.com/message/3389796
making a simple video portfolio: http://forums.adobe.com/message/4598779#4598779
2. Free templates from the web (e.g.):
40+ Free Portfolio Templates: http://ginva.com/2012/11/free-portfolio-templates/
15 Free Portfolio HTML Website Templates: http://smashfreakz.com/2012/07/15-free-portfolio-html-website-templates/
Hans-Günter

Website site looks fine in Dreamweaver but...

So I am creating my own website for the first time and after a bunch of problems, I've ran into one I am unsure of how to fix.
ngkevin-art.com/about.html
This is how it looks like in Dreamweaver and how I want it to look:
http://i.imgur.com/wlOIR.jpg
But when I go into Live View, or see it online, it falls apart. Any help would be appreciated.
CSS:
@charset "utf-8";
/* CSS Document */
/* General HTML Tag Rules */
body {
          width:auto;
          height:auto;
          background-image:url(images/bg_demo2.png);
          background-color:#2d2d2d;
          background-repeat:no-repeat;
          background-position:center;
          margin-top:30px;
@font-face {
    font-family: Harabara;
    src: url(Harabara.ttf);
    font-weight:200;
h1 {
          font-family: Harabara, Helvetica, Arial, sans-serif;
          font-size:150%;
          color:#CECEBC;
h2 {
          font-family: Harabara, Helvetica, Arial, sans-serif;
          font-size:100%;
          color:#CECEBC;
.text {
          margin-left:75px;
          width:auto;
          float:left;
#text2 {
          width:408px;
          text-align:center;
.text3 {
          margin-left:25px;
          width:auto;
          float:left;
#container {
          width:1280px;
          height:960px;
          margin-left:auto;
          margin-right:auto;
#wrapContact {
          width: 520px;
          height: 100px;
          margin-left:735px;
          margin-top: 10px;
          clear: both;
#linked {
          float:left;
          margin-top:35px;
          width: 175px;
#facebook {
          float:left;
          width: 200px;
          margin-left:32px;
          margin-top:25px;
#email {
          float:left;
          width:75px;
          margin-left:35px;
          margin-top:20px;
#wrapNav {
          width: 475px;
          margin-left:750px;
          margin-top:60px;
#demo {
          width: 500px;
          text-align:center;
          margin-top: 70px;
          margin-left:auto;
          margin-right:auto;
#flatbook {
          width:250px;
          margin-left:auto;
          margin-right:auto;
          margin-top:20px;
#wrapAbout {
          margin-left:auto;
          margin-right:auto;
          margin-top:75px;
          width: 1100px;
          height:auto;
#picture {
          width:408px;
          margin-top:100px;
          float:left;
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Kevin Ng Art Portfolio</title>
<script type="text/javascript"
src="http://code.jquery.com/jquery-latest.min.js" charset="utf-8">
</script>
<link rel="stylesheet" type="text/css" href="default3.css"/>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.smooth-scroll.min.js"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link href="lightbox.css" rel="stylesheet" />
</head>
<body>
<div id="container">
                    <div id="wrapContact">
                  <div id="linked">
                <a href="http://www.linkedin.com/pub/kevin-ng/25/558/75b">
                <img src="images/logo_linked_large.png" width="auto" height="auto" border="0" alt="linkedin_logo" /> </a>
            </div>
            <div id="facebook">
                <a href="http://www.facebook.com/profile.php?id=1309131548">
                <img src="images/logo_fb_large.png" width="auto" height="auto" border="0" alt="facebook_logo" /> </a>
            </div>
                              <div id="email">
                      <a href="mailto: [email protected]">
                <img src="images/gmail.png" width="auto" height="auto" border="0" alt="email_icon" /> </a>
            </div>
                    </div> 
              <div id="wrapNav">
            <a href="index.html">
                            <img src="images/bg_tab_main.png" width="auto" height="auto" border="0" alt="Main" /> </a>
            <a href="demo.html">
                            <img src="images/bg_tab_demo.png" width="auto" height="auto" border="0" alt="Demo" /> </a>
            <a href="about.html">
                            <img src="images/bg_tab_about.png" width="auto" height="auto" border="0" alt="About" /> </a>
        </div>
              
        <div id="wrapAbout">
                              <div id="picture">
                      <img src="images/picture.jpg" width="auto" height="auto" alt="picture" />
                <div id="text2">
                    <h2> Me in the middle left, my buddies, Jordan Gabriel on the left and Edmund Zhu on the right,
                        and finally, Epic Games VIP, Cliff Bleszinski! Taken at GDC 2010. </h2>
                </div>
            </div>
            <div class="text">
                <h1> Resume: <br/>
                <br/> Email: <br/> <br/>
                <br/> About Me:</h1>
                                 </div>
            <div class="text3">
                        <h1> <a href="resume/Kevin Ng Resume2.doc"> Click Here </a>
                        <br/> <br/> <a href="[email protected]"> [email protected] </a> <br/>
                <br/> <br/> <font size="4">
                          My desire to be in the game development industry is to work with other individuals that take pride in creating a game,
                          something that can be enjoyed by a multitude of people. There is nothing I would like better than to lend my talents and
                    artistic skills for that purpose. <br/> <br/>
                    I believe the key to creating memorable game art, whether it be characters or environments, is the story.
                    Just like reading a good book or watching a thrilling movie, I loved to be immersed in the world of the game. As a result,
                    I had an affinity to Role-Playing Games. Classic games of my generation such as Chrono Trigger, Final Fantasy, and Zelda
                    showed me a world of endless imagination. <br/> <br/>
                    The characters which are the focal point of the story, their goals and motivations, their trials and tribulations,
                    their victories and defeats... These are the things I think about constantly when I look at them.
                    A character without depth doesn't exist, but if they do, I can only imagine how boring that would be.
                </font></h1>
            </div>
                      </div>
          </div>
</body>
</html>

Hi there, and welcome to the forums!
Could you please provide a screenshot of the website when it is previewed in a browser/live view? This way I can better understand the conflicts that are occuring in your code.
It is always a good practice when coding a website to preview it in the browser as you code, to make sure there are no conflicts. It's important to remember that in the end, your viewers will be viewing your site in a browser, not in Dreamweaver's preview. : )

How do I use Dreamweaver CC 2014.1 Live View to copy complex formatted text into web page?

Since Design View has been removed from Fluid Grid Layouts, and could be removed completely in next upgrade, I cannot use Live View to place complex text into my web pages.
Our business requires the listing of complex job descriptions on our web pages. Design View worked fine, Live View does not. Both examples are noted below.
Using Design View the web page rendered this way:
Research & Analytics Director
Position# 2469
Location: Midwest
Education Requirements: MS degree in Mathematics, Statistics, Economics, Engineering, Actuarial Science or related field or equivalent designation, such as FCAS.
Other Requirements: Include:
Job Competencies:
Achieve Results.
Be Accountable.
Lead Change.
Lead Corp Vision & Strategy.
Lead People.
Maximize Customer Experience.
Specialized Knowledge and Skills Requirements:
Demonstrated ability to develop strategic partnerships.
Demonstrated ability to identify potential issues, and to proactively work to the mitigation of those issues.
Demonstrated experience communicating business implications of complex data relationships and results of statistical models to multiple business partners.
Demonstrated experience formulating, approaching, and solving problems in massive, complex datasets.
Demonstrated experience in public speaking and use of appropriate presentation skills.
Demonstrated experience interfacing with business clients and driving solution discussions with both IT and business stakeholders.
Demonstrated experience performing advanced statistical analysis, including generalized linear models, decision trees, neural networks, etc., to discover business insights and develop predictive models.
Demonstrated experience with statistical and modeling software tools, such as SAS or R.
Demonstrated management or leadership experience.
Solid knowledge and understanding of mathematical modeling and research.
Salary Range: $146,300 to $243,800+
Description: This position is responsible for oversight and strategic direction of advanced analytics, including predictive modeling, that drive business performance consistent with company goals and objectives. Works with internal business partners to understand and validate scope of advanced analytics projects and directs projects teams to support those projects. Collaborates within the division and cross-divisionally to develop and integrate statistical models into various processes. Oversees research of new and innovative analytic tools and techniques. Monitors industry trends in analytics and investigates new concepts, ideas, and data sources. Primary accountabilities include:
Advanced Analytics Oversight (40%):
Provides oversight and direction for the design, development, and evaluation of predictive models and advanced algorithms that lead to business solutions.
Directs the most complex and vital analytics work critical to the organization.
Oversees advanced exploratory analytics that produce a variety of business solutions.
Conducts peer review on technical aspects of projects.
Partners with business areas (Commercial Lab, EDM, IS, etc.) on data innovation.
Portfolio Strategy and Management (25%):
Collaborates with Strategic Data & Analytics Vice President as well as business partners internal and external to the division to develop and execute advanced analytics strategy and project portfolio.
Leverages business acumen and domain expertise in directing advanced analytics strategy and application.
Aligns plans to divisional and corporate objectives/goals and integrates within the corporate planning cycle.
Monitors and analyzes advanced analytics resources. Assesses needs and appropriately allocates resources to priorities and initiatives.
Works with divisional management to improve work processes that impact work environment and divisional resources.
Provides overall portfolio/project management oversight and direction for a variety of advanced analytics project. Oversees measurement, monitoring and reporting of project progress and resource utilization. Manages project resources to ensure timely delivery of projects consistent with divisional goals and objectives.
Coordinates with business partners (Analytics Strategy, etc.) on knowledge management and participates in business area meetings. Maintains holistic view of the business. Ensures rapid delivery and execution of insights derived from data analytics into the organization.
Analytic Tools and Techniques Research Oversight (15%):
Sets the vision for the use of new and innovative tools and technology.
Maintains and fosters an industry awareness of new developments in analytics techniques and tools, and ensures quick execution in their use within the department.
Interfaces with Enterprise Data Management (EDM) and Information Services (IS) on evolving technological and data needs and requirements.
Strategies Linked to the Division's Business Goals/Results (10%):
Establishes, communicates, and implements departmental plans, objectives, and strategies.
Participates as a member of the Management Team.
Maintains an active awareness of our Client's business environments, corporate culture, and structure to support key decision-making.
Management/Leadership for Department or Unit (10%):
Manages direct reports, systems, and projects to achieve department/unit goals in accordance with Company policies and practices.
Prepares and analyzes department/unit plans and reports.
Provides leadership by exhibiting influence and expertise, thus affecting the results of the operating area.
Creates an effective work environment by developing a common vision, setting clear objectives, expecting teamwork, recognizing outstanding performance, and maintaining open communications.
Develops staff through coaching, providing performance feedback, providing effective performance assessments, and establishing performance & development plans.
Using Live View the web page rendered this way:
Research & Analytics Director Position# 2469 Location: Midwest Education Requirements: MS degree in Mathematics, Statistics, Economics, Engineering, Actuarial Science or related field or equivalent designation, such as FCAS. Other Requirements: Include: • Job Competencies: o Achieve Results. o Be Accountable. o Lead Change. o Lead Corp Vision & Strategy. o Lead People. o Maximize Customer Experience. • Specialized Knowledge and Skills Requirements: o Demonstrated ability to develop strategic partnerships. o Demonstrated ability to identify potential issues, and to proactively work to the mitigation of those issues. o Demonstrated experience communicating business implications of complex data relationships and results of statistical models to multiple business partners. o Demonstrated experience formulating, approaching, and solving problems in massive, complex datasets. o Demonstrated experience in public speaking and use of appropriate presentation skills. o Demonstrated experience interfacing with business clients and driving solution discussions with both IT and business stakeholders. o Demonstrated experience performing advanced statistical analysis, including generalized linear models, decision trees, neural networks, etc., to discover business insights and develop predictive models. o Demonstrated experience with statistical and modeling software tools, such as SAS or R. o Demonstrated management or leadership experience. o Solid knowledge and understanding of mathematical modeling and research. Salary Range: $146,300 to $243,800+ Description: This position is responsible for oversight and strategic direction of advanced analytics, including predictive modeling, that drive business performance consistent with company goals and objectives. Works with internal business partners to understand and validate scope of advanced analytics projects and directs projects teams to support those projects. Collaborates within the division and cross-divisionally to develop and integrate statistical models into various processes. Oversees research of new and innovative analytic tools and techniques. Monitors industry trends in analytics and investigates new concepts, ideas, and data sources. Primary accountabilities include: • Advanced Analytics Oversight (40%): o Provides oversight and direction for the design, development, and evaluation of predictive models and advanced algorithms that lead to business solutions. o Directs the most complex and vital analytics work critical to the organization. o Oversees advanced exploratory analytics that produce a variety of business solutions. o Conducts peer review on technical aspects of projects. o Partners with business areas (Commercial Lab, EDM, IS, etc.) on data innovation. • Portfolio Strategy and Management (25%): o Collaborates with Strategic Data & Analytics Vice President as well as business partners internal and external to the division to develop and execute advanced analytics strategy and project portfolio. o Leverages business acumen and domain expertise in directing advanced analytics strategy and application. o Aligns plans to divisional and corporate objectives/goals and integrates within the corporate planning cycle. o Monitors and analyzes advanced analytics resources. Assesses needs and appropriately allocates resources to priorities and initiatives. o Works with divisional management to improve work processes that impact work environment and divisional resources. o Provides overall portfolio/project management oversight and direction for a variety of advanced analytics project. Oversees measurement, monitoring and reporting of project progress and resource utilization. Manages project resources to ensure timely delivery of projects consistent with divisional goals and objectives. o Coordinates with business partners (Analytics Strategy, etc.) on knowledge management and participates in business area meetings. Maintains holistic view of the business. Ensures rapid delivery and execution of insights derived from data analytics into the organization. • Analytic Tools and Techniques Research Oversight (15%): o Sets the vision for the use of new and innovative tools and technology. o Maintains and fosters an industry awareness of new developments in analytics techniques and tools, and ensures quick execution in their use within the department. o Interfaces with Enterprise Data Management (EDM) and Information Services (IS) on evolving technological and data needs and requirements. • Strategies Linked to the Division's Business Goals/Results (10%): o Establishes, communicates, and implements departmental plans, objectives, and strategies. o Participates as a member of the Management Team. o Maintains an active awareness of our Client's business environments, corporate culture, and structure to support key decision-making. • Management/Leadership for Department or Unit (10%): o Manages direct reports, systems, and projects to achieve department/unit goals in accordance with Company policies and practices. o Prepares and analyzes department/unit plans and reports. o Provides leadership by exhibiting influence and expertise, thus affecting the results of the operating area. o Creates an effective work environment by developing a common vision, setting clear objectives, expecting teamwork, recognizing outstanding performance, and maintaining open communications. o Develops staff through coaching, providing performance feedback, providing effective performance assessments, and establishing performance & development plans.
Obviously, as seen above, I'm doing something wrong or Live View does not do all the functions that Design View use to do. I realize I can still access Design View in non-Fluid Grid Layout documents and that is my current work-around. I copy from my Word file into Design View available in non-Fluid, then copy that code into my Fluid Grid Layout document, not real efficient use of my time. And, even that work-around may not be available after the next upgrade.

Hans thank you for your reply and attention to this matter. Moreover, with your steeped expertise I do not, in any fashion, intend to be flippant or capricious.
However, I do not believe the reply is on point since I'm not discussing the insertion of an HTML tag/element; but rather, the placing of complex formatted text into my various web pages.
Design View and 2014.1 Live View seem to serve different functions. That is, Design View, for us, serves as a highly sophisticated HTML5 code generator that allows us to properly display complex formatted text that originally is created as a Word docx file. As I noted in my original post, the complex formatted text from the Word file is then pasted into Design View and thus properly renders on the web page. I invite you to try this yourself. Simply copy my properly formatted text in my original post (that can be found at "Using Design View the web page rendered this way:") to a Word file, and it will retain the complex formatting, then copy that Word file text to both Design View and 2014.1 Live View files. Please apprise me of your results.
Discussion has been had in at least two separate threads on the Design View disappearance in Fluid Grid. In https://forums.adobe.com/thread/1597260 staff member Lalita wrote "It would be helpful for us if you list the issues you are seeing with fluid grid live view editing." And in https://forums.adobe.com/message/6807088#6807088 staff member Subhadeep wrote "If you can list down the workflows you are trying while editing in Live View & the issues you are facing in doing so, it will help us understand what is amiss & suggest alternative workflows to do the same." I believe I've pointed out issues when attempting to use Live View for functions or work flow that customarily had been done in Design View.
Being a CC subscriber, if someone can provide me with a workflow using other additional Adobe products to get my complex formatted text from Word ultimately to my Dreamweaver web page, be it an image insert or whatever, I would take the suggestions.
The difference in the coding of my example in my original post is as follows.
Code when using Design View is:
<p><strong>Research & Analytics Director</strong><br>
<strong>Position# 2469</strong><br>
<strong>Location:</strong> Midwest<br>
<strong>Education Requirements:</strong> MS degree in Mathematics, Statistics, Economics, Engineering, Actuarial Science or related field or equivalent designation, such as FCAS.<br>
<strong>Other Requirements:</strong> Include:</p>
<ul type="disc">
<li>Job       Competencies:</li>
<ul type="circle">
    <li>Achieve        Results.</li>
    <li>Be        Accountable.</li>
    <li>Lead        Change.</li>
    <li>Lead Corp        Vision & Strategy.</li>
    <li>Lead        People.</li>
    <li>Maximize        Customer Experience.</li>
</ul>
<li>Specialized       Knowledge and Skills Requirements:</li>
<ul type="circle">
    <li>Demonstrated        ability to develop strategic partnerships.</li>
    <li>Demonstrated        ability to identify potential issues, and to proactively work to the        mitigation of those issues.</li>
    <li>Demonstrated        experience communicating business implications of complex data        relationships and results of statistical models to multiple business        partners.</li>
    <li>Demonstrated        experience formulating, approaching, and solving problems in massive,        complex datasets.</li>
    <li>Demonstrated        experience in public speaking and use of appropriate presentation skills.</li>
    <li>Demonstrated        experience interfacing with business clients and driving solution        discussions with both IT and business stakeholders.</li>
    <li>Demonstrated        experience performing advanced statistical analysis, including        generalized linear models, decision trees, neural networks, etc., to        discover business insights and develop predictive models.</li>
    <li>Demonstrated        experience with statistical and modeling software tools, such as SAS or        R.</li>
    <li>Demonstrated        management or leadership experience.</li>
    <li>Solid        knowledge and understanding of mathematical modeling and research.</li>
</ul>
</ul>
<p><strong>Salary Range:</strong> $146,300 to $243,800+<br>
<strong>Description:</strong> This position is responsible for oversight and strategic direction of advanced analytics, including predictive modeling, that drive business performance consistent with company goals and objectives. Works with internal business partners to understand and validate scope of advanced analytics projects and directs projects teams to support those projects. Collaborates within the division and cross-divisionally to develop and integrate statistical models into various processes. Oversees research of new and innovative analytic tools and techniques. Monitors industry trends in analytics and investigates new concepts, ideas, and data sources. Primary accountabilities include:</p>
<ul type="disc">
<li>Advanced       Analytics Oversight (40%):</li>
<ul type="circle">
    <li>Provides        oversight and direction for the design, development, and evaluation of        predictive models and advanced algorithms that lead to business        solutions.</li>
    <li>Directs        the most complex and vital analytics work critical to the organization.</li>
    <li>Oversees        advanced exploratory analytics that produce a variety of business        solutions.</li>
    <li>Conducts        peer review on technical aspects of projects.</li>
    <li>Partners        with business areas (Commercial Lab, EDM, IS, etc.) on data innovation.</li>
</ul>
<li>Portfolio       Strategy and Management (25%):</li>
<ul type="circle">
    <li>Collaborates        with Strategic Data & Analytics Vice President as well as business        partners internal and external to the division to develop and execute        advanced analytics strategy and project portfolio.</li>
    <li>Leverages        business acumen and domain expertise in directing advanced analytics        strategy and application.</li>
    <li>Aligns        plans to divisional and corporate objectives/goals and integrates within        the corporate planning cycle.</li>
    <li>Monitors        and analyzes advanced analytics resources. Assesses needs and        appropriately allocates resources to priorities and initiatives.</li>
    <li>Works        with divisional management to improve work processes that impact work        environment and divisional resources.</li>
    <li>Provides        overall portfolio/project management oversight and direction for a        variety of advanced analytics project. Oversees measurement,        monitoring and reporting of project progress and resource        utilization. Manages project resources to ensure timely delivery of        projects consistent with divisional goals and objectives.</li>
    <li>Coordinates        with business partners (Analytics Strategy, etc.) on knowledge management        and participates in business area meetings. Maintains holistic view of        the business. Ensures rapid delivery and execution of insights        derived from data analytics into the organization.</li>
</ul>
<li>Analytic       Tools and Techniques Research Oversight (15%):</li>
<ul type="circle">
    <li>Sets the        vision for the use of new and innovative tools and technology.</li>
    <li>Maintains        and fosters an industry awareness of new developments in analytics        techniques and tools, and ensures quick execution in their use within the        department.</li>
    <li>Interfaces        with Enterprise Data Management (EDM) and Information Services (IS) on        evolving technological and data needs and requirements.</li>
</ul>
<li>Strategies       Linked to the Division's Business Goals/Results (10%):</li>
<ul type="circle">
    <li>Establishes,        communicates, and implements departmental plans, objectives, and        strategies.</li>
    <li>Participates        as a member of the Management Team.</li>
    <li>Maintains        an active awareness of our Client's business environments, corporate        culture, and structure to support key decision-making.</li>
</ul>
<li>Management/Leadership       for Department or Unit (10%):</li>
<ul type="circle">
    <li>Manages        direct reports, systems, and projects to achieve department/unit goals in        accordance with Company policies and practices.</li>
    <li>Prepares        and analyzes department/unit plans and reports.</li>
    <li>Provides        leadership by exhibiting influence and expertise, thus affecting the        results of the operating area.</li>
    <li>Creates        an effective work environment by developing a common vision, setting        clear objectives, expecting teamwork, recognizing outstanding performance,        and maintaining open communications.</li>
    <li>Develops        staff through coaching, providing performance feedback, providing        effective performance assessments, and establishing performance &        development plans.</li>
</ul>
</ul>
Code when using Live View is:
<div id="liveview" class="fluid">Research & Analytics Director Position# 2469 Location: Midwest Education Requirements: MS degree in Mathematics, Statistics, Economics, Engineering, Actuarial Science or related field or equivalent designation, such as FCAS. Other Requirements: Include: • Job Competencies: o Achieve Results. o Be Accountable. o Lead Change. o Lead Corp Vision & Strategy. o Lead People. o Maximize Customer Experience. • Specialized Knowledge and Skills Requirements: o Demonstrated ability to develop strategic partnerships. o Demonstrated ability to identify potential issues, and to proactively work to the mitigation of those issues. o Demonstrated experience communicating business implications of complex data relationships and results of statistical models to multiple business partners. o Demonstrated experience formulating, approaching, and solving problems in massive, complex datasets. o Demonstrated experience in public speaking and use of appropriate presentation skills. o Demonstrated experience interfacing with business clients and driving solution discussions with both IT and business stakeholders. o Demonstrated experience performing advanced statistical analysis, including generalized linear models, decision trees, neural networks, etc., to discover business insights and develop predictive models. o Demonstrated experience with statistical and modeling software tools, such as SAS or R. o Demonstrated management or leadership experience. o Solid knowledge and understanding of mathematical modeling and research. Salary Range: $146,300 to $243,800+ Description: This position is responsible for oversight and strategic direction of advanced analytics, including predictive modeling, that drive business performance consistent with company goals and objectives. Works with internal business partners to understand and validate scope of advanced analytics projects and directs projects teams to support those projects. Collaborates within the division and cross-divisionally to develop and integrate statistical models into various processes. Oversees research of new and innovative analytic tools and techniques. Monitors industry trends in analytics and investigates new concepts, ideas, and data sources. Primary accountabilities include: • Advanced Analytics Oversight (40%): o Provides oversight and direction for the design, development, and evaluation of predictive models and advanced algorithms that lead to business solutions. o Directs the most complex and vital analytics work critical to the organization. o Oversees advanced exploratory analytics that produce a variety of business solutions. o Conducts peer review on technical aspects of projects. o Partners with business areas (Commercial Lab, EDM, IS, etc.) on data innovation. • Portfolio Strategy and Management (25%): o Collaborates with Strategic Data & Analytics Vice President as well as business partners internal and external to the division to develop and execute advanced analytics strategy and project portfolio. o Leverages business acumen and domain expertise in directing advanced analytics strategy and application. o Aligns plans to divisional and corporate objectives/goals and integrates within the corporate planning cycle. o Monitors and analyzes advanced analytics resources. Assesses needs and appropriately allocates resources to priorities and initiatives. o Works with divisional management to improve work processes that impact work environment and divisional resources. o Provides overall portfolio/project management oversight and direction for a variety of advanced analytics project. Oversees measurement, monitoring and reporting of project progress and resource utilization. Manages project resources to ensure timely delivery of projects consistent with divisional goals and objectives. o Coordinates with business partners (Analytics Strategy, etc.) on knowledge management and participates in business area meetings. Maintains holistic view of the business. Ensures rapid delivery and execution of insights derived from data analytics into the organization. • Analytic Tools and Techniques Research Oversight (15%): o Sets the vision for the use of new and innovative tools and technology. o Maintains and fosters an industry awareness of new developments in analytics techniques and tools, and ensures quick execution in their use within the department. o Interfaces with Enterprise Data Management (EDM) and Information Services (IS) on evolving technological and data needs and requirements. • Strategies Linked to the Division's Business Goals/Results (10%): o Establishes, communicates, and implements departmental plans, objectives, and strategies. o Participates as a member of the Management Team. o Maintains an active awareness of our Client's business environments, corporate culture, and structure to support key decision-making. • Management/Leadership for Department or Unit (10%): o Manages direct reports, systems, and projects to achieve department/unit goals in accordance with Company policies and practices. o Prepares and analyzes department/unit plans and reports. o Provides leadership by exhibiting influence and expertise, thus affecting the results of the operating area. o Creates an effective work environment by developing a common vision, setting clear objectives, expecting teamwork, recognizing outstanding performance, and maintaining open communications. o Develops staff through coaching, providing performance feedback, providing effective performance assessments, and establishing performance & development plans. </div>
It is readily apparent that Design View is a much needed code generator in the Dreamweaver product. Live View serves completely other, and needed, purposes. Therefore, I still, after all the forum discussions, do not understand why Design View has been removed from Fluid Grid.
Again Hans thank you for your reply. But unless I'm missing something, citation to the links you provided does not solve my problem. And that problem is this: If Design View is on its way out and thus will be completely removed from Dreamweaver at some point, then how do I provide my information (i.e. complex executive job descriptions) on my website?
Apparently a vote is taking place https://forums.adobe.com/ideas/3922 on the issue of placing Design View back into Fluid Grid. I do not understand why the need for two rather disjunctive functionalities are at the mercy of the democratic process. These are matters of engineering principles not "town hall gatherings".

How do I get rid of jagged, pixelated halo around type in Dreamweaver?

Dear Dreamweaver Forum,
I am studying the essential series of video tutorials on Dreamweaver CS3 via Lynda.com.
I am also currently, slowly but surely, putting together a website to function as a resume, cover letter and portfolio all in one.
I am currently in the middle of creating headings and images that will function as rollover buttons.
I currently have a problem with a jagged or pixilated halo appearing around type I'm creating in Illustrator CS3 and placing into Dreamweaver CS3.
The process I’m using so far is the following:
In Dreamweaver CS3, I’m using div tags. I will place a div tag on a page. I will then move it to the desired location on the page and size it to my needs.
I then take .gif file of type I created in Illustrator CS3 and drag it from the files panel and to the web page I’m working on. When I do this, I notice a halo around the type (please see inserted image below).
How do I get rid of this jagged or pixilated halo?
I created the type in Illustrator CS3 and then go File > Save for Web and Devices. In the 4-up dialog box that appears, I then save the type as a .gif file.
Please see images below:
Thanks for your help!

How do I get rid of this jagged or pixilated halo?
Don't use transparency! GIF and 8bit PNG only allow one transparent color, resulting in frizzled edges with antialiased content. If you know the type goes on a black background, save it with a black background....
Mylenium

How do I link this drop down menu created in Fireworks when I export to dreamweaver, Help!

Hello everyone,
Thank you in advance for dealing with my inexperience and answering my question.
I have been stuck on this for wayyyy too long. Here is my problem. I created a drop down menu for a portfolio website I am building. When I pull this into Dreamweaver the way to link the menu items to the pages is elusive. I have no idea what to do. Please help?
Here is the screenshot. Thank you very much Jennifer
OK, Well no one can actually see this image since it came in so small, but please help me anyway if you can?

Thank you for answering my question. I created the graphics in photoshop, sliced them in fireworks and now I am pulling the site in dreamweaver to link it. The dropdown is just a little dropdown menu. I created it in Fireworks because when I tried to create one in Dreamweaver I had to use a spry which was even harder to figure out and get to work. If I knew Html or CSS my life would be much easier but I don't. I don't have much time to learn it right now since I work over time all week, do graphics freelance and I go to school for computer science. I need to get this site up and I just want a fast little fix to get it up. When I have time to learn more I can make this site better or start a better site, but for right now it just needs to work. Is there a way to get what I have working so I can just get this site up. Later I will have more time and more experience to do this better. I am learning so thank you for your experience.
Thanks,
Jennifer

How do I create a portfolio with rotating images?

I'm new to web design and I'm creating my first website for my graphic design business. I'm using CS4. I want to have a portfolio page so that one sample of work will be displayed at a time (logos, brochures, etc.), and there will be a left and right arrow (button) to navigate through several design samples. I also want to be able to click on the small image and have it open up larger in a separate window. Can someone explain the best way to do this?

LNgraphics wrote:
I'm following the advice of an associate who is a web designer ... he said to create the site in Fireworks and export it into Dreamweaver. I'm just not sure how to do the portfolio samples.
Your associate has given you bad advice. Even if you wanted to do a simple HTML site, exporting a design from Fireworks to import into Dreamweaver is not the best workflow. Fireworks is a graphics application. The functionality to export HTML is intended for prototypes. The HTML you get is fragile and very difficult to maintain. If you export CSS markup, then you will still need to know HTML and CSS in order to continue the development of your design in Dreamweaver. You are far better off using Firworks to produce first a layout/mockup of your design, then the images needed for the site. From there, you should develop the site - from scratch - in Dreamweaver.
That said, neither Fireworks nor Dreamweaver have the ability to produce the functionality you describe with a few clicks of drop down menus. What you describe needs some kind of advanced coding. Fireworks does not have anything like it.
From here, then, I recommend you look into pre-built photo galleries, and see if there isn't one that will work well enough for you. I've used Lightbox 2 (JavaScript) and SimpleViewer (Flash). They both have pros and cons, but both are quite easy to implement (especially SimpleViewer).
Use your favorite search engine to look for these two phrases:
javascript photo gallery
flash photo gallery

Problem with losing files in Dreamweaver after they have been saved.

Hello everyone,
Presently, I am a student and was working with Dreamweaver in an attempt to build my portfolio Web site. I had my root folder completed and saved my Dreamweaver file, next I and gave it a site, or designated a site, whatever it is called. I was about to load an image and I did not like the way it was coming along so I tried to back out, but it would not let me for some reason. So I decided to just close it and go back to my previously saved file. Here is what happened:
This is what is left, but no file. Please, for the love of God can someone tell me what keeps doing this. This happened last year when I was in another class and had to take an incomplete and never got to finish it because I had nothing to go by and could not remember the steps. I am so frustrated, and always happens when there is no one around to help. I am so tired of software and technology failing me. What does someone do with a paying client when this happens? In any case for anyone's information I have Dreamweaver CS6 CC and I am running it on a MacBook Pro Retina 15 inch, Early 2013 that utilizes OS X Yosemite 10.10.2. I would love to know if there is anyone else having this problem. Hope this information helps too as I am frustrated and at times second guessing whether or not this is a deal breaker in this field. Very disgusted and discouraged at the moment.
Augustine

You might try using Finder to locate the file you're attempting to open, and compare its actual location to the location of your site folder in Dreamweaver's Site Setup:
More likely than not, there's a discrepancy between where the file is, and your site folder - as configured in Dreamweaver.

Page looks different in Dreamweave than online...why?

This is a fairly basic question, but it's driving me nuts! When I look at my menu in dreamweaver, it looks like this:
But when it's live it looks normal, like this:
Does anyone know why that happens? I think it has something to do with the
position: relative
in the menu DIV tag but it's the only way I know how to position the menu where I want it.
Also, what is that black box off to the left side in the first screen shot? I can't find anything in my code that would create it. Here is the style sheet code (still a work in progress, please bear with me):
body {background: #e1eae6;
      background-image:url(_img/wave.jpg);
      padding: 0;
      margin: 0;
      margin-bottom: 100px;
      font-family: "Arial", sans-serif;
h1 { width: 198px;
height: 50px;
h2 {
    color: #afd1c1;
    font-size: 9px;
    font-family: "Arial", sans-serif;
    position: relative;
    bottom: -45px;
h3 {
    color: #7da391;
    font-size: 11px;
    font-family: "Arial", sans-serif;
    width: 600px;
    text-align: justify;
h4 {
    color: #074573;
    font-size: 11px;
    font-family: "Arial", sans-serif;
    text-align: justify;
    padding-bottom: 0px;
h5 {
    color: #7da391;
    font-size: 11px;
    font-family: "Arial", sans-serif;
    text-align: justify;
.stmnt {
    color: #074573;
    font-size: 11px;
    font-family: "Arial", sans-serif;
    width: 540px;
    text-align: justify;
.stmntheader {
    color: #074573;
    font-size: 11px;
    font-family: "Arial", sans-serif;
    width: 540px;
    text-align: justify;
.arrow {
    color: #074573;
.text {
    color: #7da391;
    font-size: 11px;
    font-family: "Arial", sans-serif;
    font-weight: bold;
a {
   color: #7da391;
   text-decoration: none;
   font-family: "Arial", sans-serif;
a.copy {
   color: #afd1c1;
   text-decoration: none;
   font-family: "Arial", sans-serif;
a:hover { color: #074573;
          text-decoration: none;
          font-family: "Arial", sans-serif;
a:active {
    text-decoration: none;
    color: #074573;
    font-family: "Arial", sans-serif;
/*CENTERING AND WIDTH - CONSISTENT ON ALL PAGES*/
#all {
    position: relative;
    top: 25px;
    margin: 0px auto;
    padding-top: 20px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    width: 777px;
    background: #ffffff;
    border:none;
/* BEGIN NAVIGATION */
#menu li {position: relative;
          left: -38px;
          top: -10px;
          padding-right: 25px;
          list-style-type: none;
          display: inline;
          color: #7da391;
          font-family: "Arial", sans-serif;
          font-size: 13px;
/* END GLOBAL NAVIGATION */
and here is the HTML code for the menu portion of that particular page (all pages with the same menu behave this way though):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">

</script>
<title>Liz Lantz Photography | Sirens - Photographs of Women in Surfing </title>
<link href="../_main_test.css" rel="stylesheet" type="text/css"><script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-4396735-2']);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
</head>
<body>

<div id="all">

<h1><a href="http://www.lizlantz.com"><img src="../_img/logo.jpg" border="0" alt="Liz Lantz Photography"/></a></h1>
<div id="menu">
<ul>
<li><a href="_menu.htm">PORTFOLIO</a>
<li><a href="../_info.htm">INFO</a> </li>
<li><a href="../_contact.htm">CONTACT</a> </li>
<li><a href="../_links.htm">LINKS</a> </li>
<li><a href="http://blog.lizlantz.com" target="_blank">BLOG</a></li>
</ul>
</div>


<table align="center" bgcolor="#ffffff" cellpadding="4" width="540">
<tr>
<td align="center"><a href="siren01.htm"><img src="thumbs/siren01.jpg" border="0" width="100" height="100" /></a></td>
<td align="center"><a href="siren02.htm"><img src="thumbs/siren02.jpg" border="0" width="100" height="100" /></a></td>
<td align="center"><a href="siren03.htm"><img src="thumbs/siren03.jpg" border="0" width="100" height="100" /></a></td>
<td align="center"><a href="siren04.htm"><img src="thumbs/siren04.jpg" border="0" width="100" height="100" /></a></td>
<td>
<div align="center"><a href="siren05.htm"><img src="thumbs/siren05.jpg" border="0" /></a></div>
</td>
</tr>
<tr>
<td>
<div align="center"><a href="siren06.htm"><img src="thumbs/siren06.jpg" border="0" /></a></div>
</td>
<td>
<div align="center"><a href="siren07.htm"><img src="thumbs/siren07.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren08.htm"><img src="thumbs/siren08.jpg" border="0" /></a></div>
</td>
<td>
<div align="center"><a href="siren09.htm"><img src="thumbs/siren09.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren10.htm"><img src="thumbs/siren10.jpg" border="0" width="100" height="100" /></a></div>
</td>
</tr>
<tr>
<td>
<div align="center"><a href="siren11.htm"><img src="thumbs/siren11.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren12.htm"><img src="thumbs/siren12.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren13.htm"><img src="thumbs/siren13.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren14.htm"><img src="thumbs/siren14.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren15.htm"><img src="thumbs/siren15.jpg" border="0" width="100" height="100" /></a></div>
</td>
</tr>
<tr>
<td>
<div align="center"><a href="siren20.htm"><img src="thumbs/siren20.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren17.htm"><img src="thumbs/siren17.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren21.htm"><img src="thumbs/siren21.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren18.htm"><img src="thumbs/siren18.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren25.htm"><img src="thumbs/siren25.jpg" border="0" width="100" height="100" /></a></div>
</td>
</tr>
<tr>
<td>
<div align="center"><a href="siren16.htm"><img src="thumbs/siren16.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren27.htm"><img src="thumbs/siren27.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren22.htm"><img src="thumbs/siren22.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren26.htm"><img src="thumbs/siren26.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren19.htm"><img src="thumbs/siren19.jpg" border="0" width="100" height="100" /></a></div>
</td>
</tr>
<tr>
<td>
<div align="center"><a href="siren23.htm"><img src="thumbs/siren23.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren24.htm"><img src="thumbs/siren24.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"></div>
</td>
<td>
<div align="center"></div>
</td>
<td>
<div align="center"></div>
</td>
</tr>
<tr>
<td colspan="5"><p class="stmnt" align="justify">SIRENS<br />
2007-Present<br />
San Diego County, CA<br>
<br>Work in progress - statement coming soon. Email me with comments and inquiries.</p>
</td>
</tr>
</table>
 
<h2>Site design & content © 2010 Liz Lantz<br /> Background pattern © 2010 <a href="http://laracameron.com/" target="_blank" class="copy">Lara Cameron</a></h2>
</div>
</body>
</html>

You are mixing in a lot of XHTML in an HTML doctype:
http://validator.w3.org/
Fix some of those errors to get yourself started.

How can i create forward and back buttons for a dreamweaver slideshow?

Hi
I am an illustrator attempting to create a website in dreamweaver (basically it will be an online portfolio). I would like to have a box/slideshow with images of my work that someone can browse through by clicking 'next' and 'back' buttons. Does anyone know how to do this? I have been trying to find out how to do this for ages - i dont want to use flash if possible as i am worried about making the site too complicated. I know how to make swap image thumbnails, but i think my site would be more user friendly (and look more professional) if i could have next and back buttons. Would this involve complicated css code (which scares the life out of me!) or is there a relatively easy way to do it? I have got two 'dreamweaver for idiots' books, but neither of them cover this topic. Can anyone help?

If you are using CS4, there is a Command to create a Web Album... this does it automatically for you.
Otherwise, you can create this manually. Say you have 3 pages,
page1.html (is the index page of the album)
page2.html
page3.html
Therefore, using ordinary text links
Home would link to page1.html
Previous would link to page3.html
Next would link to page2.html
You would need to make adjustments naturally to each page as you move along with the gallery pages, changing the previous and the next links as needed. Below is a a basic example of setting up the links in a simple table structure. You would also then style the table layout as you see fit - yes, using css preferably :-)
<table>
<tr>
<td><h2>MY GALLERY OF PHOTOS</h2>
<a href="page3.html">Previous</a> | <a href="index.html">Home</a> | <a href="page2.html">Next</a>
</td>
</tr>
<tr>
<td>
<br>
<a href="../images/img_2401_jpg.jpg"><img src="../images/img_2401_jpg.jpg" border=0></a><br>
</td>
</tr>
</table>
Here's an article on creating an album using the DW Command I mentioned earlier. You could create the album and then copy and paste the code into a current page if you've already designed on.,... not too difficult, I just tested it. You do however, need to have Fireworks to process the images.
http://livedocs.adobe.com/en_US/Dreamweaver/9.0/help.html?content=WSc78c5058ca073340dcda91 10b1f693f21-7ad1.html
You could also check out the Lightbox effect which is very popular:
http://www.lokeshdhakar.com/projects/lightbox2/
Or do a google search for 'jquery'. There are different album effects using that framework as well.
Hope some of this helps :-)
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
Book: Ultimate CSS Reference
http://www.sitepoint.com/launch/005dfd4/3/133
http://twitter.com/nadiap

I want to create an offline clickable portfolio that will launch with one file click on a USB device

I want the fastest solution. I could create in Dreamweaver, Muse, Flash or Edge, or InDesign with clickable links.
What do you recommend as the best? Is there an export format that would work best as a single clickable file that is cross platform? Is .swf the best solution? I think it would take awhile to set up a portfolio that way.
All ideas welcome! I'm doing an press kit on a USB device that will be handed out to many.

Hi Wrayco,
The fastest solution that came to mind for me was using the web module in Lightroom and outputting gallery files locally for putting them on a USB drive. You might also want to post the same question on some of the product specific forums you cited.
Hope that helps,
-Dave

How can I reduce the width of an Adobe Bridge web gallery in Dreamweaver?

Hi there,
I've been created a website using Dreamweaver CS4, which is nearly finished except for the photo gallery.
I have created the web gallery through Adobe bridge and exported. I then created an iframe within the dreamweaver page and specified that it fills 100% of the space (or column, which is approx 510px wide). I then inserted the index file of the gallery into the iframe though 'modify' > 'Edit tag'.
I saved and tested the webpage in a browser - the functionality worked but the gallery seems to be cropped (See attached pic).
I then tried to specify that the iframe was 510px wide, but the gallery remained at the same width and the right side of some images and the scroll bar are missing.
Does anyone know how to reduce the width of an adobe bridge web gallery to 500px wide and insert succesfully into dreamweaver??
Many thanks
Helen

The original photo gallery is:
http://www.bethanyjanedavies.com/portfolio.html
You can see that the right side is chopped off
But I may have to compromise and use:
http://www.bethanyjanedavies.com/portfolio2.html
This is a much wider page than the rest of the website, but I suppose you have to find a compromise that works!!
Cheers
Helen

I can't make an editable template in dreamweaver CS5 help!

Here is my problem. I insert an editable region, and that works just fine. However, when trying to create a page from this template, I can't edit the CSS. Normally, I click the area of the CSS I want to edit, and go to modify>templates>make attribute editable. When I create a page, nothing is editable. I'm lost.
Here is the code I'm using so far: (I have not added a 'make attribute editable' in this code yet) Thanks!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>



<link rel="stylesheet" type="text/css" href="autumnwind12.css" />
<link rel="icon" href="http://www.autumnwindstudios.com/leaficon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.autumnwindstudios.com/leaficon.ico" type="image/x-icon" />
<link rel="stylesheet" href="http://www.autumnwindstudios.com/bluelight/humbnailviewer.css" type="text/css" />
<script src="http://www.autumnwindstudios.com/bluelight/thumbnailviewer.js" type="text/javascript">
* Image Thumbnail Viewer Script- ? Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
</script>
<script type="text/javascript" src="expando.js">
/* Expando Image Script ?2008 John Davenport Scheuer
   as first seen in http://www.dynamicdrive.com/forums/
   username: jscheuer1 - This Notice Must Remain for Legal Use
</script>
<meta name="keywords" content="T-shirts, graphics, digital art, graphic design, media" />
<meta name="description" content=" " />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css"></style>
<script type="text/javascript">
* Show Hint script- ? Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
var horizontal_offset="14px" //horizontal offset of hint box from anchor link
/////No further editting needed
var vertical_offset="0" //horizontal offset of hint box from anchor link. No need to change.
var ie=document.all
var ns6=document.getElementById&&!document.all
function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
return totaloffset;
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
function clearbrowseredge(obj, whichedge){
var edgeoffset=(whichedge=="rightedge")? parseInt(horizontal_offset)*-1 : parseInt(vertical_offset)*-1
if (whichedge=="rightedge"){
var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-30 : window.pageXOffset+window.innerWidth-40
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure+obj.offsetWidth+parseInt(horizontal_offset)
else{
var windowedge=ie && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetHeight
return edgeoffset
function showhint(menucontents, obj, e, tipwidth){
if ((ie||ns6) && document.getElementById("hintbox")){
dropmenuobj=document.getElementById("hintbox")
dropmenuobj.innerHTML=menucontents
dropmenuobj.style.left=dropmenuobj.style.top=-500
if (tipwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=tipwidth
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+obj.offsetWidth+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+"px"
dropmenuobj.style.visibility="visible"
obj.onmouseout=hidetip
function hidetip(e){
dropmenuobj.style.visibility="hidden"
dropmenuobj.style.left="-500px"
function createhintbox(){
var divblock=document.createElement("div")
divblock.setAttribute("id", "hintbox")
document.body.appendChild(divblock)
if (window.addEventListener)
window.addEventListener("load", createhintbox, false)
else if (window.attachEvent)
window.attachEvent("onload", createhintbox)
else if (document.getElementById)
window.onload=createhintbox
</script>
<style type="text/css">
</style>
</head>
<body>

<div class="menu">
<ul>
<li><a href="http://www.autumnwindstudios.com">Home</a></li>
    <li> <a href="#" id="current">Graphic Services</a>
      <ul>
    <li><a href="http://www.autumnwindstudios.com/design.html">Print Media</a></li>
    <li><a href="http://www.autumnwindstudios.com/illustration.html">Illustration</a></li>
        <li><a href="http://www.autumnwindstudios.com/portraiture.html">Portraits</a></li>
    <li><a href="http://www.autumnwindstudios.com/cartoons.html">Cartooning</a></li>
    <li><a href="http://www.autumnwindstudios.com/signs.html">Signs / Banners</a></li>
      </ul>
    </li>
    <li><a href="#">Photo Enhancement</a>
      <ul>
    <li><a href="http://www.autumnwindstudios.com/enhancement.html" style="text-decoration:none;">Artistic Photo Effects</a></li>
      </ul>
    </li>
<li><a href="#">Photo Colorizing</a>
      <ul>
    <li><a href="http://www.autumnwindstudios.com/colorization.html" style="text-decoration:none;">B/W to Color</a></li>
    <li><a href="http://www.autumnwindstudios.com/colorization.html" style="text-decoration:none;">Color Enhancement</a></li>
      </ul>
    </li>
<li><a href="#">Photo Restoration</a>
      <ul>
    <li><a href="http://www.autumnwindstudios.com/restoration.html" style="text-decoration:none;">Photo Restoration</a></li>
    <li><a href="http://www.autumnwindstudios.com/retouch.html" style="text-decoration:none;">Photo Retouching</a></li>
<li><a href="http://www.autumnwindstudios.com/wedding.html" style="text-decoration:none;">Wedding Retouching</a></li>
      </ul>
    </li>
<li><a href="#">Info</a>
      <ul>
    <li><a href="http://www.autumnwindstudios.com/info.pdf">Pricing & Terms</a></li>
    <li><a href="http://www.autumnwindstudios.com/resume.pdf">Resume</a></li>
    <li><a href="http://www.autumnwindstudios.com/Autumn_Wind_Studios.pdf">Download Portfolio Sample</a></li>
      </ul>
    </li>
    <li> <a href="#">Contact</a>
      <ul>
    <li><a href="http://www.autumnwindstudios.com/contact.html">Contact Form</a></li>
</ul>
    </li>
</ul>
</div>


<div id="container">
<div id="banner"><img src="http://www.autumnwindstudios.com/awsbanner1.jpg" width="980" alt="banner" /></div>
<div class="c01"> <img src="media.jpg" alt="social media buttons" width="269" height="41" hspace="10" vspace="0" border="0" align="right" usemap="#Map" />
          <map name="Map" id="Map">
            <area shape="rect" coords="222,1,270,41" href="https://twitter.com/#!/Autumn_Studios" alt="twitter" />
            <area shape="rect" coords="175,1,223,43" href="https://www.facebook.com/pages/Autumn-Wind-Studios/273834332699643" alt="facebook" />
            <area shape="rect" coords="128,0,174,41" href="https://accounts.google.com/ServiceLogin?service=blogger&passive=1209600&continue=http://w ww.blogger.com/home&followup=http://www.blogger.com/home&ltmpl=start#s01" alt="blogger" />
            <area shape="rect" coords="45,0,126,40" href="http://laoscura.deviantart.com" alt="deviant art" />
            <area shape="rect" coords="1,1,46,42" href="http://www.linkedin.com/profile/edit?trk=hb_tab_pro_top" alt="linked in" />
          </map></div>
<div class="c02"><a href="http://www.autumnwindstudios.com/main.html"><img border="0" src="jtheader.jpg" width="225" alt="autumn wind logo" /></a><br />
Visit our original site.</div>
<div id="main">
</div>

<div id="footer"><a href="#top"><img border="0" src="eraser_opt.jpg" width="200" alt="eraser" /></a><br /><br /></div>

</div>

</body>
</html>

>Here is my problem
Your problem HERE is that this is not the Dreamweaver forum... this forum talks about the forums themselves
How to Select a Forum http://forums.adobe.com/docs/DOC-1015

Best practice in dreamweaver based web design

Hi DW Gurus
I have been learning dreamweaver at work and at home for a while now and I am very interested in getting some details about best practices.
I am aware that my designs are still quite simple and don't expand dreamweaver anyway near its abilities, however as a novice I am sticking with DW CS4 and trying to developing foundation skills before trying to move on to greater adventures in web design. My dream is to eventually leave my employer and start my own freelance design business that I can manage while I am travelling in SE Asia (yeah I know - dream on .....). I am saving for my CS4 master suite license - my current one belongs to my employer.
In particular I have just started to do some free design a community organisation - I am trying to develop a portfolio of sites that I can show new clients (with money) what they could expect for their investments.
I am interested in getting some ideas about work flows - design standards - whether designers use the dreamweaver layouts - whether to code or to use the WYSIWYG.
Anyone care to share how they plan and go about their design work.
In my past life I was a SQL developer and a C#.net programmer - in those feilds there are standards for code and applications . Are there industry standards that would point to good or better designing?
Thanks for your time and interest in my topic,
Respect,
Doug

The first thing you need to learn is html and css, without knowing the programming language will only make DW a hard tool to use. You need to learn coding to WC3 standards.
FREE HTML & CSS Tutorials - http://w3schools.com/
http://reference.sitepoint.com/css
http://reference.sitepoint.com/html
Validation tools that you will need to bookmark.
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
Hopefully you use Firefox, and if you do, the web developer toolbar is essential:
http://chrispederick.com/work/web-developer/
Yes, you can rely somewhat on DW's layout mode (or what features are left of it), but this will only lead to problems when it comes time to troubleshoot any problem pages that do not render correctly across the various browsers.
A paying client will expect a well designed, fully functional website and you need to have the programming skills to accomplish this for them.
Not sure how far advanced you are but the Adobe site has quite a few CSS based tutorials - and I would strongly urge you to go through the series listed below - to get up to speed on the correct way to lay out a page.
Creating your first website (series)
http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WS42d4a1c0291fbe4e59147ede1232ff9686c-8 000.html
LIST OF CSS TUTORIALS ON ADOBE SITE:
http://www.adobe.com/devnet/dreamweaver/css.html
If you use Fireworks as a tool to create your layouts, then the following tutorial may be of benefit:
TAKING FIREWORKS COMP TO DREAMWEAVER:
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
Good luck in your future endeavours
Nadia
Adobe Community Expert : Dreamweaver
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
Web Design & Development
http://www.perrelink.com.au
http://twitter.com/nadiap

Dreamweaver Portfolio

Similar Messages

Maybe you are looking for