Highlighted

Eliminate External References?

New Here ,
Jun 08, 2019

Copy link to clipboard

Copied

(1st of all...thanx to everyone who helped w/ my last post...almost all of the responses were over my head, but thanx anyway)

please take a look at this site in progress: http://www.moonjams.net/cho2.html

I used a bootstrap design I nicked from GetBootstrap, because:
1) I very much liked the overlapping of the intro text & intro image in the section class

2) The fact that the main navbar was placed below the header

but...the entire design is linked to an external GetBootstrap stylesheet...meaning that, if that stylesheet were ever yanked from that site, my site would fall flat on it's face.

so...here's my basic questions:

1) in dreamweaver (CC2018)...how would I design (FROM SCRATCH) a page to look like this...where I could link to my own stylesheet; & also link to my own custom fonts?  I've tried all the basic dreamweaver bootstrap templates, but can't find anything even similar.  When I use an existing template, I don't have the knowledge to maneuver it into that design.

2) in the past, I was used to working in a wysiwyg editor, where I could physically move images & text blocks around on a page...but that method is relegated to static design (& not responsive design).  Is there some function in dreamweaver that allows me to select an attribute & then somehow guide it to where I want it to be placed on the page...or issue sets of commands in the code to have it placed there properly (or do I now have to learn how to code like the pros)?

thanx,

mf

Views

70

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Eliminate External References?

New Here ,
Jun 08, 2019

Copy link to clipboard

Copied

(1st of all...thanx to everyone who helped w/ my last post...almost all of the responses were over my head, but thanx anyway)

please take a look at this site in progress: http://www.moonjams.net/cho2.html

I used a bootstrap design I nicked from GetBootstrap, because:
1) I very much liked the overlapping of the intro text & intro image in the section class

2) The fact that the main navbar was placed below the header

but...the entire design is linked to an external GetBootstrap stylesheet...meaning that, if that stylesheet were ever yanked from that site, my site would fall flat on it's face.

so...here's my basic questions:

1) in dreamweaver (CC2018)...how would I design (FROM SCRATCH) a page to look like this...where I could link to my own stylesheet; & also link to my own custom fonts?  I've tried all the basic dreamweaver bootstrap templates, but can't find anything even similar.  When I use an existing template, I don't have the knowledge to maneuver it into that design.

2) in the past, I was used to working in a wysiwyg editor, where I could physically move images & text blocks around on a page...but that method is relegated to static design (& not responsive design).  Is there some function in dreamweaver that allows me to select an attribute & then somehow guide it to where I want it to be placed on the page...or issue sets of commands in the code to have it placed there properly (or do I now have to learn how to code like the pros)?

thanx,

mf

Views

71

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jun 08, 2019 0
Adobe Community Professional ,
Jun 10, 2019

Copy link to clipboard

Copied

markf26988182  wrote

..the entire design is linked to an external GetBootstrap stylesheet...meaning that, if that stylesheet were ever yanked from that site, my site would fall flat on it's face.

Not true.  If moonjams.net is your site, then you are mistaken about the origin of your CSS files.   it appears they are both hosted on the moonjams.net server as shown in the following URLs.

http://www.moonjams.net/vendor/bootstrap/css/bootstrap.min.css

http://www.moonjams.net/css/business-casual.min.css

Same goes for jQuery & Bootstrap JS files.

http://www.moonjams.net/vendor/jquery/jquery.min.js

http://www.moonjams.net/vendor/bootstrap/js/bootstrap.bundle.min.js

IMPORTANT!!!   Never ever edit Bootstrap or jQuery files.  Doing so could ruin your site permanently.   If you want to create custom styles, use another external stylesheet called custom.css and add a link to it below all other CSS files.

Your custom web fonts are hosted externally on Google's servers.   And if Google's servers  ever go down, planet Earth is in a whole heap of  big trouble.  So stop worrying about it.

Sorry to say but this content region looks like a mistake rather than a desired layout approach.

Fix your code error.  You're missing a closing </li> tag which can adversely effect your layout.   Even small errors can lead to big problems in some browsers & devices.

Showing results for http://www.moonjams.net/cho2.html - Nu Html Checker

Nancy O'Shea, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 10, 2019 1