GbzUnaxf221
timer Asked: Apr 18th, 2020

Question Description

Create a new sub folder in the templates folder. The name of the sub folder must be your TU user id

create template code using HTML and CSS

code in the author tag must be your full name, example: <author>your full name</author>

finished site should look similar to image 8.8 on page 205 in the book and must include at a minimum the following

a grid system of 3 columns and 3 rows (9 grid areas)

9 grid areas must all have content (articles or other modules)

for easier identification, please simplify the text in the article and begin each article according to the position it is shown in, such as "this is text appearing in upper left grid area"

1 image of yourself (displayed either in an article or in another module somewhere on the main screen)

must have one element in each of the defined grid areas (3 columns, 3 rows - 9 grid areas)

Unformatted Attachment Preview

Overview In this exercise we will create our own Joomla! template using HTML and CSS. Procedure Start your virtual machine 1. Start VMware Workstation Player . 2. Open the VM used for this course 3. Nagivate through the top folder until there is only one file showing, a file with the extension .vmx. Click once on this file, then click open. 4. On the right of the screen, right below the screen image, you find the commands for this virtual machine. 5. Click on play this virtual machine 6. If you are asked if you copied the machine, select Yes for I copied the machine A theme of the contents will be announced in class, please create your content according to the theme. Assignments not complying with the theme will receive a grade of zero. Start building a basic template visit: http://docs.joomla.org/Creating_a_basic_joomla!_template create a template folder (the folder name for your template must be your Towson User ID, make sure to change all references in code) in that template folder, create a folder named css and a folder named images follow the instructions in the link above to create the index.php and template Details.xml (only these two files) files for a Joomla template discover the template (use Extension Manger) to make it available in the Template Manager (p. 195) make your new template the default template and test the site enhance styles and positioning locate the folder /var/www/html/media/jui copy the file bootstrap.css (in the css directory) to /var/www/html/templates/yourtemplate/css and rename the file to template.css remove the original template.css file first (if there is one) test site - it should have additional formatting now copy the folders img and fonts to /var/www/html/templates/yourtemplate test site - it should have additional images now add the following line to the index.php file in the first line of the php part, right before the end of the php code ?> Jhtml::_('bootstrap.framework'); Create or rearrange some content to fill the positions in our template as we add positions to our index.php file, we must make make sure that positions in index.php match the positions in template Details.xml Apply more formatting to the site create a grid system of 3 columns and 3 rows (9 grid areas) you can use chapter 8 and begin at the bottom of page 200 "Working with the Grid System" and use the code only as a guidance, remember that we will produce 9 grid areas (it will not be identical to the book) or you can use what we covered in class remember that positions in index.php must match with positions in template Details.xml the finished site should look similar to the image 8.8 on page 208 in the book (only similar, remember we will have 9 grid areas)
User generated content is uploaded by users for the purposes of learning and should be used following Studypool's honor code & terms of service.

This question has not been answered.

Create a free account to get help with this and any other question!

Similar Content

Related Tags

Brown University





1271 Tutors

California Institute of Technology




2131 Tutors

Carnegie Mellon University




982 Tutors

Columbia University





1256 Tutors

Dartmouth University





2113 Tutors

Emory University





2279 Tutors

Harvard University





599 Tutors

Massachusetts Institute of Technology



2319 Tutors

New York University





1645 Tutors

Notre Dam University





1911 Tutors

Oklahoma University





2122 Tutors

Pennsylvania State University





932 Tutors

Princeton University





1211 Tutors

Stanford University





983 Tutors

University of California





1282 Tutors

Oxford University





123 Tutors

Yale University





2325 Tutors