Join Jen Kramer for an in-depth discussion in this video Configuring a Dreamweaver site and populating it with Bootstrap CSS, part of Templating with Joomla! 3 and Bootstrap (2013).
So the next thing I want to do to get started on this template is to set up …my work environment and I will be writing my code inside the Dreamweaver CS6.…Why Dreamweaver CS6?…Because I've been working with Dreamweaver for 12 years now and I love Dreamweaver …and I know Dreamweaver very, very well.…It's the tool that I use for writing all of my HTML, CSS, and PHP.…Does that mean you have to use it? No, not at all.…Don't feel like you have to go run out and buy a copy of Dreamweaver to make Joomla! websites.…
Particularly, if you're a big open-source person.…All I'm doing with Dreamweaver inside of this course is I'm going to be working…with files and file structures.…I am just going to be editing my HTML and my CSS by hand.…If you feel more comfortable working in some other environment, whether …that's something as simple as Notepad or TextEdit, or if you like to download …and work with some other kind of program like, Notepad++ or BBEdit or even something …more complicated like an Eclipse or Aptana.…
Author
Released
1/9/2013- Reviewing the graphic designs
- Creating HTML based on the Bootstrap framework
- Converting the HTML to a Joomla! template
- Installing the custom Joomla! template
- Using Firebug and the Firefox Web Developer Toolbar
- Styling the navigation bars
- Creating a dropdown menu
- Modifying the template for tablets and phones
- Working with advanced template features, like overrides
Skill Level Intermediate
Duration
Views
Q: After following along with the exercise files, all has gone well until I installed JCE. When I did this my control panel on the backend came up with the following "strict standards" error:
( ! ) Strict standards: Non-static method WFEditor::getInstance() should
not be called statically, assuming $this from incompatible context in
C:\wamp\www\administrator\components\com_jce\models\model.php on line 112
Please advise. I looked for a way of uninstalling JCE and could not find one. The exercise site seems to work quite well otherwise, although I can't change the profile of JCE as instructed because of similar messages throughout the JCE profile.
A: Anytime you receive an error about "strict standards" when work with WAMP (any additional messaging doesn't matter), please apply the following fix. This fix is also described in the Joomla! 3 Essential Training Chapter 11 video, "Turning off WAMP error reporting."
Because the error reporting is an issue with WAMP and not Joomla!, this fix works for Joomla! 1.6, 1.7, 2.5, and 3.0, as well as later versions of Joomla.
1. In WAMP, find the icon in the system tray and click it.
2. Choose PHP - php.ini from the list.
3. Search the php.ini file for the following line:
error_reporting = {there will be some kind of value in this place}
4. Change whatever value is there on that line to the following:
error_reporting = E_ERROR
5. Save and close php.ini, then go back to the WAMP menu and choose "stop
all services", followed by "start all services" to reboot Apache.
6. You should no longer see errors. If errors are still present, then do
the following:
a. follow steps 1 and 2 above
b. Search the php.ini file for the following line:
display_errors = off
Change this to
display_errors = on
c. Follow step 5 above.
Q: Why is Joomla not installing on my Windows computer with WAMP?
Q: The exercise files do not seem to work with the latest version of WampServer. What do I do?
Related Courses
-
CMS Essential Training
with James Williamson3h 11m Beginner
-
Introduction
-
Welcome53s
-
Using the exercise files1m 36s
-
Course prerequisites2m 6s
-
-
1. What's New with Joomla! 3 Templates
-
Discussing CSS and LESS3m 41s
-
2. Creating the HTML Starting File
-
Building the grid10m 11s
-
Adding the Google font2m 50s
-
3. Converting the HTML Composition to a Joomla! Template
-
Creating a favicon2m 17s
-
Understanding the XML file3m 54s
-
Creating a new XML file5m 40s
-
4. Installing the Joomla! Template Package File
-
Fixing image paths3m 45s
-
5. Working with CSS, index.php, and Joomla!
-
Using Firebug2m 49s
-
Using ColorZilla2m 42s
-
6. Styling Your Joomla! Template for the Desktop
-
CSS workflows6m 1s
-
Styling the header5m 21s
-
Styling the navigation bar9m 35s
-
Styling the navigation text6m 47s
-
Styling the testimonials7m 50s
-
Styling the breadcrumbs1m 32s
-
Styling the search button5m 31s
-
Styling the footer4m 16s
-
-
7. Styling Your Template for Tablets and Phones
-
Including the mobile logo6m 49s
-
8. Advanced Template Features
-
Layout overrides: Modules9m 28s
-
9. Joomla! Template Styles: Creating Color Variations for Your Template
-
What is a template style?5m 38s
-
Editing the XML file6m 57s
-
Configuring the styles5m 46s
-
-
Conclusion
-
Next steps1m 55s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Configuring a Dreamweaver site and populating it with Bootstrap CSS