Duplicating page inc JS/CSS and others

Question

I have a template and want to add a page, it has 4 pages.

Home About Services Contact

I want to add a new page FAQ, in the same format at the About page

Is the only way to do this, to manually search for every entry/code named: About and copy is, then rename the new copy to FAQ ?

Or does DW have a system/function that will do that for me ?

B i r n o u · Accepted Answer

Birnou ..That is a most generous offer ....If you have some spare time, and only at your convenience; I would be most grateful. I was not looking for someone to 'fix this - please'. I have had Adobe CC for sooo many years, I have tried tutorial videos like https://www.lynda.com.But I end-up finding life demanding and have to leave my Adobe/PC dabbling for extended periods, of course in that time I forget all I figured.This time when my son asked for help putting a site together I tried to get him on to Wix or something like that. I felt I just didn't have the time now, (I am my aged dads f/t carer). Then when I opened CC - WoW so much had changed, almost so, that anything I remembered how to do, I couldn't find/figure cause it didn't look the same as I remembered it.I know DW is powerful, and I am ashamed to admit I use it almost like Notepad, not even notpad++.So this is where my original question came from, was what I looking for/to do something built-in to DW. I thought I'm better of asking now when it would be handy to know. Than to find out in a few months/years time - so I found my way here and asked P.S.BTW .....If you have read this far I'll add:I'm glad my son encouraged me to do this for him; even though it's been a bit of a bumpy ride, it has shown me I can fit some 'me' time in and dabble around on the PC.So I think I will take the advice offered here and try some of the Adobe tutorials and start afresh - again.hello sorry for the delay... I had some work on my desk when beeing back from the event... so ... here is an alternative approach to yoursBUT... yours of replacing the unused page as you did was really fine....soWell, first on the source HTML and after the present menu one need to add a new LI item for completing the menu as

New Link

two elements are important in term of semantic, label and case sensitive...the ID navNewLinkthe menu item (as you like) New Link so still in the source code, one need to add the SECTION reflecting the future and new page content, here there is a template nuts to be respected before adding the free and pure content one can add the newt HTML code, just after the line (currently present in the source code).just remark that a class newlink-page is created for this purpose and so need to be added in the style.css file...just play with a ctrl-f in that document to find aout where (check in your template material if there is any scss file... for sure that will help to avoid a massive copy / paste in that purpose)CAUTION !!!! you have an error on the rules at /** End icon-max && Close **/ there is a space .faq-page .full-width, that shouldn't be present as .faq-page.full-width,so the HTML SECTION

New Link

Sub title of the section.

in the same way an ID is created, newlinkPage and this id must be set up in the main.js file in the init native function (you'll see there all the other pages recored... so add newlinkPage = $('#newlinkPage') that done, one need to link the menu ittem ... so still in the main.js addnavNewLink = $('#navNewLink')and on the allSectionMoved, adding the page section ID in our case --> newlinkPage so modify the appropriate JS line as allSectionMoved = $('#contactPage, #servicesPage, #aboutPage, #faqPage, #portfolioPage, #newlinkPage') and the event too... so as the scripts are multiple... one need one by one to add to all of them (navAbout, navFaq, navServices , navPortfolio, navContact just adding to all of them the add(newlinkPage) just before the removeAttr('style') will be fine then create your own for this new page (New Link) at the end of all the others one as // Show New Link navNewLink.on('click', function () { activeNavBar(navNewLink); contactPage.add(ServicesPage).add(portfolioPage).fadeOut(100); contactPage.add(ServicesPage).add(AboutPage).add(FaqPage).add(portfolioPage).add(newlinkPage).removeAttr('style'); // Close Nav In Mobile if (navbarTogglerMob.attr('aria-expanded') !== 'false') { navbarTogglerMob.trigger('click'); } // show page newlinkPage.fadeIn(399); }); then adding the full screen and the close buttons events. simply look almost at the end of the main.js, and add .add(newlinkPage) to the closeSectionContent function that should do the jobas it makes a lot of modification, you will find the HTML JS and CSS file on that link,http://www.birnou.net/tjt11719822.zipplease, let me know when donwloaded, I will remove the archive from server.hope that helps...have a pleasant dayb_irnou

B i r n o u · Answer

it is for sure that knowing the code is a value that is sorely lacking today.

but it is also important, and especially for small teams, to keep in mind that mastering the notions of ergonomics, content strategy, to know how to promote a user experience that is worthy of the name... are just as many values that should not be forgotten.

I saw so many sites developed by programming and code experts that were so visually poor... so old-fashioned... that the value provided by the code passed far, so far from reality for the customer...

it is necessary to preserve this fair compromise between code quality and user experience richness

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded