Using aspx with Dreamweaver CC

I am pretty new to Dreamweaver, although I used the Macromedia tool a few years ago to build a personal site. Not real up-to-date now in my knowledge. I have Dreamweaver CC.
I am trying to help a friend with a PayPal error. I thought that Dreamweaver might be a good tool to work with this until I discovered that his site was developed using aspx. I can't even see the files in Dreamweaver. Information for this is a bit confusing. Can I get a nudge in the right direction.

Hi sfz25,
In addition to what Murray said, you can use the ASP extension to work with ASP files. See Dreamweaver CC: New Document .asp ? for more information.
Thanks,
Preran

Similar Messages

Using PSP with Dreamweaver

Using Dreamweaver to create PSP pages can become effortless and allow developers to rapidly generate thin-client, web based applications. Anything that can be accomplished with an ASP, PHP, JSP or any type of dynamic web page that also incorporates Javascript, can easily be created with PSP.
I've proven to management at my company that given similar application requirements, writing and deploying PSP pages is a much faster development cycle. And, in ALL cases, execution time is much faster and with a smaller application footprint.
When using these scripts together with Dreamweaver you can create a Rapid Application Development environment all by using PL/SQL Server Pages.
The batch file LOAD_PSP.bat will create a PSP file from your HTM file, creates a timestamped backup copy, and loads the PSP file into the database - all fast and easy.
Copy these batch files to your development directory and create a backup directory called Backup. Simply modify these batch files by adding the service name of your database to DB_NAME and adding your development username and password to the PSP_CONNECT variables. You should also change the path of your Oracle Home for the ORACLE_HOME variable as well.
To use these batch files, simply open a DOS Window and change it to your development directory where the batch files reside. Execute the batch files with the syntax, "LOAD_PSP web_page [optional connect string]" and the batch file will execute (don't add the .htm extension).
To allow you to maintain some sense of versioning, use the CH_PSP.bat script. This script simply adds a CHKPNT extension to the file name in the Backup folder. The reason for this is that LOAD_PSP will still copy PSP backup files of those compilations that fail and these should be removed. When you application is working, you can create a "CHECKPOINT" of the PSP file that you know works. This allows you to only maintain backup copies that you know work. Simply use the syntax "CH_PSP web_page". To perform a CHECKPOINT on all files in a folder, use the syntax "CH_PSP /ALL".
To view help for each, simply run the batch file followed by a /? or /help.
In closing, challenge a Java developer to create a dynamic, web-based, database driven app from scratch and win the top 3 challenges: Development time, size of application and speed of the application. I'll bet the PSP app wins all 3 every time.
---------------- Start LOAD_PSP.bat ----------------
@echo off
REM Program     : LOAD_PSP.bat
REM Purpose     : Copies HTM file to PSP; Uploads PSP File to Database
REM Author     : Edward Girard
REM Email : [email protected]
REM Created     : August 15, 2003
REM Updated     : September 30, 2003
REM
REM Syntax     : LOAD_PSP <html file> <Connect String>
REM <html file>> - HTML file to convert. Don't include .htm extension
REM          <Connect String> - database connect string [OPTIONAL]
REM
REM Notes      : Be sure BACKUP_FOLDER exists in current directory.
REM Files must end in .htm; NOT .html
REM
REM History     : 19-AUG-03 EJG; Added Connect String Argument
REM 30-SEP-03 EJG; Create Backup Copy using date and time
REM
REM Set Environment Variables
set DB_NAME=service_name
set PSP_CONNECT=username/password@%DB_NAME%
set ORACLE_HOME=C:\oracle\ora817
set BACKUP_FOLDER=Backup
if (%2) ==() goto endCase
set PSP_CONNECT=%2%
:endCase
REM Set the DATE and TIME Variables
for /F "tokens=1-4 delims=/- " %%A in ('date/T') do set DATE=%%D%%B%%C
set TIME=
for /F "tokens=1-4 delims=:., " %%a in ("%TIME%") do set TIME=%%a%%b%%c
REM Generate Backup File Name
set BACKUP=%1_%DATE%_%TIME%.htm
REM Check if ORACLE_HOME has been set
if (%ORACLE_HOME%) == () goto nohome
REM Check for PSP Argument
REM if not (%1) == () goto no_psp_file
if "%1%" == "" goto no_psp_file
REM Load PSP Files
cls
set HTM_FILE=%1%.htm
set PSP_FILE=%1%.psp
echo. ********************************************************
echo.
echo. Creating %psp_file% from %htm_file%
echo.
echo. ********************************************************
echo.
echo. Creating Backup Copy ....
copy %HTM_FILE% %BACKUP_FOLDER%\%BACKUP% /Y
echo.
echo. Copying %HTM_FILE% to %PSP_FILE% .....
copy %HTM_FILE% %PSP_FILE% /Y
echo.
echo. Uploading %psp_file% to database .....
echo.
loadpsp -replace -user %PSP_CONNECT% %1%.psp
if not %errorlevel% == 0 goto error_exit
echo.
echo. ********************************************************
echo.
echo. %psp_file% uploaded to database Successfully
echo.
echo. ********************************************************
goto exit
REM ===========================================================
REM Error Processing
:no_psp_file
echo.
echo PSP File Argument Missing
echo.
echo Syntax: LOAD_PSP htm_file [Connect_String]
echo. htm_file - HTM file to convert.
echo. Don't include .htm extension
echo. Connect_String - Database connect string [OPTIONAL]
echo.
echo Default Connect String: %PSP_CONNECT%
echo.
goto exit
:nohome
echo.
echo ORACLE_HOME environment variable is not set
echo.
goto exit
:error_exit
echo.
echo Script Exited with an Error
echo.
goto exit
:exit
endlocal
set DB_NAME=
set PSP_CONNECT=
set HTM_FILE=
set PSP_FILE=
set BACKUP=
set BACKUP_FOLDER=
set TIME=
set DATE=
REM ======================================================================
----------------- Load LOAD_PSP.bat ----------------
----------------- Start CH_PSP.bat -----------------
@echo off
REM Program     : CP_PSP.bat
REM Purpose     : Adds CheckPoint Flag to PSP File in Backup
REM Author     : Edward Girard
REM Email : [email protected]
REM Created     : February 6, 2004
REM Updated     : February 6, 2004
REM
REM Syntax     : CP_PSP <htm file> </all>
REM <htm file>> - HTML file to convert. Don't include .htm extension
REM          </all> - Checkpoints all PSP Files [OPTIONAL]
REM
REM Notes      : Be sure BACKUP_FOLDER exists in current directory.
REM Files must end in .htm; NOT .html
REM
REM /ALL Option Copies only HTM files that have a associated PSP
REM
REM History     :
REM
REM Set Environment Variables
set BACKUP_FOLDER=Backup
REM Set the DATE and TIME Variables
for /F "tokens=1-4 delims=/- " %%A in ('date/T') do set DATE=%%D%%B%%C
set TIME=
for /F "tokens=1-4 delims=:., " %%a in ("%TIME%") do set TIME=%%a%%b%%c
REM Check for PSP Argument
if "%1%" == "" goto no_psp_file
if "%1%" == "/?" goto help
if "%1%" == "/help" goto help
if "%1%" == "/all" goto chpt_all_files
if "%1%" == "/ALL" goto chpt_all_files
REM Generate Checkpoint File Name
set CHECKPOINT=%1_%DATE%_%TIME%_CHKPNT.htm
REM Load PSP Files
cls
set HTM_FILE=%1%.htm
echo. ********************************************************
echo.
echo. Creating %CHECKPOINT% from %htm_file%
echo.
echo. ********************************************************
echo.
echo. Creating CheckPoint Copy ....
copy %HTM_FILE% %BACKUP_FOLDER%\%CHECKPOINT% /Y
echo.
echo.
if not %errorlevel% == 0 goto error_exit
echo.
echo. ********************************************************
echo.
echo. %htm_file% Check Point Token Added Successfully
echo.
echo. ********************************************************
goto exit
REM ======== Check Point All Files ============================
:chpt_all_files
echo. /ALL Selected
REM Copy Only PSP files related to HTM Files
for /F "delims=." %%z in ('dir /b *.psp') do copy %%z.htm %BACKUP_FOLDER%\%%z_%DATE%_%TIME%_CHKPNT.htm
goto exit
REM ===========================================================
REM Help and SyntaxProcessing
:help
echo.
echo.Command: Checkpoint PSP
echo.
echo.Purpose: Adds a Checkpoint token (CHKPNT) to backed up htm files
echo.
:no_psp_file
if "%1%" == "" echo PSP File Argument Missing
echo.
echo Syntax: CP_PSP htm_file [Connect_String]
echo. htm_file - PSP file to Checkpoint.
echo. Don't include .htm extension
echo. /all - Checkpoint All PSP Modifier [OPTIONAL]
echo.
echo.
goto exit
:error_exit
echo.
echo Script Exited with an Error
echo.
goto exit
:exit
endlocal
set DB_NAME=
set PSP_CONNECT=
set HTM_FILE=
set PSP_FILE=
set BACKUP=
set BACKUP_FOLDER=
set TIME=
set DATE=
REM ======================================================================
------------------ Load CH_PSP.bat -----------------

Yes, I can bring the CF administrator screen. It asked me for
a password, the one I entered during the install of CF.
No I have created a mdb database and in the administrator
screen I registered the data source.
I am using the built-in CF web server.
I was trying to create a directory for a testing web page (
just to get me started...) in my computer, tipically in the
"myDocuments" folder and then upload it to the CFweb server.
Now I am reading the CF documentation in the adobe site,
using the samples they provide.
I guess it will be a long way to learn but I will do it
Thanks
Rui

Using cartweaver with dreamweaver cs3

cartweaver seems like a decent out of the box ecommerce
solution, but how is it while using dreamweaver. Is it easy to
integrate the code into the existing pages? Is it a series of
include files that require a hand coders touch to modify
successfully to look seamless with existing site?

Hello,
I use Cartweaver but have not used eCart, though I have heard
many good
things about it.
There's a lot of good info on both websites.
Perhaps someone will describe their experience with eCart.
I can talk about CW.
First, let me say the support is excellent.
I would suggest you take a look through the CW newsgroup.
It's a great way
to see what kind of questions people are asking so you can
get a feel for
what it can and can't do. This will really help you, I think.
news://support.cartweaver.com/
Read the PHP newsgroup, specially posts by "Tom Muck"
I currently use the ASP version, but I think the PHP version
may be a better
choice.
The reason is that there appears to be more users and thus,
more scripts and
modifications available, posted in the newsgroups, to do some
very nice
things.
CW is very easy to set up. Run the extension and it loads all
needed pages
into your site in DW.
It adds a nice toolbar in DW where you can easily insert
functions on any
page.
The admin section is very thorough and intuitive.
The clients I have love it.
It's simple to add or edit products, photos, options, skus
and so on. You
can change the layout of the result pages just by selecting
how many columns
you want on the page, and there are a number of other
options.
It's easy to look at customer and order information as well.
To implement CW into your design, it's very easy to change
the CSS in the
included stylesheet.
To change functions or certain aspects of the layout, you do
need to get
into the code a bit.
For example, you can set the results pages to show x amount
of products per
page with a simple entry in the Admin section.
If there are more products than allowed to be shown on one
page, a "paging
links" menu allows navigation to next page. It is a simple
"Previous, 1, 2,
3, Next" text menu.
I wanted to make this look like buttons, so I had to go into
the script that
draws this on the page and change the code to insert
<li> instead of just
inserting text. I also had to change the script to use an
unordered list for
the menus instead of plain text links with line breaks
between them.
This wasn't very hard to do, but it depends on your
understanding of server
side language. Again though, any questions I've asked in the
newsgroup or
through a support ticket were answered very quickly and were
very specific.
"Change line 86 in something.asp to this", for example.
There are a couple of things CW doesn't do that I hope will
be in future
versions:
Ability to use PayPal's Website Payment's Pro.
Ability to link to UPS, FedEx, etc to get real time shipping
charges. I know
there can be issues with this, but some clients want it.
As far as what you can do with CW or eCart, definitely take a
look at their
customer examples:
http://www.cartweaver.com/customers/sitesusingcw.cfm
http://www.webassist.com/professional/products/productdetails.asp?PID=123
Then click "showcase".
Here is a site I just did with CW, if interested:
http://www.bestbabystuffonline.com/
Take care,
Tim
"jsteinmann" <[email protected]> wrote in
message
news:[email protected]...
> I'm trying to decide where my $300 is best spent between
cartweaver and
> ecart.
> I like very much how easy ecart appears to be to setup
gateway payment
> pages
> using both remote and local payment pages, but as a
developer, I need to
> make
> sure I can customize to the nth degree, create admins if
needed to manage
> products, promotions, images, etc., and not be boxed
into a system that
> requires the use of an extension in dreamweaver
everytime a change is
> needed.
> Cartweaver appears to do this, but to be frank, their
demo isn't that
> impressive. And without trying it, I have a feeling it's
a series of a
> dozen
> include files you need to track down to make changes,
and then hand code
> your
> way into something more robust... and if I'm going to go
to that trouble,
> osCommerce and Zen Cart are free. Does Cartweaver use
the dreamweaver
> recordsets and server behaviors throughout their
templated system of admin
> functions? Where is the money best spent if you are able
to develop an
> admin
> area yourself?
>
>

Using PHP with Dreamweaver and Contribute

I work for a small to medium government agency and we are re-vamping our website. Money and staff are very minimal here, so any hope of one or two full-time people managing the entire website, or of purchasing a content management system, are totally out of the question.
My question is: for a group of people that are capable of using either Adobe Contribute or Dreamweaver in Design View only, are there any disadvantages or problems with using PHP?
Here's more detail: In our situation, we really don't have the choice of editing straight HTML code, since many of our users would not be capable of doing so. If we could afford a full-time web person, that would be an option, but that's not possible at this point. Some of our users are going to be limited to using Adobe Contribute as well, which is a simpler option for some of the less-experienced users. Nonetheless we want our site to have a professional and consistent look, so a technology like PHP would allow us to repeat content across many websites. By the way, that's all we'd be using PHP for as far as I know; just to enable me to edit a single page and thus change the navigation content across the whole site.
Does anyone know of a reason why we couldn't build the site using very simple, limited PHP and allow people to edit it using Dreamweaver design view and Adobe Contribute?
Thanks for any thoughts or suggestions that you can provide!
P.S. We have also considered Dreamweaver templates, and so far that isn't working, due to the multi-login setup that we have.
P.S.S. Although I do decently in HTML and CSS and a teeny bit of JS, I know nearly nothing about PHP, other than this: <?php include("header.php"); ?>

You can use that extension if you like. You need to make sure that your page that has the SSI have an extension that will process the scripts as mentioned above.
.shtml, .php
I always name my SSI so I know that they are includes.
header.inc.html
header.inc.php
header.inc.txt as examples.
If you are using PHP, then it should process the includes.
A good simple test is to add a SSI to a page.
Do something simple like.
<p>Welcome to our website</p>
Name it welcome.inc.php
Then include it in a page, upload it to the webserver and visit the page.
I am using contribute for people to update areas of our website (hate it) and I manage the overall website myself.

Using ASP with Dreamweaver

I'm sorry, I'm a n00b at this... as soon as I get the link, I
will have access to my website files from the host. From there I
want to update the website. The tech at the host says I need to be
knowledgable with ASP, which I'm not.... I've read a little about
it and have come to understand that ASP basically allows you to add
content to certain parts of a site that will look different to
different viewers. There are only certain parts of our page that
have this feature. Is there a good place online that I can go to
read more information that will explain it in terms that I will
understand, or am I just going to have to wing it... :)
Thanks^^

