dcsimg
www.webdeveloper.com
Results 1 to 4 of 4

Thread: Help! Need to be taught how to add javascript to a page to make it more appealing

  1. #1
    Join Date
    Apr 2014
    Posts
    2

    Help! Need to be taught how to add javascript to a page to make it more appealing

    Hi people,

    So i have a PSD file, converting it to a web page in dreamweaver and I need to add some javascript to it to make it look more dynamic and appealing to the user.

    I have a few buttons on the page (image buttons), can anyone recommend me some code or some ideas of how to implement some javascript? To a page in general.

    Thanks,

    I can give more information if my question is a bit vague, sorry, I'm in a rush.

    TheJCD

  2. #2
    Join Date
    Mar 2012
    Posts
    1,815
    Firstly, I would suggest that a Photoshop PSD file may be used in the creative process of designing a layout, but is not suitable for building the site. Furthermore, Dreamweaver is cumbersome and writes crap code. So unless you can pay someone else to build it for you, you could either:

    - Use a CMS (like Wordpress) if you are not technically minded (or simply have better things to do with your time). This will have add-ons that can animate things for you.

    - Learn how to build a web site from scratch. To do that, use the W3Schools tutorials on HTML, CSS and JavaScript. They will teach you the basics of what you need to know.

    PS Javascript is not the only way to add animation! Leaving aside flash animations and videos:

    a) Some simple "animation" effects can be achieved with the "hover" property of anchors.

    b) Good old-fashioned animated GIFs can be an effective way of adding animation (if used sparingly). To include a GIF animation in a page you just need to use <img> tags, exactly like a static JPEG. If you've got Dreamweaver, then you probably have Fireworks as well. You can build animated GIFs with that (or any of the many freebie GIF builders).

    c) Then there are the tasty animation functions in HTML5/CSS3 to consider...
    Last edited by jedaisoul; 04-13-2014 at 06:23 AM.

  3. #3
    Join Date
    Feb 2014
    Location
    Canada
    Posts
    155
    If you have an idea of what you would want a button to do, then we can help with bits of code but as far as saying you want something that looks good... well, that's far too vague. Assuming you want to do it yourself, I'd say learn HTML, CSS, JavaScript and if you want to do server-side programming, PHP. I've never been a fan of Dreamweaver and have very little experience with it as I use either NetBeans or Notepad++ for my scripting. If you're in a hurry, then check out Wordpress as it's the friendlist CMS site I've used and has excellent support and integration with other sites and features.

    There are various sites that will generate portions of CSS for you, so you just point, click and choose what you want. If I don't have a CSS animation already created, I use these sites to generate CSS animations, such as an animation to run when a file is loading.

  4. #4
    Join Date
    Dec 2002
    Location
    Seattle, WA
    Posts
    1,843
    Quote Originally Posted by jedaisoul View Post
    Firstly, I would suggest that a Photoshop PSD file may be used in the creative process of designing a layout, but is not suitable for building the site.
    it is acceptable to use most, if not all, elements of an image-based layout for website design. it should be noted that optimizing of such layouts to improve load times, usability, and bandwidth usage is highly recommended.
    Quote Originally Posted by jedaisoul View Post
    Furthermore, Dreamweaver is cumbersome and writes crap code. So unless you can pay someone else to build it for you, you could either
    dreamweaver works great for an editor in spite of the fact that 90% of the "features" in dreamweaver are useless for veteran webdevs like me.

    Quote Originally Posted by jedaisoul View Post
    - Use a CMS (like Wordpress) if you are not technically minded (or simply have better things to do with your time). This will have add-ons that can animate things for you.
    a cms is not a very elegant solution.

    Quote Originally Posted by jedaisoul View Post
    - Learn how to build a web site from scratch. To do that, use the W3Schools tutorials on HTML, CSS and JavaScript. They will teach you the basics of what you need to know.
    harsh statement... the MDN is great resource for javascript.

    Quote Originally Posted by jedaisoul View Post
    PS Javascript is not the only way to add animation! Leaving aside flash animations and videos:
    correct. the use of flash has been made obsolete by html5.

    Quote Originally Posted by jedaisoul View Post
    a) Some simple "animation" effects can be achieved with the "hover" property of anchors.

    b) Good old-fashioned animated GIFs can be an effective way of adding animation (if used sparingly). To include a GIF animation in a page you just need to use <img> tags, exactly like a static JPEG. If you've got Dreamweaver, then you probably have Fireworks as well. You can build animated GIFs with that (or any of the many freebie GIF builders).

    c) Then there are the tasty animation functions in HTML5/CSS3 to consider...
    CSS3 offers much in the the way of animation. broadly speaking... you may find that you might use some, if not all, of these different methods to support a wide variety of web browsers.
    Last edited by ShrineDesigns; 04-14-2014 at 08:48 AM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles