Converting website to mobile device friendly site

I was wondering if Dreamweaver had a convert button or
something that could easily convert a website to a mobile device
friendly website. If not, could someone give me the best way to
convert a website to a mobile website? Thank you for your time.
Sincerely,
Bob

> Thanks. I thought there wasn't, but was sure hoping as
many would be too.
> Could you go into a little further detail of the two
options. I am new to
> web
> dev and just have a basic understanding or
familiarization of web dev.
> Thanks
> again for all your help.
Option #1 could involve various techniques:
- design a fluid-width page
- use CSS for all the positioning
- create a separate 'handheld' CSS file
- use javscript as an enhancement rather than a requirement
Option #2 requires a central DB for the content, and then as
many templates
as you want to display said content. You really need a CMS
for this (content
management system). THere are dozens upon dozens of options
out there for
CMSes.
-Darrel

Similar Messages

Design a website that is device friendly

Hi guys! I am working on my website to make it device friendly,
I created my website pixel based and really need to use media queries to do this. Thing is, I find it really complicated.
In PS, I created my initial layout. That is how I slice my images and size for divs and such so my mockup is accurate
to my DW layout.
In PS6, I saw that I can also set a doc to mobile&devices, not just the web. Is there anyway I can create a mobile friendly
mockup in PS, slice the images and such (just like in my web PS doc) and create a mobile version of it in DW, then
media query my original website so when a user looks at my website on another device, it will display my mobile
friendly page?
I hope this makes sense. Thanks a lot.

Hi Nancy! Hope you are well and thanks for getting back to me. It was my mistake to make a pixel website but at this point, it is too late for me to transfer it to a % base.
I am actually learning how to create mobile queries, my problem is that when I set the queries, for example, in DW, I set my phone to 480x800 and I begin to make adjustments to make it fit that size, I can't see anything happening in my WYSISYG side. unless I set it to the lowest which is 320x480. Am I doing something wrong?
Thanks a ton.

Does CS5 have tools for creating websites for mobile devices?

Does DW CS5 have any built in tools for creating web pages for mobile devices, iPads, iPhones, etc?
Thanks.

This will go back to your other post about the CSS tables, it depends on how much you know. CSS3 is a style language and while support is growing in Dreamweaver and within browsers it is taking some time so the more you understand the code the better off you will be. With regards to HTML5 animations, you will find that no tool out there can do this easily outside of some Apple developer tools and if you are serious about programming to work with the iPhone/iPad you will want to sign up (registration is free) and download their developer tools. Adobe has mentioned making some strides and trying to use their existing tools (ie: Flash) to help transition to HTML5 animations from Flash and Illustrator has also gained some HTML5 vector tools to help out.
To find out more about what Adobe is doing for HTML5 there was a post made on John Nack's blog not too long ago that you might want to read over (and follow the links).
http://blogs.adobe.com/jnack/2010/11/so-what-has-adobe-actually-done-for-html5-lately.html
Dreamweaver is not going to hand you everything though. To get the most out of it you have to put something into it. It is easily the most advanced tool in the PHP and ColdFusion realms (ASP/.NET goes to Visual Studio). But in order to do more and customize things to your needs, understanding the code is a must in the world of web design.

I cant get ECWID to work on my mobile devices, it only seems to use the desktop site rather that the Tablet or iPhone

I cant get ECWID to work on my mobile devices, it only seems to use the desktop site rather that the Tablet or iPhone? Can anyone help me?

Hi Jim,
We’ll be glad to help you.
Ecwid supports responsive layout, which means that the store pages can adapt to the visitor's screen width on the fly and keep the layout clean and nice. Your products and categories lists will be fit for any window's size, as Ecwid will calculate the most suitable number of products or categories in row automatically. In other words, Ecwid looks great on any mobile devices. You can check how your Ecwid store may look on smartphones and tablets, if you see your Starter Site (what it is).
However, if you want Ecwid reveals itself in all its glory, you should embed your Ecwid store into website, which also support responsive layout, because if the site doesn’t adapt to size screen, Ecwid is not able to determine how it should be changed since it’s just a part of the site.
We’ve checked your site and found that you used Adobe Muse for building your site. Using Adobe Muse, you can create alternate site layouts for web content to be displayed on desktop, smartphones, and tablets. Nonetheless, your site has a layout for desktops only, that’s why it looks the same on all devices. You can learn how to create those alternate layouts in Adobe Muse, by reading “Creating a Website for Mobile Devices” article.
I hope this helps! But if there are any questions, don’t hesitate to reach us out on Ecwid forums.