<I'm worried> This is a scary way for you to start
out....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"beck4582" <[email protected]> wrote in
message
news:fe3ipn$62r$[email protected]..
> The tech is kind of clueless, I've learned in the last
hour... It turns
> out
> that someone else here in the office had the website
files on a disk. I've
> downloaded them to my computer and I'm trying to learn
the steps to edit
> it
> now... I don't know how to take what exists and edit it
exactly because I
> can't
> find the file where the layout with all of the links
shown is - the
> original
> project I guess you would call it, so it looks like I
might have to
> recreate
> the website using the files we have... The website is
> www.usadproducts.com.
>

Tutorials: Responsive Templates, and using Wordpress with Dreamweaver

Hi all,
Check out these following blog posts on the Dreamweaver blog.
https://blogs.adobe.com/dreamweaver/2015/02/new-dreamweaver-cc-starter-templates-make-resp onsive-design-a-snap.html
https://blogs.adobe.com/dreamweaver/2015/02/establishing-a-dreamweaver-cc-and-wordpress-wo rkflow.html
Thanks,
Preran

You can use that extension if you like. You need to make sure that your page that has the SSI have an extension that will process the scripts as mentioned above.
.shtml, .php
I always name my SSI so I know that they are includes.
header.inc.html
header.inc.php
header.inc.txt as examples.
If you are using PHP, then it should process the includes.
A good simple test is to add a SSI to a page.
Do something simple like.
<p>Welcome to our website</p>
Name it welcome.inc.php
Then include it in a page, upload it to the webserver and visit the page.
I am using contribute for people to update areas of our website (hate it) and I manage the overall website myself.

