What should I learn how to make a sensitive site?

Hiya

Have not registered here for a few years.

15 years ago or about, I learned HTML4 (from book of Castro) and manually coded a Web site. I managed to create a CSS page.   Whoopee!
Then I got DW4 and later a update. and that's SWELL.  And there is my level.  I'm not sharp, that I am?

These days, I maintain a site for friends, and they want to upgrade.  Half an hour on Google tells me the term 'sensitive '.  Looks like there's gotta be good w/CSS and HTML5.

First question, is an update of DW, or any other WYSIWYG program that will convert an existing more responsive site, or build a more or less the way DW does the HTML4 those?

Second question, if there is not, what is the list of things I need to learn to reboot myself?  And any suggestion for where and how?  Remember what's my level?

Thank you

Denno

Responsive Web Design (RWD) has some limitations.  Honestly, some just Web designers cannot do because they are not ready to give up the old school tables and/or to compromise on their design ideas.  But if approach you the question with an open mind and not try to build what anyone too fancy or restrictive, RWD can be very rewarding.

Consider your mobile users first.  They interact with their devices differently from desktop users.  For example, mobile users have less content and more large, tactile, menu buttons and forms.  There are volumes written about it on the web.  Spend time in the learning of theory, but also the code before you plunge your first project RWD.

Start with these links:

Responsive Web Design

http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-Web-design/

Introduction to CSS Media Queries

http://www.Adobe.com/devnet/Dreamweaver/articles/introducing-media-queries.html

Layouts of DW CS6 fluid grid (17 min video)

http://TV.Adobe.com/watch/learn-Dreamweaver-CS6/using-fluid-grid-layouts/

Step by step tutorial - fluid construction grid Layouts in DW CS6

http://www.Adobe.com/inspire/2012/08/fluid-grid-layouts-Dreamweaver-CS6.html

Good luck!

Nancy O.

Tags: Dreamweaver