Website looks different on mobile devices

I know that I can create phone and tablet versions of my Muse website, but I actually don't want a different layout. When I visit my published desktop site on mobile devices, the site's layout looks justified to the left. I have checked to make sure that the page is centered horizontally in the page properties. It looks fine on desktop browsers, but I have a narrow blank strip on the right side of my pages when viewed on mobile devices.
Any ideas how to fix this? Thanks!

Hello,
I would request you to shae the site URL so that we can take a look at it.
Mostly this happens when you place any object outside the browser fill area. Please make sure everything is in side the browser area.
Please refer to the liks below for more explaination.
https://forums.adobe.com/thread/1466574
Re: White border in Phone and Tablet
Regards
Vivek

Not Connecting To Windows Mobile Device Center

I want to be able to connect with a Windows Mobile Device through Windows Mobile Device Center, within a Virtual Machine. When connecting through the Hyper-V Manager and through Remote Desktop, under "Other supported RemoteFX USB devices",
I can see the Symbol USB Sync Cradle. In the VM, in Device Manager, I don't see a USB connection. In the VM, I don't see any meaningful errors in the Event Viewer.
Host: Windows 8.1 Enterprise Hyper-V on a Domain. Upgraded from Windows 8.1 Pro. When this computer was originally installed with Windows 8 Pro, Hyper-V was enabled. I removed Hyper-V, and installed VMWare Player, because I wanted
USB Pass-through. I then uninstalled VMWare and installed VirtualBox. Recently, I uninstalled VirtualBox, upgraded to Windows 8.1 Enterprise, and enabled Hyper-V.
Virtual Machine OS: Windows Server 2012 R2 on a Workgroup. Started out with being a VMWare VM, using VMWare Player. Moved to VirtualBox. USB Pass-through was working in both those virtual environments. Used Disk2VHD to convert the
VM to a VHDX file.
On the Host:
Windows Mobile Device Center is connected to a Motorola Windows Mobile Device (MC959X) sitting in a Symbol USB Cradle. The OS on the scanner is Windows Embedded Handheld 6.5 Classic CE OS 5.2.29217 (Build 29217.5.3.12.26). Advanced Networking
(USB to PC) is not enabled.
Enabled RemoteFX.
In the RDP file, and in the Registry, added the GUID's for:
WPD "{eec5ad98-8080-425f-922a-dabf3de3f69a}";
Windows Mobile "{6AC27878-A6FA-4155-BA85-F98F491D4F33}";
USB Device "{88BAE032-5A81-49f0-BC3D-A4FF138216D6}";
Windows CE USB Device "{25dbce51-6c8f-4a72-8a6d-b54c2b4fc835}";
GUID_DEVINTERFACE_USB_DEVICE "{A5DCBF10-6530-11D2-901F-00C04FB951ED}"
Ran "sfc /scannow"
All Microsoft Updates are current.
What am I missing?

Thank you for your efforts. I have followed those instructions, but I am still not all the way there yet.
Now, on the Guest, in the Device Manager, under Mobile Devices, I see the Symbol USB Sync. But Windows Mobile Device Center still does not connect.
In the Application Event Log, these Events are being generated:
Log Name:      Application
Source:        WcesComm
Date:          12/8/2014 12:45:54 PM
Event ID:      7
Task Category: None
Level:         Error
Keywords:      Classic
User:          N/A
Computer:      DansWinServ12R2
Description:
Windows Mobile-based device failed to connect due to Start USB Connection (0x80004005) failure (see data for failure code).
Event Xml:
< Event xmlns="http://schemas.microsoft.com/win/2004/08/events/event">
<System>
    <Provider Name="WcesComm" />
    <EventID Qualifiers="49152">7</EventID>
    <Level>2</Level>
    <Task>0</Task>
    <Keywords>0x80000000000000</Keywords>
    <TimeCreated SystemTime="2014-12-08T20:45:54.000000000Z" />
    <EventRecordID>7468</EventRecordID>
    <Channel>Application</Channel>
    <Computer>DansWinServ12R2</Computer>
    <Security />