How to use Jquery with dreamweaver?

I downloaded the Jquery directory and tried linking it with <script src="jquery-1.11.0.js"></script> but my jquery wont work.
My Jquery looks like this.
$(document).ready(function(){
    $('.pull-me ').click(function(){
                    $('.panel').slideToggle('slow')
Please help!

Copy and paste the following into a new document, save it as test.html and view in your favourite browser.
<!doctype html>
<html>
<head>
<style>
.panel, .pull-me {
    padding:5px;
    text-align:center;
    background-color:#e5eecc;
    border:solid 1px #c3c3c3;
.panel {
    padding:50px;
    display:none;
</style>
</head>
<body>
<div class="pull-me">Click to slide the panel down or up</div>
<div class="panel">Hello world!</div>
<div class="pull-me">Click to slide the panel down or up</div>
<div class="panel">Hello world!</div>
<div class="pull-me">Click to slide the panel down or up</div>
<div class="panel">Hello world!</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function () {
    $(".pull-me").click(function () {
        $(this).next('.panel').slideToggle("slow");
</script>
</body>
</html>

Fireworks CS6 with Dreamweaver CS3

Is it possible to buy only Fireworks CS 6 and can it be used together with Dreamweaver CS 3?

That might depend on whether you go back and forth between the two programs or whether you export out of Fireworks and work on the HTML in Dreamweaver. If it's the latter it should work. Fireworks has been 'killed off' by Adobe so there won't be any versions after CS6, I would imagine you can still download it from their website though.

Help with aspx in dreamweaver - browser compliance... IE9

hi,
creating a site using .aspx and includes. have an issue with cross browser compatiblity with IE9. the left hand menu is overlapping the main content container. any help is appreciated:
CSS for layout:
/* Layout CSS Document */
/* This document contains the CSS rules that control the basic structure of the CS website. This includes CSS normalization, element display and positioning, widths and heights in the liquid layout, menu design and background images. If you do not know what you are doing, then changing these CSS rules below will likely break the layout of the website. See the general.css file for rules that can be more easily changed. */
/***** NORMALIZATION CSS *****/
/* This section overrides all default browser CSS styles, ensuring that the site looks the same across all browsers. */
/* Normalizes margin and padding spacing across all elements */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
margin: 0;
padding: 0;
/* Normalizes font-sizes for headers and paragraphs*/
h1, h2, h3, h4, h5, h6, p
font-size: 100%;
/* Removes list-styles from lists */
ol,ul
list-style: none;
/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
font-style: normal;
font-weight: normal;
/* Removes list-style from lists */
table
border-collapse: collapse;
border-spacing: 0;
/* Removes border from form groups (fieldsets) and image tags */
fieldset, img
border: 0;
/* Left-aligns text in caption and table headings */
caption, th
text-align: left;
/* Removes quotation marks from quotation tags */
q:before, q:after
content: '';
/***** /NORMALIZATION CSS *****/
/***** PAGE STYLES *****/
/* (NOTE: the text-align:center style atached to the HTML tag here is being used as part of a centering trick for older browsers. It is corrected for in the body tag below.) */
html
text-align: center; /* A centering trick for older browsers that causes them to center the web page in the middle of the screen */
/* styles on the body tag become the default CSS for all other HTML tags on the page */
body
position: relative; /* keeps all absolutely positioned elements within their parent element */
width: 100%; /* sets the width of the website to the full browser window (liquid layout) */
text-align: left; /* Prevents the text-align:center command (on the html tag above) from centering all text on the website */
min-width: 990px; /* do not allow the area to shrink less than this (720) */
/***** PAGE STYLES *****/
/*** HEADER STYLES ***/
/* the header centered in the page at a fixed width, with a background image behind it */
div#header /* the header (title area) at the top of the page */
position:relative; /* used to keep h1#title inside the header div */
width: 601px; /* sets the width of the header to match the size of the header image */
height: 72px; /* sets the height of the header to match the size of the header image */
margin: 20px auto; /* keeps the header centered on the page */
background-color: transparent; /* ensures that the background color will be visible behind the transparent parts of the PNG image */
background-image: url(../images/header_square.png); /* image for header (the rounded rectangle at top) */
background-repeat: no-repeat; /* prevents the background image from being tiled */
/* the site title is positioned over the round background Chicago Booth image */
h1#title /* the Computing Services title at the top of the site */
display: block; /* puts the title in an invisible box that it is easier to manipulate with CSS */
position: absolute; /* allows one to set the exact psoition of the name inside the header */
top: 17px; /* moves the title 18 pixels in from the top of the header */
right: 20px; /* moves the title 15 pixels in from the right side of the header */
z-index: 1; /* keeps the title visible above the header image */
/*** HEADER STYLES ***/
/***** LINKS MENU STYLES *****/
/* the links menu bar spreads across the top of the content area */
div#groupLinks /* the div that holds the links menu */
border: solid 3px #CCCCCC; /* sets the line, thickness and color (gray) for the borders of the links menu */
margin-left: 252px; /* makes room for the CS navigation menu */
height: 30px; /* sets the height of the link bar */
/* links in the menu bar are centered in the page */
div#groupLinks ul /* list that makes up the actual navigation menu, it is placed inside the groupLinks div (above) */
display: block; /* puts the list in an invisible box that it is easier to manipulate with CSS */
margin-left: 20px; /* distance from side menu and link bar text */
text-align:left; /* keeps the list centered on the page */
/* links in the menu bar are inline and vertically centered in the page */
div#groupLinks ul li /* styles the individual items in the navigation menu */
display: inline; /* displayes menu items horizontally across the menu bar, rather than vertically like a traditional list */
padding: 0px 10px 0px 10px; /* padding around the individual menu items */
line-height: 30px; /* NOTE: This must match the height of the link bar to keep the text vertically centered! */
height: 30px; /* sets the height of the links */
/* the group links menu title is removed (for screen readers only) */
div#groupLinks h3 /* this h3 text is in the HTML for handicap accessibility, the following css trick will hide it */
position: absolute; /* allows me to set the exact psoition of the h3 text inside the page */
top: -9999px; /* push the h3 text far outside the top of the screen */
/***** /LINKS MENU STYLES *****/
/***** AV MENU STYLES *****/
/* on some pages, the AV menu bar spreads across the top of the content area, below the main menu bar */
div#avLinks /* the div that holds the AV links menu */
border: solid 3px #CCCCCC; /* sets the line, thickness and color (gray) for the borders of the links menu */
border-top: none; /* removes (extra) top border */
margin-left: 252px; /* makes room for the CS navigation menu */
height: 30px; /* sets the height of the link bar */
/* links in the menu bar are centered in the page */
div#avLinks ul /* list that makes up the actual menu, it is placed inside the avLinks div (above) */
display: block; /* puts the list in an invisible box that it is easier to manipulate with CSS */
margin-left: 20px; /* distance from side menu and link bar text */
text-align:left; /* keeps the list centered on the page */
/* links in the menu bar are inline and vertically centered in the page */
div#avLinks ul li /* styles the individual items in the navigation menu */
display: inline; /* displayes menu items horizontally across the menu bar, rather than vertically like a traditional list */
padding: 0px 10px 0px 10px; /* padding around the individual menu items */
line-height: 30px; /* NOTE: This must match the height of the link bar to keep the text vertically centered! */
height: 30px; /* sets the height of the links */
/* the av links menu title is removed (for screen readers only) */
div#avLinks h3 /* this h3 text is in the HTML for handicap accessibility, the following css trick will hide it */
position: absolute; /* allows me to set the exact psoition of the h3 text inside the page */
top: -9999px; /* push the text far outside the top of the screen */
/* NOTE: This class is used to hide the AV menu on non-AV pages */
div.removeMenu /* class added to the menu on non-AV pages (to hide it) */
position: absolute; /* allows me to set the exact psoition of the h3 text inside the page */
top: -9999px; /* push the text far outside the top of the screen */
display: none; /* also hides the div content from screen readers */
/***** /AV MENU STYLES *****/
/***** NAV MENU STYLES *****/
/* the cs website navigation is to the left of the content, out of the document flow */
div#navCS /* the div that holds the main navigation menu */
position:absolute; /* allows one to set the exact psoition of the menu div on the page while letting the text flow around it */
width: 250px; /* sets the menu width */
top: 92px; /* moves the menu down from the page top */
border: solid 3px #CCCCCC; /* sets the line, thickness and color (gray) for the borders of the menu */
z-index: 10; /* keeps the side menu above other elements of the page (so that the sub-menus stick out properly) */
padding-top: 30px; /* positions the menu just below the black links bar */
/* add extra top padding when on an AV page (to accomodate the AV menu */
div.withAV /* added to the navCS div on AV pages only! */
padding-top: 63px !important; /* repositions the menu just below the second black links bar for AV */
/* the CS website navigation boxes are created for each menu list item */
div#navCS ul li /* styles the individual items in the navigation menu */
display: block; /* puts the menu items in an invisible box so that it is easier to manipulate with CSS */
position:relative; /* ensures that all submenus are positioned relative to their respective menu links */
width: 250px; /* sets the width of the navigation boxes (accomodates padding, below) */
height: 30px; /* sets the height of the navigation menu items */
line-height: 30px; /* NOTE: This must match the height of the menu items to keep the text vertically centered! */
border-top: solid 1px #CCCCCC; /* sets the line, thickness and color (gray) for the top border of the menu boxes */
margin: 0px; /* remove margins from box */
padding: 0px; /* remove margins from box */
/* adds the thick top border above the first menu element */
div#navCS > ul > li:first-child /* the FIRST menu item only! */
border-top: solid 3px #CCCCCC; /* sets the line, thickness and color (gray) for the top border of the menu */
/* the menu title is removed (for screen readers only) */
div#navCS h3 /* this h3 text is in the HTML page for accessibility reasons, the following css trick will hide it */
position: absolute; /* allows me to set the exact psoition of the h3 text inside the page */
top: -9999px; /* push the text far outside the top of the screen */
/* ensures that the submenus are clickable on iOS devices (iPhones, iPad, etc.) */
div#navCS ul li a { /* makes the anchors into invisible boxes */
display: block; /* puts link in a box */
height: 30px; /* specifies height of link (MUST MATCH CONTAINING LI ABOVE!!) */
padding: 0px 7px; /* pads the menu text */
margin: 0px; /* ensures that no extra margins upset the layout */
/***** /NAV MENU STYLES *****/
/***** SUBMENU STYLES *****/
/* navigation submenus are hidden by default, and show as a side menu when hovered over */
/* NOTE: The popup submenus are normally controlled by JavaScript. A backup "nojs" class exists to allow popup menus to be controlled by by CSS when JavaScript is deactivated. */
div#navCS ul li.nojs > div.submenu, /* (no javscript version) */
div#navCS ul li > div.hide /* affects only the submenu div in a menu list */
position: absolute; /* allows me to set the exact psoition of the h3 text inside the page */
top: -9999px; /* push the text far outside the top of the screen */
/* the classes below display the navigation submenu when the parent menu item is hovered over */
div#navCS ul li.nojs:hover > div.submenu, /* (no javscript version) */
div#navCS ul li > div.show /* affects the submenu div when its corresponding menu list item is hovered over */
display: block; /* puts the submenu in an invisible box that it is easier to manipulate with CSS */
position: absolute; /* allows me to set the exact psoition of the submenu in the page without affecting the rest of the main menu (works with "position:relative" on the "div#navCS ul li" item */
background-image: url(../images/arrow.png); /* adds the grey arrow on the side of the menu */
background-position: top left; /* sets the arrow to the top-left of the menu */
background-repeat: no-repeat; /* ensures that only one arrow is shown */
background-color: transparent; /* makes the div transparent so that the submenu is away from the main menu, yet still reachable from the menu */
top: 0px; /* positions the submenu flush with the top of the menu item */
left: 100%; /* positions the submenu just to the left of the main menu */
z-index: 1; /* ensures that the submenu is always visible above the content and links menu (z-index must be added separetely to all child elements) */
div#navCS ul li.nojs:hover > div.submenu ul, /* (no javscript version) */
div#navCS ul li > div.show ul /* affects the submenu list when its corresponding menu list item is hovered over */
display: block; /* puts the submenu in an invisible box that it is easier to manipulate with CSS */
margin-left: 12px; /* pushes the list to the left enough to make room for the background "arrow" image */
border: 3px solid #999999; /* places grey border around submenu */
overflow: hidden; /* prevents long text from stretching the submenu */
padding: 1px 5px 1px 5px; /* adds padding to submenu sides */
z-index: 1; /* ensures that the submenu is always visible above the content and links menu (z-index must be added separetely to all child elements) */
div#navCS ul li.nojs:hover > div.submenu ul li, /* (no javscript version) */
div#navCS ul li > div.show ul li /* affects the submenu list items when its corresponding menu list item is hovered over */
display: block; /* puts the submenu in an invisible box that it is easier to manipulate with CSS */
border-top: 1px dotted #000000; /* adds a border above the menu item */
height: 22px; /* specifies height of menu item */
line-height: 22px; /* vertically centers sub-menu text (MUST BE SAME AS HEIGHT!) */
z-index: 1; /* ensures that the submenu is always visible above the content and links menu (z-index must be added separetely to all child elements) */
/* removes the top border above the first submenu element */
div#navCS ul li.nojs:hover > div.submenu ul li:first-child, /* (no javscript version) */
div#navCS ul li > div.show ul li:first-child /* the FIRST menu item only! */
border-top: none; /* do not place a border in front of the first item */
/* ensures that the submenus are clickable on iOS devices (iPhones, iPad, etc.) */
div#navCS ul li.nojs:hover > div.submenu ul li a, /* (no javscript version) */
div#navCS ul li > div.show ul li a { /* makes the anchors into invisible boxes */
display: block; /* puts link in a box */
height: 22px; /* specifies height of link (MUST MATCH CONTAINING LI ABOVE!!) */
padding: 0px 7px; /* pads the menu text */
margin: 0px; /* ensures that no extra margins upset the layout */
/***** /SUBMENU STYLES *****/
/***** CONTENT STYLES *****/
/* the main content in the center of the page */
div#content /* sets the styles for the main content div */
position: relative; /* used to keep everything that is placed inside the content div, inside the content div */
border: solid 3px #CCCCCC; /* sets the line, thickness and color (gray) for the right border of the content area */
border-top: none; /* removes top border (since links bar already has one */
margin-left: 253px; /* places enough space on the left side of the page to fit the menu */
padding: 40px 0px 20px 0px; /* sets the (top and bottom only) white space around items placed in the content div */
min-height: 200px; /* sets an absolute minimum height for the content div */
/***** /CONTENT STYLES *****/
/***** FAQ AND AV STYLES *****/
/* On the FAQ pages, questions are laid out using a Definition List and displayed using toggleFAQ.js */
/* On the AV facilities pages, sections are laid out using a Definition List and displayed using toggleAV.js */
div#content dl.av dd,
div#content dl.faq dd /* sets the desfult style for the answers in the FAQ and sections in the AV list */
display: block; /* by default, question answers are visible to non-javascript browsers */
div#content dl.av dd.hidden,
div#content dl.faq dd.hidden /* hides the answers (when needed by the javascript) */
position:absolute; /* allows me to set the exact psoition of the text inside the page */
left:-9999px; /* push the text far outside the left of the screen */
/***** /FAQ AND AV STYLES *****/
/***** FOOTER STYLES *****/
/* the footer is in the center of the page */
div#footer /* sets the styles for the footer */
position: relative; /* used to keep things placed inside the footer div, inside the footer div */
margin-left: 252px; /* places enough space on the left side of the page to fit the menu */
height: 30px; /* sets the height of the footer box */
/* the university menu title is removed (for screen readers only) */
div#navUniversity h4 /* this h4 text is in the HTML page for accessibility reasons, the following css trick will hide it */
position: absolute; /* allows one to set the exact psoition of the h4 text inside the page */
left: -9999px; /* push the h4 text far outside the left of the screen */
/* the university menu is displayed inline to the left on the footer*/
div#navUniversity ul /* styles for the university menu in the footer */
position: absolute; /* allows me to set the exact psoition of the menu inside the page */
top: 4px; /* moves the menu 4 pixels in from the top of the footer */
left: 0px; /* moves the menu flush with the left side of the footer */
div#navUniversity ul li /* styles for the university menu in the footer */
display: inline; /* displayes menu items horizontally across the foooter, rather than vertically like a traditional list */
/* add | separators before each menu element */
div#navUniversity ul li:before /* affects the area BEFORE each menu item in the footer */
content: " | "; /* adds a vertical bar character ( | ) before each menu item */
/* do not add a | before the first menu element */
div#navUniversity ul li:first-child:before /* affects the area BEFORE the FIRST menu item in the footer */
content: " "; /* adds nothing before the first menu item (overrides the prior CSS, which adds a line before each item) */
/* the copyright info is to the right of the university navigation */
p#copyright /* styles the copyright paragraph */
position:absolute; /* allows one to set the exact psoition of the copyright inside the page */
top: 4px; /* moves the copyright 4 pixels in from the top of the footer */
right: 6px; /* moves the copyright to the right side of the footer */
/***** /FOOTER STYLES *****/
index:
<%@ Page Language="VB" ContentType="text/html" ResponseEncoding="utf-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<%-- The nav_active variable is used to light up the appropriate navigation button --%>
<%
dim nav_active As String
nav_active = "none"
%>
<head profile="http://computing.chicagobooth.edu/includes/metaDataDef.html">
<title>Booth Computing Services</title>


<style type="text/css">
/* <![CDATA[ */
/* PLACE SPECIAL STYLES FOR USE ON THIS PAGE BELOW */
/* ]]> */
</style>
<script type="text/javascript">
/* <![CDATA[ */
/* PLACE SPECIAL SCRIPTS FOR USE ON THIS PAGE BELOW */
/* ]]> */
</script>
</head>


<div id="content">

<h2>Computing Services</h2>
<p>Welcome to Booth Computing Services. Whether you are <a href="faculty.aspx">faculty</a>, <a href="students.aspx">student</a> or <a href="staff.aspx">staff</a>, our goal is to provide you with the highest level of information technology to help you achieve excellence. We provide networking services, application services, training and more, all of which you can learn about through our website.</p>
<p>We welcome your comments and suggestions for how we can improve the computing environment at Chicago Booth to better suit your needs. Please feel free to review our <a href="helpdesk/stats.aspx">Customer Satisfaction Survey</a> or <a href="contact.aspx">contact us</a> with any feedback you would like to share.</p>

</div>


menu CSS
/* Listmenu CSS Document */
/* This document contains the CSS rules for the alphabetical list menu which appears on the tools.asp page. This document styles the HTML generated by the IHWY jQuery Listmenu Plugin (v1.1, 5/24/2010).
For more information, visit: http://www.ihwy.com/Labs/jquery-listmenu-plugin.aspx
/* optional hack for IE 6 so that menu appears under letters, if you want to support IE 6... */
/********************* CSS HACK ********************
* html .lm-wrapper .lm-letters
zoom: 1;
********************* /CSS HACK ********************/
/*** LISTMENU STYLES ***/
body
min-width: 1236px !important;
div#content .lm-wrapper /* a wrapper around the generated menu */
margin: 20px 20px 80px 20px; /* places a 20px margin around the menu */
padding-top: 20px; /* adds space above the menu so that the counts can be seen */
position: relative; /* ensures that everything is displayed inside the menu */
min-width: 920px;
div#content .lm-wrapper .lm-letters /* the letters in the alpha menu */
overflow: hidden; /* prevents letters from overwriting the menu if they get too large */
div#content .lm-wrapper .lm-letters a,
div#content .lm-wrapper .lm-letters a:link /* the letters in the alpha menu */
font-family: Verdana,Arial,Geneva; /* sets the font style (and alternate fonts) for the letters */
font-size: 0.9em; /* sets the font size */
display: block; /* used to center letters in boxes */
float: left; /* used to center letters in boxes */
padding: 2px 11px; /* used to center letters in boxes */
border: 1px solid #C0C0C0; /* used to create box around letters */
border-right: none; /* removes the right border (see lm-last, below) */
text-decoration: none; /* used to remove lines below the letters */
div#content .lm-wrapper .lm-letters a:hover,
div#content .lm-wrapper .lm-letters a:active,
div#content .lm-wrapper .lm-letters a.lm-selected /* moused-over and selected letters in the menu */
background-color: #CCCCCC; /* sets the background color of the box (grey) */
div#content .lm-wrapper .lm-letters a.lm-disabled /* empty letters in the menu */
color: #CCCCCC; /* sets the color of the letters (grey) */
div#content .lm-wrapper .lm-letters a.lm-last /* the last letter in the list */
border-right: 1px solid #C0C0C0; /* puts the final border to close the menu */
div#content .lm-wrapper .lm-letter-count /* styles the count above each letter (if enabled) */
top: -10px; /* forces the text to appear above the letters */
font-size: 6pt; /* sets the font size */
font-family: Verdana,Arial,Geneva; /* sets the font style (and alternate fonts) for the counts */
text-align: center; /* centers the number above the letter */
margin: 2px 0px 2px 0px; /* sets required spaceing around the numbers */
color: #666666; /* sets the color of the numbers */
div#content .lm-wrapper .lm-menu /* styles the pop-up menu that appears below the letters */
border: 1px solid #C0C0C0; /* creates a border around the pop-up menu */
border-top: 1px solid #C0C0C0; /* creates a border around the pop-up menu */
padding: 5px; /* padding around the pop-up menu edge */
z-index: 15; /* ensures that the pop-up menu is visible above the rest of the menu */
position: absolute; /* used to correctly position the menu */
margin-top: -1px; /* lines the top border of the menu correctly */
background-color: #F1F1F1; /* colors the background of the menu (light grey) */
display: none; /* hides the menu (until needed) */
div#content .lm-wrapper .lm-menu ul li,
div#content .lm-wrapper .lm-menu ol li /* styles the individual list items in the pop-up menu */
list-style-type: disc; /* adds bullets to the menu items */
color:#660000; /* colors the menu items (maroon) */
font-family: Verdana,Arial,Geneva; /* sets the font style (and alternate fonts) for the menu text */
text-align: left; /* aligns the pop-up menu text to the left */
font-size: 0.9em; /* sets the text size for the menu items */
padding: 0px; /* removes all extra padding from items */
margin: 0px; /* removes all extra margins from items */
div#content .lm-wrapper .lm-menu .lm-no-match /* Styles the text shown when no items match a letter */
font-family: Verdana,Arial,Geneva; /* sets the font style (and alternate fonts) */
color: #666666; /* colors the text (dark grey) */
font-style: italic; /* makes the text italic */
font-size: 0.9em; /* sets the text size for the text */
div#content .lm-wrapper .lm-menu a,
div#content .lm-wrapper .lm-menu a:link /* styles the pop-up menu links */
text-decoration: none; /* removes lines under the links */
div#content .lm-wrapper .lm-menu a:hover,
div#content .lm-wrapper .lm-menu a:active /* styles the pop-up menu links when hovered over */
text-decoration: underline; /* underlines the link */
color: #CCCCCC; /* sets the color of the link (grey) */
div#content .lm-wrapper .lm-menu .lm-submenu /* styles the columns (submenus) in the pop-up menu */
/* overflow: hidden; */ /* prevents large text from breaking the menu */
/** popup submenus **/
div#content .lm-wrapper .lm-menu .lm-submenu ul li /* database listing in alpha menu */
position: relative; /* used to keep popup menu (below) next to database listing */
/* hide submenu by fefault */
div#content .lm-wrapper .lm-menu .lm-submenu ul li > div.popup
position: absolute; /* allows me to set the exact psoition of the menu */
top: -9999px; /* push the menu far outside the top of the screen */
/* show submenu to right when related database name is hovered over */
div#content .lm-wrapper .lm-menu .lm-submenu ul li:hover > div.popup
position: absolute;
top: 5px;
left: -51%;
height: 45px;
width: 50%;
display: block;
background-color:#999999;
border: solid 1px #000000;
z-index: 20;
font-size: 9px;
line-height: 20px;
padding: 0px 0px 0px 0px;
margin: 0px;
overflow: hidden; /* prevents large text from breaking the menu */
/* change specific columns */
div#content .lm-wrapper .lm-menu .lm-submenu .c3 ul li:hover > div.popup
/* USE INVISIBLE DIV IF YOU NEED TO SPACE MENU DIFFERENTLY!! */
/*** /LISTMENU STYLES ***/

If your container has a width in %, add one of these rules to your CSS code.
/**This re-scales images to any size browser width**/
img {width:100%}
/**this re-scales images up to the native file size only**/
img {max-width:100%}
Also remove height and width attributes from your <img> HTML code. Otherwise this won't work.
Nancy O.

Fedex can only be used with dreamweaver using metric, not pounds (lbs)

Fedex can only be used with dreamweaver using metric, not pounds (lbs), evidently?
This as per their tier 2 tech suport.
They say I should just convert to metric, no joke!
Any ideas would be greatly appreaciated?
Also a warning to anyone thinking of using business catalyst for their site, sorry, their business.
Their note to me:
Your request (# 82816) has been solved. To reopen this request, reply to this email or go to the Help & Support page.
              Silviu Ghimposanu (Adobe Business Catalyst Support)
              Apr 14 15:23
    Thanks for contacting us Michael
Our engineering team has detected some problems when doing weight conversions (from the quantities entered in the interface to what’s used when making the API calls to FedEx) -
He have added this to our internal bug tracker to be fixed for one of the future releases.
    I realise that this might not be what you wanted to hear,but at this moment we do't have a workaround in order to send the
dimensions in pounds and not in KG
    Sorry for this inconvenience!
Kind regards,

If you're in US it will be in pounds. If your site is set any other country
in the rest of the world it will be metric. So BC or as you call it
Dreamweaver will look at the site country, which you set when creating the
site

Using a MsAccess database with Dreamweaver CS4?

Hi Everyone,
I have a question concerning using a Microsoft Access Database with Dreamweaver.
First, I was wondering if this was possible. Second, if it is, could someone give me instructions or a link on how to do this. I am pretty new to Dreamweaver, code, etc..., so simpler instructions on how to acheive this would be great.
Here is some information...
1) I am running Windows XP SP2
2) I am using Microsoft Office 2003 (Acces included)
3) I am using Dreamweaver CS4
4) I have installed XAMMP (Apache,MySQL, FileZilla, and PHPmyAdmin, as far as I know)
If anyone needs more information, I'll be hapy to share it as soon as possible.
Any help is greatly appreciated,
Musicman1994

The choice of database really depends on which server-side technology you plan to use, and what you're actually planning to use it for.
Access was designed to create databases for small office systems. Although I personally found it very confusing, a lot of people like it and say it's easy to use. However, its major drawback is that it creates very large files; and as soon as the website gets a reasonable amount of traffic, Access has a tendency to freeze or lock up. You can create your database in Access and then export it to another database system, such as Microsoft SQL Server or MySQL. But it's better to start with the database that you ultimately plan using.
I certainly wouldn't recommend developing anything in ASP and then attempting to convert the website to PHP. Although all server-side programs share common features and structures, the code is completely different. So, take some time over choosing your technology first. If you have never developed in ASP, you should be aware that Microsoft stopped developing it about ten years ago. It's still popular and widely available, but ASP is likely to dwindle in usefulness as the years go by. Use PHP or ColdFusion, both of which are supported by Dreamweaver. The other main alternative is ASP.NET, but that's no longer supported by Dreamweaver.

Using a CMS with Dreamweaver

I'd like to build a news-oriented website that takes
advantage of Dreamweaver's design capabilities, but utilizes a
Content Management System.
The goal is to build a dynamic site that will be updated with
5-10 new items per day, and have those live in a searchable
database.
Can anyone recommend a CMS that works well with Dreamweaver?
Or offer any other suggestions as to how to achieve that goal with
CS4 as the backbone?

Hi Paula,
I have not personally used either of these on a production
system, but
there are some extensions available to integrate with
Dreamweaver:
Drupal:
http://xtnd.us/dreamweaver/drupalapi
WordPress
http://www.themedreamer.com/
Be sure to search around because I am sure there are more.
HTH,
Randy
> I'd like to build a news-oriented website that takes
advantage of Dreamweaver's
> design capabilities, but utilizes a Content Management
System.
>
> The goal is to build a dynamic site that will be updated
with 5-10 new items
> per day, and have those live in a searchable database.
>
> Can anyone recommend a CMS that works well with
Dreamweaver? Or offer any
> other suggestions as to how to achieve that goal with
CS4 as the backbone?

Git/gitHub supported or can used together (linked) with dreamweaver cs6

git/gitHub supported or can used together (linked) with dreamweaver cs6? what is version control?
server folder, web url fields,...when define a LOCAL HOST SERVER what must insert? I have XAMPP...htdocs/ win7...?

It is best to download scripts from Github and save them in your local site folder.
To set-up a local testing server in DW see screenshots below. Replace C:\wamp\www\ with xampp\htdocs
Make sure Xampp is running.
Nancy O.

Are all of the fonts that come with Dreamweaver CS6 licensed for web use?

Are all of the fonts that come with Dreamweaver CS6 licensed for web use?

I also have Creative Suite 5, which I believe comes with an Adobe set of fonts. Are these all licensed?
Licensed? Yes, but not necessarily for the web. Some licenses allow use in print or images but not the web.
Custom Web Fonts
For legal reasons, don't just assume you can use any font you wish on the web. Fonts are protected by intellectual property laws in much the same way that software is protected from unlawful copying, modifying or distributing. In other words, a font owner can say "Sure, you can use my font but you can't alter it, you can't reproduce it and you can't distribute it." On the web, that's a deal breaker because you need to be able to do all three.
These font-families are common to most Windows/Mac systems.
CSS Font Stack: Web Safe and Web Font Family with HTML and CSS code.
Adobe Edge and TypeKit Web Fonts are licensed for use on the web.
Free fonts, web fonts | Download free Adobe Edge Web Fonts trial
Typekit
Nancy O.

Using a nav bar with Dreamweaver in Catalyst

I am trying to create just a navigation bar in Catalyst like you might in flash with animated rollovers. Then export the swift to use in a dreamweaver set of pages.
The problem I am having is trying to get the page destination set up correctly. All I can find in Catalyst is Go To URL, which would be ok but it will not let me remove the Http//
So if I fire this up in Dreamweaver, embed it, and test. It looks like a virus because its trying to go outside the parent directory of the site.
Is there a way to make relative paths, I guess is my question?

In the current version, no. If you have Flash Builder installed ( or just load up the trial), you could go into code and change the urls in there manually. One word of caution is the Flash Catalyst files tend to larger files than one can create in Flash Professional alone. If you are just using Flash Catalyst to create a nav bar, you might be better to develop it in Flash Professional. But, if you need to prototype it fast and get your client to sign off on the design, then Catalyst is a prefect solution.

Using aspx with Dreamweaver CC

Similar Messages

Maybe you are looking for