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.

Similar Messages

  • 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

  • Need to design a website that loads files and creates inventory

    I work for an engineering firm that would like to make a website that on one page you can upload PDF files to directories that would be named according to the project number that the user inputs.  After that I would like another page that would be able to list all of these project and have a link that would allow for the PDF file to be viewed.  Unfortunately I am very green to fancy website designs so any help of how to get started would be greatly appreciated.
    Our Web server runs Apache 2 / MySQL and PHP
    Thanks in advance.
    KHeinz

    bregent wrote:
    Without a solid foundation in the underlying technologies, it's pointless to start building a specific solution. It's like starting to build a house without knowing how to use a saw and hammer.
    I agree entirely.
    However, as it happens, I have just added a PHP recipe to the Dreamweaver Cookbook that describes how to upload images to a website. The principle behind uploading PDF files is identical. All that you need to change is the test for the MIME type. The recipe can be found here: http://cookbooks.adobe.com/post_Need_code_to_upload_image-16389.html.

  • I have designed a website that shows in all browsers except for firefox why?

    I have created a website for my husband, which opened in firefox before uploading it to the host, but now it is uploaded, all others browsers will open it but not firefox and I dont know why. It comes up with error message.

    Hi,
    You can try to restart Firefox and check. If the problem persists you can try to '''Clear Now''' the '''Cookies''', '''Cache''' and '''Active Logins''' in '''Tools '''('''Alt '''+ '''T''') > '''Clear Recent History''' after selecting '''Everything''' beside '''Time range to clear'''.
    You can also start afresh by [https://www.mozilla.org/en-US/firefox/new/ updating Firefox to the latest] and doing a Reset.
    The Reset Firefox feature can fix many issues by restoring Firefox to its factory default state while saving your essential information.
    Note: ''This will cause you to lose any Extensions, Open websites, and some Preferences.''
    To Reset Firefox do the following:
    #Go to Firefox > Help > Troubleshooting Information.
    #Click the "Reset Firefox" button.
    #Firefox will close and reset. After Firefox is done, it will show a window with the information that is imported. Click Finish.
    #Firefox will open with all factory defaults applied.
    Further information can be found in the [[Reset Firefox – easily fix most problems]] article.
    Did this fix your problems? Please report back to us!

  • Can I design two websites?

    I am new to iweb.
    I am wondering if I can design two websites that are not linked together. From the tutorials, it looks like if I design a second one it will link to the first one's welcome page. How do I form a website that is separate?

    If you haven't started the two sites yet I suggest you use iWebSites to create and manage the separate sites. I use iWebSites to manage multiple sites.. It lets me create multiple sites and multiple domain files.
    This lets me edit several sites and only republish the one I want.
    OT

  • I need an apple device to check that websites I design work ok on apple devices - am I ok with an ipod touch or do I need to buy an ipad or iphone ?

    I need an apple device to check that websites I design work ok on apple devices - am I ok with an ipod touch or do I need to buy an ipad or iphone ?

    - Using an iPod touch would be the same as using an iPhone.
    - It all depends upon how you site handles different screen sizes.
    - If you view only on an iPad it may look poor on an iPhone, that is hard to read.
    - I would use/view other users iPads and iPhones/iPod touches to help decide what meets your needs.

  • Without using iTunes, I want to browse to an Apple website that shows me the list of devices associated with my Apple Id

    My primary goal:  I want to browse to some Apple website where I have already logged in using my Apple Id and password, and I then want to click a link that will bring me to a page that will show me the Apple Devices that I "own", that are associated with either "me" (whatever that entity Id should be) or with my Apple Id.  Most importantly, I want to do this without using iTunes.  I have seen my list of devices before on an Apple web page, and it even shows the MAC addresses of the devices.  I did not reach this list by using iTunes.
    I know for an absolute fact that an Apple Customer Service rep on the phone showed me some trick for viewing all the devices that I had purchased. There was even a device that another person had purchased and then had sold to me, and this Apple rep showed him how to "disown" the device and she then walked me through how I could take over ownership of the same device).
    The procedure that she walked me through might not have anything to do with my Apple Id.  It might have had to do with some other unique way of identifying myself.   I simply cannot remember, and I cannot imagine what that Id would have been.  I have searched and searched via Google and every result returned by Google always talks about using iTunes to associate an Apple device with my Apple Id.
    My secondary goal:  If this is not the appropriate community to which I should have sent this question, all I can say is that it was the closest match that I could find.  If no one here can help me achieve my primary goal, can you please suggest another community to which I should post my question?
    Thanks!

    After hours and hours of failed searches, I must have used a different keyword in my Google search, and here is the website that I was looking for:
    https://supportprofile.apple.com
    And here is the guy whose website I found that helped me solve my problem:
    http://www.marcomc.com/2011/01/how-to-find-the-list-of-my-apple-registered-produ cts/
    I was going to rant here about how badly Apple designed their "Apple Id" stuff, how they strongly distinguish between using your Apple Id at the online Apple Store vs. using it at the App Store (which you have to get to via iTunes ... quite ridiculous) ... but I won't.  :-)
    Anyway, I hope that the two previously mentioned websites will be of help to others.

  • 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

  • Does adobe muse allow me to create a website that is responsive across all browsers and all devices?

    Does adobe muse allow me to create a website that is responsive across all browsers and all devices?

    We do not suport responsive layouts currently, instead you can design mobile specific (and tablet specific) layouts in an easy fashion. http://helpx.adobe.com/muse/tutorials/creating-mobile-layout-designs-muse.html  -j

  • My friend has a website that he puts audio clips on, and although I can play them on my computer, I can't play them on my phone. Is there a special app I need?

    My friend has a website that he puts audio clips on, and although I can play them on my computer, I can't play them on my phone. Is there a special app I need?

    see if this app suits your needs http://itunes.apple.com/us/app/imedia-player/id544635606?mt=8

  • Photoshop to design a website

    I am new to using the adobe products. Up to this point I have been using wordpress to design and build websites for friends. I am starting to get more friends asking me to build sites for them.
    Does Adobe have any free tutorials that I can review that can show me how to layout and design a website using photoshop?
    The last website I did was www.thetop40.com and I want to create something like this again.

    Hope these help:
    http://sixrevisions.com/photoshop/graphics-beginner-tips-web-designers/
    http://sixrevisions.com/photoshop/25-web-design-layout-tutorials/
    http://sixrevisions.com/web_design/40-useful-photoshop-web-layout-tutorials/
    http://help.adobe.com/en_US/photoshop/cs/using/WS18F9E180-3241-4891-ACC8-82C9DFB254F5a.htm l
    -janelle
    p.s.
    Great tutorial step-by-step
    http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html
    i personally have created my first website via photoshop, then used dreamweaver in the end. Its just the way that i personally discovered what I had to do for my first website at that time.
    goodluck

  • Is there a website that teaches you c programming?

    I am looking for a very simple website that can teach me c programming. I have been searching and can not find a simple and easy to use website for this.
    Is there something compatable to w3schools or something?
    Thanks.

    Hi,
    If you are trying to learn C, I just told that you have made a great dicision, as C is the strongest, most common programming language, which is the basis for many modern programming languages used today, such as C#, Java, Objective-C, C++ and more.
    My over 20 years experience in programming, says that the best way to learn a programming language, is reading books. For you to get started, I recommend a book which is designed with a new coming student in mind. These books are written as a text book and have serveral simple exercises to solve. There are many books like this on the market. The first book I have read on C programming, was Teach Yourself C, from Herbert Schildt. I am sure there are many good, and may be better ones out there, but you should know that Schildt is the author of best selling programming titles in the world.
    I am also an author and trainer, currently working on a web site to be an academic place for those interested in the C family of programming languages, specially C++, Objective-C and the C itself. You may now that Objective-C is the programming language of choice of Apple. But programming in Objective-C requires a good understanding of C and object-oriented programming concepts. In other words, programming for Apple devices and writing good quality code, is not possible without being a good C prgrammer in the first place. I am trying to bring my 2 decades experince to the web for those people like you.
    Anyway, I am here and will be happy to answer your questions if I am able to do this. I hope this helps.
    Good luck
    Mani Ghasemnia Hamedani

  • Hi I designed my website in Photoshop, sliced , and opened it in dreamweaver. I want a interactive s

    Hi I designed my website in Photoshop, sliced , and opened it in dreamweaver. I want a interactive spry bar but when ever I try to insert it, I get gaps in my page.
    Below is the complete code: http://www.coriemoment.com
    <html>
    <head>
    <title>home</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <body bgcolor="#FFFFFF" leftmargin="auto" topmargin="auto" marginwidth="auto" marginheight="auto" margin:0;>
    <!-- Save for Web Slices (home.psd) -->
    <table id="Table_01" width="1281" height="768" border="0" cellpadding="0" cellspacing="0">
              <tr>
                        <td colspan="6">
                                  <img src="images/index_01.png" width="1280" height="220" alt=""></td>
                        <td>
                                  <img src="images/spacer.gif" width="1" height="220" alt=""></td>
              </tr>
              <tr>
                        <td rowspan="4">
                                  <img src="images/index_02.png" alt="" width="414" height="548"></td>
                        <td rowspan="3">
                                  <object width="564" height="423"><param name="movie" value="http://www.youtube.com/v/XbuQiJ6Sv_M?hl=en_US&version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/XbuQiJ6Sv_M?hl=en_US&version=3" type="application/x-shockwave-flash" width="564" height="423" allowscriptaccess="always" allowfullscreen="true"></embed></object></td>
                        <td colspan="3">
                                  <img src="images/index_04.png" width="255" height="89" alt=""></td>
                        <td rowspan="4">
                                  <img src="images/index_05.png" width="46" height="548" alt=""></td>
                        <td>
                                  <img src="images/spacer.gif" width="1" height="89" alt=""></td>
              </tr>
              <tr>
                        <td rowspan="2">
                                  <img src="images/video_03-07.png" width="1" height="336" alt=""></td>
                        <td rowspan="3">
                                  <img src="images/index_07.png" width="34" height="459" alt=""></td>
                        <td>
                                  <script src="http://widgets.twimg.com/j/2/widget.js"></script>
    <script>
    new TWTR.Widget({
      version: 2,
      type: 'search',
      /*put your twitter id that people use to reply to you below. Mine is mhorning. If you only want to see the Tweets that you have Tweeted, then delete the part below that says- OR to:coriemoment */
      search: 'from:coriemoment OR to:coriemoment',
       /*this is the duration in terms of seconds*/
      interval: 30000,
       /*this is the title you want on your tweets*/
      title: 'Corie Tweets',
      subject: 'Send us your comments',
       /*setting width to 'auto' will adjust the width of your tweetbox to whatever is set on your div. You can change this to something like 500px if you want*/
      width: 'auto',
      height: 212,
      theme: {
        shell: {
                 /*this will change the background color of your tweetbox. It is currently yellow*/
                background: 'body p, body img, body embed, body object, body video{opacity:1 !important}',
          /*this will change the color of the text in your background*/
                color: 'fac935'
        tweets: {
                 /*this will change the background color behind your tweets. It is currently white*/
                background: 'body p, body img, body embed, body object, body video{opacity:0.2 !important}',
           /*this will change the color of the text in your tweets. It is currently black*/
                color: '#000000',
           /*this will change the color of anything that is hyperlinked in your tweet. It is currently blue*/
                links: '#1985b5'
      features: {
        scrollbar: false,
        loop: true,
        live: true,
        behavior: 'default'
    }).render().start();
    </script></td>
                        <td>
                                  <img src="images/spacer.gif" width="1" height="302" alt=""></td>
              </tr>
              <tr>
                        <td rowspan="2">
                                  <img src="images/index_09.png" width="220" height="157" alt=""></td>
                        <td>
                                  <img src="images/spacer.gif" width="1" height="34" alt=""></td>
              </tr>
              <tr>
                        <td colspan="2">
                                  <img src="images/index_10.png" width="566" height="123" alt=""></td>
                        <td>
                                  <img src="images/spacer.gif" width="1" height="123" alt=""></td>
              </tr>
    </table>
    <!-- End Save for Web Slices -->
    </body>
    </html>

    Very bad practice to just use image slices into your website.
    Check out this tutorial to learn how to efficiently slice, dice and markup your design into an active HTML format - http://net.tutsplus.com/articles/news/slice-and-dice-that-psd/
    Also, Spry - has been deprecated and is no longer officially supported by Adobe. http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framework-availability.htm l
    Consider using a jQuery menu.
    -Sudarshan

  • I have a htc wildfire, and if i try to install firefox from android market place it says that my device is not compatible with firefox. how can i install it ?

    i have a htc wildfire, and if i try to install firefox from android market place it says that my device is not compatible with firefox. how can i install it ?

    According to a random website... the HTC Wildfire S uses a Qualcomm MSM7225 processor. This processor unfortunately does not support the full ARM version 7 instruction set, so Firefox cannot run on it.

  • How do i create a website that allows customer to upload images and text?

    I need some help i have a friend who has asked me if i can create a website that allows them to upload their own images and text at their leisure.
    His company is in the car sales trade so they need to regularly be updating their stock, and this needs to be done by somebody with limited computer knowledge so ease of use is fairly important.
    I am using dreamweaver cs4 on a G5 Imac running Snow leopard 10.6.8, my skills are limited to creating uncomplicated websites but i am very keen to learn, i am aware of content management systems such as Druplal but have zero knowledge on how to use these.
    Any assistance would be greatly appreciated
    Andy Barrington
    www.andybarrington.com

    You can take a read here
    http://www.hotscripts.com/category/php/scripts-programs/classified-ads/autos/
    http://icloudcenter.com/auto-dealer-car-sales-script.htm
    Although putting together a form that would upload images and all the descriptions required seems like a fairly straghtforward project, depending on your current skill set.
    Gary

Maybe you are looking for

  • RV215W - Problem setting up site-to-site VPN

    Hello, I've taken a plane to newbie-land and need help in setting up a site-to-site VPN. I know this is very basic stuff so I apologize for asking something that's been answered a million times before. I just can't find an answer I can translate dire

  • HP Pavilion P7-1225 Desktop Freezes After Startup. Frustrated​!

    Hi,  My family's HP Pavilion P7-1225 desktop computer freezes a few moments after startup, most times. However, it will occasionally work just fine for hours and then suddenly lock up. Over the weekend a sort of clicking sound was heard followed imme

  • ITunes crashes on opening..absolutely will not open!!!!!!!

    I was using 7.2 since it was upgraded with no problems, then all of a sudden it won't open. I can't pin it down to anything really. I'm getting really ****** at this point. I've tried re-installing, trashing the plists, running disk warrior, verifyin

  • Parameter Query for True or False values

    I have what seems like a painfully simple task and it has me stopped dead.  I reviewed a similar thread, and the answers there don't seem to apply. Working in Crystal 11.5 with an MS SQL database. I am pulling data from vwCommmittees.  There is a fie

  • C# using TransactionScope with sqlite command problem

    I have a sqlite data table named Customers. And I use few functions to change customer's data like name, TP, address, Email etc. Here are my functions. changeName(int id, string newName); chgangeTP(int id, string newTP); changeAddress(int id, string