Similar Questions

  • What is the procedure how to make my system image backup and data through Windows NAS Server?

    I work the iMac with bootcamp for Windows 7 - Home Premium.

    I want to return to the system image and data etc. of the 'Windows Back up and Restore' to my Synology NAS (network attached storage). When I do the setting changes, I could not find the option to connect to the NAS, but have only the offer to connect to the external hard drive.

    (1) the 'Windows Back up and Restore' allows to connect to the NAS for the back of my files, in particular for the iamge system? If not, any other method to make the back upward, especially for the system image?

    (2) what is the procedure how to make my system image backup and data through Windows NAS Server?

    Original title: save the Windows image

    Backup to a network location is not supported by Windows 7 Home Premium. Do you need Windows 7 Professional or ultimate edition.

    http://Windows.Microsoft.com/en-GB/Windows7/where-should-i-save-my-backup

  • How to make the top sites page appears when I open a new tab? Why have I not of "buttons" to pin a top site of the page tab?

    When I open a new tab, NO best sites don't show up... shows just a search engine box. I have Firefox 33.0. Why is there no 'pin' button when I opened a new page? How to make the top sites page appears when I open a new tab?

    Here is some additional information on the configuration of the new tab page:

    (1) in a new tab, type or paste Subject: config in the address bar and press ENTER. Click on the button promising to be careful.

    (2) in the search above the list box, type or paste newtab and make a pause so that the list is filtered

    (3) double-click the preference browser.newtab.url and enter your favorite page:

    • (Default) page thumbnails = > subject: newtab
    • Blank tab = > subject: empty
    • Built-in Firefox homepage = > topic: welcome
    • Any other page = > full URL of the page

    Press Ctrl + t to open a new tab and check that it worked. Fixed?

    Some traps:

    If Firefox will not let you change this setting: you can have what is called SearchProtect on your system.

    Firefox if allows you to save your changes, but he doesn't know: one of your extensions may be the substitution of her. You can consult, disable and/or remove extensions on the addons page:

    "3-bar" menu button (or tools) > Add-ons > in the left column click on Extensions

    If the modification works during your session, but during the next startup is leads to: you could have a user.js file in your personal settings Firefox (your Firefox profile folder). This article describes how to track down and delete the file: How to fix preferences that will not save.

    A little luck?

  • How to make an old site of muse in a sensitive site. Break bar is not displayed?

    How to make an old site of muse in a new sensitive site, breaking bar does not appear.

    The bar of breakpoint does not appear automatically when you open a Web site created with an older version of Muse.

    To show the United Nations bar this case, open the menu 'View' and then choose the corresponding command.

    For deeper information on this aspect of the topic here:

    Adobe help Muse | Migrate existing Adobe Muse Web sites to disposition

  • How to make a Test Site with Muse in British Colombia?

    How to make a site to test with muse in British Colombia?

    I'll answer my own question. You go to file > publish > name a name of test site.

  • What all should I learn how to achieve these effects?

    Hello

    I would like to know what all I would need to learn and what extra plugins, I would need to buy to get these effects (research mainly to text effects and video transitions in)

    I have After effects Cs4.

    http://youtu.be/tIPLTiKAQTo

    The reason why I ask this is especially because I'm going to do just this kind of effects and nothing more. So I neednt losing time learning things I'll probably never use.

    Thank you.

    You're going to learn more about AE...

    Unless there is a specific reason to reduce the size of the plot of the original sequence still working at maximum resolution. IOW, no is resize your 550 d film unless you can come up with a very good reason to do so.

    Now lets talk about output for the web. This part can be confusing:

    I have all my images for the web in 720 p or what I like to call web HD output. It's a lot wholesale this year and this is the norm for YouTube HD right now and this is my first video server. I made these films with Apple Compressor or Adobe Media Encoder. This means that the original image size is reduced from 1080 to 720 and if the original was interlaced (1080i), I remove interlacing. In some cases, and with some After Effects projects the best solution is to embed the original composition in a mock-up of the 720 p, but I stick with the original 1080 frame size. In some cases, that I stick to the original frame rate, in others I converted. In projects that may require another color correction or additional treatment I always return a 10bits or master of compression without loss of After Effects using the tail to make. If the project is only intended for the web, then, most of the time, I don't make in After Effects at all. I use Adobe Media Encoder. You can import the Premiere Pro or After Effects directly into the SOUL and go directly to the formats highly compressed with a tool that is designed to make this work. In the rare case that a project requires full system resources to render efficiently or that a project is going to require extra special care compress in an MPEG stream, I'll make to the 10bits lossless codec in AE and then compress with a 3rd party compressor as Squeeze.

    The only way to know what workflow to use is to understand how works the AE render engine, how compression works, how different codecs effect the quality and usability of the sequence and what will happen to the project in the future. Unfortunately, there no one size fits all solution to the problem.

    Now let's talk about the preset animations. Here's what I would call the basics of EI. A preset is something that everyone using AE should know how to use and create. The procedure is very simple. To use it, you select the layer of film and choose apply Animation preset from the menu. Change you press UU with the selected layer to reveal all the expressions and or the preset generates keyframes and you change. To create, you apply effects or animation to a single layer then press UU to reveal all of the properties that have been changed or animation, select all properties in the timeline panel and choose Save preset.

    There you go.

  • Thunderbird installed 38 & now the PC freezes. No response from mouse & KB. What should do? How knowledge is there a w/o e-mail response?

    As explained in the summary...

    Version of Thunderbird installed 38 last night. This morning I have urgent questions on the email.

    I open Thunderbird and before it finishes downloading the mails from the server, and sometimes even before the end of the authentication password for the accounts, if freezes. I restarted three times with zero improvement. Mouse and KB are both unresponsive while the LED mouse works when the mouse moves and indicators CAPS etc meet key activities respective, so devices are working on their own, but Mozilla Thunderbird blocks the communication between them and the PC.

    Now, I don't have access to email and no way to know when there is an answer to this! Nice!

    What exactly is necessary to make Thunderbird work? And how can I find out about it without any email?

    I use Windows 7 on a PC. I use Firefox and Open Office, no other product from Ms.

    PS: I have an account already, but you do not provide a way to recover passwords, so that's my account 02!

    Try turning off hardware acceleration.
    Tools (Alt - T) - Options - Advanced - general tab
    Uncheck the "use hardware acceleration".

    What is your anti-virus software?

    THREE calls to your London Office

    Mozilla does not support. This forum is the official place to support Thunderbird. Most of the people here are volunteers devoting their time to help other users.

  • What tutorials to learn how to create a product brochure would you recommend?

    I am a beginner on Adobe InDesign CS6 and have just received my first job marketing focused on the creation of brochures on products, I need to work through a few tutorials to get me to the speed, I have a knowledge base of Adobe InDesign, Illustrator and Photoshop, but I need to be competent in these programs to create products brochures/magazines at a high level.

    Well, there are two parts to your learning here.

    1 learn the tools. He is professional, serious and baffling if you try just to dive. Even worse, if dive you in you will certainly make mistakes, work hard for yourself and may need to eventually redo work or work of very poor quality. A classic example of what happens when diving: I've heard of someone who has done the office using Photoshop forms. But a subtler mistake is to use InDesign and manually change the fonts instead of setting styles.

    2. If you bought a really good set of Carpenter tools you still wouldn't do a very good Cabinet. This isn't just about the tools, but about graphic design, a mix of art and craft. If you're lucky, you have an eye for these work and can recognize evil works around us for what it is - for example, maybe you can see where there is not enough white space, where there is bad composition of images, where the page is unbalanced, the text too tight or too loose, and essentially the job does not work well. Even those who have an eye for this can benefit studying graphic design, but if you don't have the artistic eye, you will need intensive studies before you can make brochures to a high standard. Generally, it is a course of several years full time.

  • multi-angle view z liquid jade s57 camera mode (what should be done, how to use it)

    Hello

    I brought Acer and nobody seem to be able to explain to me what is the view from multiple angles in the camera.

    When I press the photo button there is a green line ranging from the left to the right, I guess so I can move around the object im taking a picture, but I don't know m.

    Only one officer of acer told me take several picture and it will merge them into one, no it's not.

    What is the multi-angle notice, how I use it and what is its role?

    From what I've seen online of other phone its supposed to do a 3d like this image when you turn the screen on the left, you see the left of the object, the same goes for when you turn the phone to the right. But I tried to take a picture while moving the camera 180 degrees around the object and its actually not not something special.

    Thank you for helping me.

    kalmeq wrote:

    From what I've seen online of other phone its supposed to do a 3d like this image when you turn the screen on the left, you see the left of the object, the same goes for when you turn the phone to the right. But I tried to take a picture while moving the camera 180 degrees around the object and its actually not not something special.

    Yes correct.

    I was able to use a picture of multi-angle using Acer abPhoto, select the picture of multi-angle, press the icon of the cube at the bottom on the left, then move your finger on the touch screen left or right, and it will move.

  • Want to learn how to make/create my own website in Dutch?

    Was watching and find your offer to make/create my own Web site. But not so far away to throw in my own language = Dutch.
    Can you help me realize my site in Dutch?
    [email protected] and [email protected] to answer on that.

    Assistance in Dutch with the construction of a Web site, you can ask a question on the Mozilla forums Dutch Support users, just go to www.mozbrowser.nl. You can also download a Dutch version of Kompozer (Web site editor open source) of www.kompozer.nl

  • How to make a Web site for desktop and mobile

    I have just one question, for example, washingtonpost.com.  I know in CSS that you used to be able to put this "/ media" and "/ screen" command at the top and when the page loads, it detects the device and send you mobile or desktop.

    I went to WaPo and I can't seem to find anything.  So using WaPo, this is always how it is done?  I just need to test a web base page in DW4 and then test how it looks on the desktop, and then my Galaxy Note II, so I know I'm moving along properly before expanding the.

    All tips, advice and assistance are appreciated.

    Thank you.

    Media = "screen" or media = "print" is part of a css link in the head of a page and enabled a series of rules for printing and another series of screens.

    It was the forerunner of the "Media Queries" which is what you are looking for.

    Here is a good starting point for queries from the media...

    http://www.Adobe.com/devnet/Dreamweaver/articles/introducing-media-queries.html

    Basically, you make a site in html, then 2 style sheets that control the site according to the device of the Viewer. The width in pixels of the peripheral or the browser window allows you to determine what style sheet is used. When they are on your desktop, stylesheet1 is used, when they move on to something more small, stylesheet2 comes into play.

    The basics are quite simple, make the most it takes practice.

  • How to make icons Web site to be in the bookmark entry?

    The bookmark sidebar to automatically insert site icon in front of the entrance to bookmark for most sites. I've upgraded to Firefox 9 and now it does not do this, even for sites that to obtain the entry. How can I make the icon to attach to the entry? Maxine r.

    One possible cause is a problem with the places.sqlite file that stores the bookmarks and history.

    You can try the CheckPlaces once after you've deleted files of places and still has no bring the favicons.

  • How to make my adobe site muse a multilingual site?

    I'm looking for comment make sure that my adobemuse site is translated in all languages normal browser, how to do? or how to translate a site muse in french in all languages?

    Hello

    Please try the suggestions in the link below

    https://forums.Adobe.com/message/5520675#5520675

    You can also try the widget below

    http://www.Muse-themes.com/pages/instructions-Google-translate

    Concerning

    Vivek

  • How to make my slidedown site like that?

    Hello, I'm doing a website. And I want to make my slide up and down like this https://stockflare.com/landingpage page. Owsomeone can explain it please how can I do this with Parallax scrolling.

    You can try this:

    http://musewidgets.com/collections/all/products/scroll-wheel-anchors

    Thank you

    Sanjit

  • How to make malicious Web sites that freeze Firefox?

    I have di/scovered sites accepting some capture the tab in which they are open, freezing access to menu options (display, tools, etc.) and do not allow any Firefox close. Computer shutdown and re-opening is not free the captured page. The following sites are all suspects.

    http://www.health4reporter.org /.
    http://www.health11online.org /.
    http://www.daily10reports.com /.
    http://www.daily10reports.org /.
    http://www.daily5reports.org /.
    http://www.daily12reports.com /.
    http://www.theweightlossspecialist.com /.
    http://www.daily8online.org

    Personally, I have confirmed that the last http://www.daily8online.org, is malicious. Others I have not confirmed, but they all came from the same source, the comments posted on a blog at KittyKroger. com

    I was able to clear the browser only by going to the discount to zero that puts Firefox to its default settings.

    Hello

    You can report these links to the Internet Crime Complaint Center of the FBI:

    You can also report false web documents by going to:

    • Help (or

      >

      ) > Report false Web

    Make sure that the navigation of the suspected sites.

Maybe you are looking for