Skip to main content
Inspiring
October 27, 2019
Question

Dreamweaver - responsive navbar, forms and slideshows

  • October 27, 2019
  • 5 replies
  • 1608 views

I've started to handcode small, simple websites using HTML and CSS. But I'm coming up against the same problems: making responsive navbars / dropdowns, simple contact forms, slideshows and show/hide content. I don't know anything about JavaScript and this is probably beyond my understanding (I'm a graphic designer).

 

I've looked into Bootstrap but it to me it appears very bloated, overly complicated and I don't like the idea of using a framework. I like the idea of writing my own code and knowing what it is doing.

 

I'm looking for a tool / app that will help me make these features that I need help with.

 

Would Dreamweaver help?

 

Does Dreamweaver come with pre-built "blocks" or elements that I can simply add to my site and tweak? i.e. does it come with JS to do the heavy lifting for me? (For these elements I'll have to accept that I probably can't handcode them and will have to rely on pre-built elements)

    This topic has been closed for replies.

    5 replies

    Participating Frequently
    November 17, 2019

    I've started to handcode small, simple websites using HTML and CSS. But I'm coming up against the same problems: making responsive navbars / dropdowns, simple contact forms, slideshows and show/hide content. I don't know anything about JavaScript and this is probably beyond my understanding (I'm a graphic designer).

     

    Let me suggest one thing,  Post your questions in small chunks with your initial effort/code and a brief explanation as to what do you expect the code to do and somebody here will try to help you out.

     

    Although you can buy extensions for DW but if you really want to learn HTML/CSS then the best thing is to start coding like what you have already started and through experience and seeing what others are doing will teach you more than simply buying off-the-shelf solutions.   These are suitable for professional developers who are charging for their services and you look to me as a hobbyist and so doing it yourself is better with a little help from users here.  

     

    Good luck.

     

    markeeeeeAuthor
    Inspiring
    November 16, 2019

    I've spent a little bit of time looking at DW, Brackets, Sublime and Atom. I really like that in DW I can insert pre built snippets and pre built HTML and CSS. I think I'll learn a lot from that, it creates better code and it will speed things up. I think this is what I'm looking for - a little help (without using a framework which I don't like: too much code). The big thing that I really don't like about DW is the way I can't see my open documents/files/pages. They are arranged horizontally in tabs forcing the user to scroll right. And how can you tell if one of the documents has been edited, but not saved?

    Nancy OShea
    Community Expert
    Community Expert
    November 16, 2019

    Just  a head's up, Bootstrap components require the complete Bootstrap framework otherwise they won't do anything.   It would be like running an electric fan without a power source.

     

    Horizontal tabs adjacent to the Source Code tab = related files  (CSS, JavaScript, includes, etc...) contained in your source document.  You can disable related files from View menu.

     

    Nancy O'Shea— Product User & Community Expert
    Nancy OShea
    Community Expert
    Community Expert
    October 27, 2019

    Dreamweaver's Insert menu contains a bevy of Bootstrap Components you can quickly insert into your Bootstrap projects.  Navbars, Carousel sliders, Accordions, forms, etc...   With just a few mouse clicks, you can create a responsive starter page in no time.  File > New > Starter Templates...  See Screenshot.

     

     

     

     

     

     

    Nancy O'Shea— Product User & Community Expert
    markeeeeeAuthor
    Inspiring
    October 27, 2019

    And do Bootstrap Components come with the JavaScript to make the navbars, sliders and accordians work? Or just the HTML and CSS? Is it possible to only use Bootstrap for the Components I need (rather than base the whole site on the framework)?

     

    I don't think Bootstrap forms come with the PHP to email completed forms to an email address?

     

    Many thanks

    Nancy OShea
    Community Expert
    Community Expert
    October 27, 2019

    Bootstrap is a front end framework only.  It does not make server-side technology decisions for you.   That's up to you based on your coding skills and what your server supports.

     

    A Bootstrap starter template contains the HTML structure, responsive CSS and JavaScript you need for most things.  You can elect to use as little or as much as you want, of course.  But honestly if you use Bootstrap or any framework, use it for everything you can.  Otherwise, what's the point? 

    Nancy O'Shea— Product User & Community Expert
    Legend
    October 27, 2019

    Hi markeeeee

     

    Dreamweaver is not a full-blown WYSIWYG by any means - you need at least some basic HTML/CSS skills as a minimum IMO.  For Bootstrap components it will offer some help otherwise you'll need to purchase some 3rd party extensions for help with layouts, components and navigation features, I believe P7 are the best option for these.

     

    Dreamweaver CC 2015 is the last version that included the original/native code editor, CC 2017 introduced a integrated Bracket code editor, a dumbed-down version of Brackets, its taken two-years or more to fix a lot of issues that caused, I'd say CC 2019 is the most stable Dreamweaver for a few years (personally I still prefer CC 2015).

     

    Yes, Bootstrap is bloated, but a lot of people find it an easy way to learn and a lot of the popular WYSIWYG tools out there are 'Bootstrap Builders' - its a personal choice and you can 'clean-up' redundant Bootstrap stuff (always make a backup first). Then next choice is whether to use a Javascript framework or go 'Vanilla'. jQuery makes life easier but is dropping in popularity and you might also want to do some research into other frameworks like React, Vue and Angular.

    Sometimes its horses for courses, how much time do you want/can you afford to spend on learning? What does the project require and what is really important to you? Learning can be fun but it can be time-consuming too 🙂

    Paul-M - Community Expert
    Legend
    October 27, 2019

    There are several companies that produce paid for extensions which work with DW, specifically covering navigation and sliders. I don't know if that's an option you have considered. There is also a wealth of solutons if you Google for Codpen, a place where other developers share their work, lots of pre-bulit slideshows and navigation solutions, which you can just copy and paste into your own code and tweak it a bit.

     

    People either love of hate frameworks, I personally hate them as they restrict your ability to move forward, you think less, that's the very reason you use them, so to break out requires a lot of discipline. There is absolutely nothing like coding our own solutions as this has the benefits of expanding you're knowledge BUT its a long and winding road and that also requires a lot of discipline to maintain.

     

    Depending on youre long term goals - I would encourage you to keep learning if youre in it for the long-run, if not then it probably isnt worth the effort, just go for the cheap route and options.

     

    There are other alternatives like Webflow and Wix which have prebuilt navigation and slideshows. Wappler is another one but it does by default use Bootstrap, although you dont have to use Bootstrap and it does have a lot of pre-built component like slideshows etc however be warned it produces niche coding which may well hinder your chances to get a job in the industry, if ever you require to do so.

     

    markeeeeeAuthor
    Inspiring
    October 27, 2019

    Thank you.

     

    I've looked into Webflow (and Wix) but hate that you can't see or write code.

     

    I think I'm looking for something that doesn't exist: a code editor (like Brackets, BBEdit etc) but that comes with prebuilt elements for more complicated stuff (like Webflow etc) so that I don't have to learn JavaScript as well as HTML and CSS.

    Legend
    October 27, 2019

    You need to look at Wappler then. It has a code view/plenty of prebuilt options, slideshows, modals, charts etc database connectivity, all mostly by clicking through a UI - there is a massive learning curve BUT think carefully about what you are selling yourself into, it could limit you in the future.