</System>
<EventData>
    <Data>Start USB Connection (0x80004005)</Data>
</EventData>
< /Event>
Log Name:      Application
Source:        Microsoft-Windows-ApplicationExperienceInfrastructure
Date:          12/8/2014 12:45:54 PM
Event ID:      1
Task Category: None
Level:         Warning
Keywords:
User:          DANSWINSERV12R2\dreisman
Computer:      DansWinServ12R2
Description:
The application (Windows Mobile Device Center 6.1, from vendor Microsoft) has the following problem: To function properly, Windows Mobile Device Center 6.1 must be reinstalled after you upgrade Windows.
Event Xml:
< Event xmlns="http://schemas.microsoft.com/win/2004/08/events/event">
<System>
    <Provider Name="Microsoft-Windows-ApplicationExperienceInfrastructure" Guid="{5EC13D8E-4B3F-422E-A7E7-3121A1D90C7A}" />
    <EventID>1</EventID>
    <Version>0</Version>
    <Level>3</Level>
    <Task>0</Task>
    <Opcode>2</Opcode>
    <Keywords>0x8000000000000000</Keywords>
    <TimeCreated SystemTime="2014-12-08T20:45:54.044605800Z" />
    <EventRecordID>7469</EventRecordID>
    <Correlation />
    <Execution ProcessID="4832" ThreadID="4960" />
    <Channel>Application</Channel>
    <Computer>DansWinServ12R2</Computer>
    <Security UserID="S-1-5-21-3621870490-2575533387-1312730109-1001" />
</System>
<EventData>
    <Data Name="DBType">15</Data>
    <Data Name="AppNameCount">33</Data>
    <Data Name="AppName">Windows Mobile Device Center 6.1</Data>
    <Data Name="VendorNameCount">10</Data>
    <Data Name="VendorName">Microsoft</Data>
    <Data Name="SummaryCount">102</Data>
    <Data Name="Summary">To function properly, Windows Mobile Device Center 6.1 must be reinstalled after you upgrade Windows.</Data>
    <Data Name="SessionID">1</Data>
</EventData>
< /Event>
I have reinstalled Windows Mobile Device Center several times.
Any thoughts?

Windows Mobile Device Center Accessing Device Through Hyper-V

I want to be able to connect with a Windows Mobile Device through Windows Mobile Device Center, within a Virtual Machine. When connecting through the Hyper-V Manager and through Remote Desktop, under "Other supported RemoteFX USB devices",
I can see the Symbol USB Sync Cradle. In the VM, in Device Manager, I don't see a USB connection. In the VM, I don't see any meaningful errors in the Event Viewer.
Host: Windows 8.1 Enterprise Hyper-V on a Domain. Upgraded from Windows 8.1 Pro. When this computer was originally installed with Windows 8 Pro, Hyper-V was enabled. I removed Hyper-V, and installed VMWare Player, because I wanted
USB Pass-through. I then uninstalled VMWare and installed VirtualBox. Recently, I uninstalled VirtualBox, upgraded to Windows 8.1 Enterprise, and enabled Hyper-V.
Virtual Machine OS: Windows Server 2012 R2 on a Workgroup. Started out with being a VMWare VM, using VMWare Player. Moved to VirtualBox. USB Pass-through was working in both those virtual environments. Used Disk2VHD to convert the
VM to a VHDX file.
On the Host:
Windows Mobile Device Center is connected to a Motorola Windows Mobile Device (MC959X) sitting in a Symbol USB Cradle. The OS on the scanner is Windows Embedded Handheld 6.5 Classic CE OS 5.2.29217 (Build 29217.5.3.12.26). Advanced Networking
(USB to PC) is not enabled.
Enabled RemoteFX.
In the RDP file, and in the Registry, added the GUID's for:
WPD "{eec5ad98-8080-425f-922a-dabf3de3f69a}";
Windows Mobile "{6AC27878-A6FA-4155-BA85-F98F491D4F33}";
USB Device "{88BAE032-5A81-49f0-BC3D-A4FF138216D6}";
Windows CE USB Device "{25dbce51-6c8f-4a72-8a6d-b54c2b4fc835}";
GUID_DEVINTERFACE_USB_DEVICE "{A5DCBF10-6530-11D2-901F-00C04FB951ED}"
Ran "sfc /scannow"
All Microsoft Updates are current.
What am I missing?

I think this is what you need. you can find the Microsoft product support lifecycle in here:
https://support.microsoft.com/lifecycle/search?sort=PN&alpha=windows+mobile+device&Filter=FilterNO
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Authentication Prompt on Mobile Devices

On my public facing SharePoint 2013 site, I have anonymous authentication enabled, however mobile devices are prompted to authenticate credentials when they visit the site.
All non-mobile devices the site without receiving the authentication prompt, regardless of the browser it uses. Mobile Browser view is deactivated.
I did trace the connection through Fiddler and it looks as though I am getting 3 401 errors when the mobile browser tries to load the page. These errors are triggered when the browser tries to access a css and 2 js files. When I traced the connection
from a pc, I received 404 not found errors when the browser tries to access these files. I'm trying to find where those files are located at, to check to see if they are there or if permissions to that folder/files is the issue, but am still trying to get
an understanding of where the files are stored (I'm still a SharePoint newbie). Based on the info from Fiddler, they are stored at /ui/1.10.4/jquery-ui.js HTTP/1.1, however I don't see that folder in the site contents and structure when I search the site settings
of the SharePoint page.
Lastly, mobile devices had been able to access the page fine for several months, however several server updates and patches were applied to our SharePoint environment recently, which coincided with this issue starting.
Thank you for any insight you might be able to give!

Hi,
According to your description, it continues to prompt for authentication When Windows users tries to connect from mobile devices.
For your issue:
Close all instances of your browser, restart your browser.
If you use apple products with ios8. The problem is Safari.
It works fine under ios8 when using Chrome.
You can change windows authentication to basic authentication.
For more information about Troubleshooting HTTP 401 errors in IIS, refer to the article:
http://msdynamicswiki.com/2014/04/24/troubleshooting-http-401-errors-in-iis/
Besides, here is a similar post, you can have a look at:
https://social.technet.microsoft.com/Forums/en-US/34895295-452b-4a89-b59f-6791e485edb2/user-authentication-in-mobile-access?forum=Forefrontedgegeneral
Best Regards,
Lisa Chen
Lisa Chen
TechNet Community Support

Some websites loading on my laptop as mobile device sites...tried reinstalling FF but it didn't help...what's going on?

-Firefox version 33.0.2
-Windows 7 Home premium operating system
-Some (not all) websites recently started to load on my laptop as mobile device URLs. It doesn't matter if I follow a bookmark or I type in the URL. But ONLY on this one laptop (HP Pavillion I bought new in 2013) I tried the same sites on my ASUS netbook and they loaded normal). One example is the Washington Post news website. It doesn't make a difference if I allow or block cookies.
-Unistalled & reinstalled Firefox (made sure the profile folder was deleted and replaced). It didn't help.
-Antivirus didn't pick anything up.
-Is this a browser problem or something else? I'd appreciate any advice. Thanks!

After trying that for a while, if you decide you really need 150% at the Windows level, then you can adjust a Firefox setting to use 125% in Firefox. However, the explanation is a bit long, so I'll save it in case you need it.

How to Make Dreamweaver CS4/Flash CS4 Website Function on all Latest Mobile Devices

Hello!
I am trying to add code into my Dreamweaver CS4 file and/or Flash CS4 file in order to have the website I have created work across all of the latest mobile devices as well as traditional online systems. My flash file has a transparent stage, and my dreamweaver file has a full-screen background image. I have reviewed various tutorials and articles available online, and some advocate simply adding code, which does not seem to be working for me, while others suggest having a similar separate site created solely for mobile devices. If this is the best option, I don't know how that should be set up. What is the best path to take with this?
This is the collection of various pieces of code I have tried adding to my files:
<meta name="viewport" content="width=device-width" user-scalable="yes" initial-scale="1.0" /> 
   <meta name="HandheldFriendly" content="true" /> 
</style>
   <param name="allowScriptAccess" value="sameDomain" />
      <param name="allowFullScreen" value="true" />
<param name="allowScriptAccess" value="sameDomain" />
        <param name="allowFullScreen" value="true" />
        <param name="var params = {          id: "flashID", name: "flashcontent", menu: "false", allowFullScreen: "true", fullScreenOnSelection: "true", scale:"noscale", salign:"middle"};"
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
//or//
this.stage.scaleMode = StageScaleMode.NO_SCALE;
this.stage.align = StageAlign.TOP_LEFT;
next_btn.width = 133 * .5;
next_btn.height = 133 * .5;
//flash//
next_btn.width = Capabilities.screenDPI * .5;
next_btn.height = Capabilities.screenDPI * .5;
//flash//
this.stage.addEventListener(Event.RESIZE, doLayout);
//flash://
<initialWindow>
   <width>320</width>
   <height>480</height>
   
</initialWindow>
* Convert inches to pixels.
private function inchesToPixels(inches:Number):uint
   return Math.round(Capabilities.screenDPI * inches);
var button:Sprite = new Sprite();
button.x = 20;
button.y = 20;
button.graphics.beginFill(0x 003037);
button.graphics.drawRect(0, 0, this.inchesToPixels(.75),
   this.inchesToPixels(.25));
button.graphics.endFill();
   this.addChild(button);
//hard-code title://
var titleBar:Sprite = new Sprite();
titleBar.x = 0;
titleBar.y = 0;
//stage width determines width of title://
var titleBar:Sprite = new Sprite();
titleBar.x = 0;
titleBar.y = 0;
titleBar.graphics.beginFill(0x003037);
titleBar.graphics.drawRect(0, 0, this.stage.stageWidth,
   this.inchesToPixels(.3));
titleBar.graphics.endFill();
this.addChild(titleBar);
//footer://
var footer:Sprite = new Sprite();
footer.graphics.beginFill(0x003037);
footer.graphics.drawRect(0, 0, this.stage.stageWidth,
   this.inchesToPixels(.3));
footer.graphics.endFill();
footer.x = 0;
footer.y = this.stage.stageHeight - footer.height;
this.addChild(footer);
* Center one DisplayObject relative to another.
private function center(foreground:DisplayObject,
   background:DisplayObject):void
      foreground.x = (background.width / 2) -
         (foreground.width / 2);
      foreground.y = (background.height / 2) +
         (foreground.height / 2);
//cont.//
var title:SimpleLabel = new SimpleLabel("My Application",
   "bold", 0xffffff, "_sans", this.inchesToPixels(.15));
this.center(title, titleBar);
this.addChild(title);
//override width and height getters
public override function get width():Number
   return this.textLine.textWidth;
public override function get height():Number
   return (this.textLine.ascent - 1);
if (Capabilities.manufacturer == "Android Linux" && Capabilities.screenResolutionY == 1024)
next_btn.width = 85;
next_btn.height = 85;
This is the code for my Dreamweaver CS4 file (without the additional erogenous code attempts):
<!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">
<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN"
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>My Website Title and Slogan.</title>
<style type="text/css">

<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<img src ="image.gif" width=90% height=auto>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<meta name="Keywords" content="keywords…" />
<div align="center"></div>
<div align="center">
<p> </p>
<p>
    <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="900" height="630">
      <param name="movie" value="FlashFile.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="swfversion" value="6.0.65.0" />
      
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      
      
      <object type="application/x-shockwave-flash" data="FlashFile.swf" width="900" height="630">
        
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <param name="swfversion" value="6.0.65.0" />
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        
        <div>
          <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
          <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
        </div>
        
      </object>
      
    </object>
</p>
</div>
<div align="center"> </div>
<script type="text/javascript">

</script>
</body>
</html>
I have tried various combinations of the code listed above, but nothing seems to be working. I am not sure as to the positioning of the code, and maybe that is the problem, or maybe it is because this code in not for CS4, or not appropriate for my project. I also do not know what code should be inside the Flash file, nor what should should be inside the Dreamweaver file.
Thank you in advance for any assistance!

Hi
To add to what Gramps has said, Adobe has ceased developing its flash player for ALL mobile devices so do not use Flash for any mobile device.
Depending on the complexity of your Flash program you may be able to recreate it using Edge, but the code generated by Edge does not work in IE8 or below.
For details on Edge, see - http://labs.adobe.com/technologies/edge/
PZ

How to Make Flash CS4/Dreamweaver CS4 Website Function on all Latest Mobile Devices

Hello!
I am trying to add code into my Dreamweaver CS4 file and/or Flash CS4 file in order to have the website I have created work across all of the latest mobile devices as well as traditional online systems. My flash file has a transparent stage, and my dreamweaver file has a full-screen background image. I have reviewed various tutorials and articles available online, and some advocate simply adding code, which does not seem to be working for me, while others suggest having a similar separate site created solely for mobile devices. If this is the best option, I don't know how that should be set up. What is the best path to take with this?
This is the collection of various pieces of code I have tried adding to my files:
<meta name="viewport" content="width=device-width" user-scalable="yes" initial-scale="1.0" /> 
   <meta name="HandheldFriendly" content="true" /> 
</style>
   <param name="allowScriptAccess" value="sameDomain" />
      <param name="allowFullScreen" value="true" />
<param name="allowScriptAccess" value="sameDomain" />
        <param name="allowFullScreen" value="true" />
        <param name="var params = {          id: "flashID", name: "flashcontent", menu: "false", allowFullScreen: "true", fullScreenOnSelection: "true", scale:"noscale", salign:"middle"};"
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
//or//
this.stage.scaleMode = StageScaleMode.NO_SCALE;
this.stage.align = StageAlign.TOP_LEFT;
next_btn.width = 133 * .5;
next_btn.height = 133 * .5;
//flash//
next_btn.width = Capabilities.screenDPI * .5;
next_btn.height = Capabilities.screenDPI * .5;
//flash//
this.stage.addEventListener(Event.RESIZE, doLayout);
//flash://
<initialWindow>
   <width>320</width>
   <height>480</height>
   
</initialWindow>
* Convert inches to pixels.
private function inchesToPixels(inches:Number):uint
   return Math.round(Capabilities.screenDPI * inches);
var button:Sprite = new Sprite();
button.x = 20;
button.y = 20;
button.graphics.beginFill(0x 003037);
button.graphics.drawRect(0, 0, this.inchesToPixels(.75),
   this.inchesToPixels(.25));
button.graphics.endFill();
   this.addChild(button);
//hard-code title://
var titleBar:Sprite = new Sprite();
titleBar.x = 0;
titleBar.y = 0;
//stage width determines width of title://
var titleBar:Sprite = new Sprite();
titleBar.x = 0;
titleBar.y = 0;
titleBar.graphics.beginFill(0x003037);
titleBar.graphics.drawRect(0, 0, this.stage.stageWidth,
   this.inchesToPixels(.3));
titleBar.graphics.endFill();
this.addChild(titleBar);
//footer://
var footer:Sprite = new Sprite();
footer.graphics.beginFill(0x003037);
footer.graphics.drawRect(0, 0, this.stage.stageWidth,
   this.inchesToPixels(.3));
footer.graphics.endFill();
footer.x = 0;
footer.y = this.stage.stageHeight - footer.height;
this.addChild(footer);
* Center one DisplayObject relative to another.
private function center(foreground:DisplayObject,
   background:DisplayObject):void
      foreground.x = (background.width / 2) -
         (foreground.width / 2);
      foreground.y = (background.height / 2) +
         (foreground.height / 2);
//cont.//
var title:SimpleLabel = new SimpleLabel("My Application",
   "bold", 0xffffff, "_sans", this.inchesToPixels(.15));
this.center(title, titleBar);
this.addChild(title);
//override width and height getters
public override function get width():Number
   return this.textLine.textWidth;
public override function get height():Number
   return (this.textLine.ascent - 1);
if (Capabilities.manufacturer == "Android Linux" && Capabilities.screenResolutionY == 1024)
next_btn.width = 85;
next_btn.height = 85;
This is the code for my Dreamweaver CS4 file (without the additional erogenous code attempts!):
<!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">
<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN"
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>My Website Title and Slogan.</title>
<style type="text/css">

<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<img src ="image.gif" width=90% height=auto>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<meta name="Keywords" content="keywords…" />
<div align="center"></div>
<div align="center">
<p> </p>
<p>
    <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="900" height="630">
      <param name="movie" value="FlashFile.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="swfversion" value="6.0.65.0" />
      
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      
      
      <object type="application/x-shockwave-flash" data="FlashFile.swf" width="900" height="630">
        
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <param name="swfversion" value="6.0.65.0" />
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        
        <div>
          <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
          <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
        </div>
        
      </object>
      
    </object>
</p>
</div>
<div align="center"> </div>
<script type="text/javascript">

</script>
</body>
</html>
I have tried various combinations of the code listed above, but nothing seems to be working. I am not sure as to the correct positioning of the code, and maybe that is the problem, or maybe it is because this code in not for CS4, or not appropriate for my project. I also do not know what code should be inside the Flash file, nor what should should be inside the Dreamweaver file.
Thank you in advance for any assistance!

There is no simple code to add that will display the same on all mobile devices....
you do know that the iProducts (iPhone, iPad, etc) don't display Flash at all, right?
So as a start for "functioning on all latest mobile devices" you should drop any Flash content you have and move on.
Adninjastrator

Client wants 6-yr-old website device-friendly???

I'm starting to get requests from my clients whose website I may have designed 7 years ago. They want it to be device-friendly. So I'm searching to see where to start. Yes, I previewed my Dreamweaver files in Device Central... but what advice can you give me? I do some complex graphic layouts with drop-down menus. I don't think it's possible to just retrofit an old site, is it? Site in question is http://www.manitowoc.info. Another one is http://www.hornerflooring.com. THANK YOU! I googled and just don't find info on where to start!

Re-do. Some links to help get you started:
MOBILE WEB SITE DESIGN
CSS Liquid layouts for desktops to iPhones
http://matthewjamestaylor.com/blog/perfect-multi-column-liquid-layouts
Build iPhone, iTouch, iPad web sites & apps (no Flash allowed)
http://iwebkit.net/
http://mashable.com/2009/11/26/mobile-web-design/
http://www.noupe.com/how-tos/mobile-web-design-tips-and-best-practices.html
TESTING
iPhone simulator - (on-line)
http://www.testiphone.com/
Opera Mini Mobile Simulator (on-line)
http://www.opera.com/mini/demo/
Google Android Emulator (download)
http://developer.android.com/guide/developing/tools/emulator.html
Palm OS Emulator (download)
http://www.tucows.com/preview/261443
Mobile Phone Emulator (on-line emulators for WAP, i-mode™, PDA and J2ME)
http://waprunner.wap3.net/emu_wap3/p/wap3/
Blackberry Smartphone Simulators (download)
http://na.blackberry.com/eng/developers/resources/simulators.jsp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Creating a site for mobile devices

Good morning,
I have a number of questions relating to the creation of a
site for mobile devices. My client has given me the assignment to
re-design his current website, and to also create a sub-site
suitable for mobiles. I have spent a number of hours looking around
on the Internet and trying to gain a better understanding of these
issues. Still, a number of questions remain. if you can give me any
additional understanding, that would be great.
Question 1:
Is my understanding correct: I basically need to create two
sites, one for the wide-screen browser, and one for the mobile
browser? I can direct visitors to the mobile site using a CSS or
javascript link - if their browser identifies them as a mobile
browser?
Question 2
Mobile devices come in all sorts of shapes and sizes and
versions. PDA\s and iPhone's have different screensizes and
resolutions that smart--phones, which in turn are different again
from older and simpler phones. Should I design a site for a number
of different types of phones? That would a huge amount of work...
Question 3
I also own Device Central, an App which I should think is
very useful in this situation. But I fail to understand it! OK, so
I can see what my photo or website or flash file looks like on my
Nokia N73 - but I am not designing specifically for that phone. I
also want my design to look good on all the other phones! My client
needs a website that is not tailored to one phone, but to all
phones.
Question 4
And why does Device Central not have profiles for the iPhone?
I would think it is popular enough to warrant its own profile... (I
post this from the Netherlands, where the iPhone is not carried
yet, and so I have only ever held one in my hand). Is this because
the iphone can see regular sites just fine?
Question 5
How does Dreamweaver help me build a mobile site?
Question 6
My client wants to show video on his website. In fact, that's
what this website is all about: showing sports-videos from high
profile sporting events. Which video-formats are most suitable?
Question 7
Do all mobile phones support flash? Or only a few? Or none?
It seems to me that a flash website would allow for more creativity
in the design.
Thanks for any help you can give. Any resources you could
point me to are also very welcome...
Sincerely,
Rogier Bos
Rotterdam, The Netherlands

Macnimation wrote:
> Hi,
>
> I'm experimenting with creating a small site off a
standard site, for mobile
> phone/devices.
>
> Basically, I want to load a basic list page, which has
links to pages that
> will display and run flash movies.
>
> The flash movies, in FLV format are already at 640 x 480
which run fine in the
> main site.
>
> Is it simply to resize the movies to fit the mobile
content size , or will
> they "auto" resize?
>
> Do I have to chnage the webserver configuration in
anyway, its a standard IIS
> site at the moment, but MySQL with apache is also an
option.
>
> Would standard html do or would the pages have to be
done using xhtml or wml?
>
> I would like if possible to get this infomration first
before starting it, so
> I can possibly reduce delays.
>
> Any help or pointers to tutorials would be grateful
>
I'd like to check out the PDA scene some day soon, too. In
the meantime,
there's a recent discussion of this topic here:
http://www.sitepoint.com/forums/showthread.php?p=3288343#post3288343
www.geobop.org - Family Websites
www.invisible-republic.org - Adult political websites (Mature
adults only)

IPad always sensed as a mobile device by websites. Can I turn that off?

When surfing on the iPad, many sites automatically see it as a mobile device. So I end up at drastically limited versions of those sites even though the iPad could deal with the main site just as well. It would be nice if site developers would allow mobile surfers to go to the main site if they so choose, but that isn't likely to be done consistently. So Apple should PLEASE come out with an update that allows the iPad to be seen as a non-mobile type device via a setting in Safari or something.
In the meantime, does anyone have any suggestions about how I can surf without getting short sheeted by auto sensing sites?
Thx,
Katie

So Apple should PLEASE
The place to tell Apple what you want is
http://www.apple.com/feedback/ipad.html
In the meantime, does anyone have any suggestions about how I can surf without getting short sheeted by auto sensing sites?
Try using a different browser like iCab. Many of these, unlike Safari, let you set the kind of browser which a website thinks is being used.

Inconsistent display of Muse site on mobile devices

I know that Muse doesn't fully support mobile devices at this point, but it should be possible to have at least some level of consistency on how the websites are displayed when opened in a mobile browser.
My website is supposed to fill the browser window, but when viewing the site on a mobile browser, the pages are aligned to the left, and the 100% width elements are cut off. However, on some pages, it looks fine, and on other pages it looks even worse.
Here are some screenshots that shows how differently the pages are displayed. I have also included a screenshot from a normal browser window. What can I do to make the site look "normal" on a mobile device? I have tried using some viewport meta tags, but I can't seem to get it right. Please help! It's embarrassing to have a company website that looks ridiculous when opened in a mobile browser.
This is the front page. As you can see, the horizontal header and footer has been cut off, and the page has been aligned left instead of filling the browser window.
This page is displayed even worse! The header and footer has been cut like above, but the whole page is scaled down to expose even more unnecessary gray space to the right.
This page is displayed correctly! However, other pages pages with the same bookshelf have the same issues as above.
This is how the website looks in a normal web browser. The header and footer follows the width of the browser.

The "correct" behavior for elements with both rollover and click behaviors on Mobile Safari is that the first tap provides the rollover behavior and a second tap provides the click behavior. For menu items with submenus this behavior is broken. The first tap both shows the submenu and follows the link on the top level menu item.
We don't have a fix for this yet, but it should be fixed for the next quarterly release of Muse (curently looking like late August).
The list of supported browsers is in the FAQ page of muse.adobe.com.

Converting website to mobile device friendly site

Similar Messages

Maybe you are looking for