Create a project plan with the following elements:
Link your plan from your /web2/ site, clearly labelled ex 4.1 MicromediaGram Project Plan (or similar) DUE: Friday, April 20
Link to it from your Slack feedback group.
Get feedback from your Slack feedback group (Monday Apr. 30 / Tuesday May 1)
Before doing anything more: join our Slack micromediaGram channel
And check out the project design
This is a joint project, integrating your work in Comm & Info Tech and Web 2.
It integrates the backend work you have been doing in SQL, mySQL & PHP with the frontend work you have been doing in html, css & js.
The objective is to build a photo-sharing application that allows users to upload photos, view galleries, star favourites and add comments.
Ideally the application will be mobile-first & responsive and work across a variety of devices.
Setup a page using Bootstrap in a new folder i.e. web2/bootstrap
Add content from your Wordpress site using some of the Bootstrap features
Create a "friends & family" site using Bootstrap
Add content and use some of the Bootstrap features
Unit resources, exercises and projects.
Create a site using Wordpress. Your site can be either like a regular website or a blog or a combination of both, but be clear on the differnces.
Your site should include:
You will be evaluated on the following:
To backup Wordpress we need to back up:
# login to your webserver using ssh ssh STUDENTfirstname.lastname@example.org [your password] # navigate to your web2 folder cd web2/ # create a tarball g-zipped file of your entire wordpress folder tar -zcvf wordpress_backup.tar.gz wordpress
# login to your webserver using ssh ssh STUDENTemail@example.com [your password] # navigate to where you have your backup tar.gz file (web2/ ?) cd web2/ # unzip your tarball file tar xfz wordpress_backup.tar.gz
login to adminer (mySQL) with your user name & password. HINT: you can find them in your wp-config.php file if you have forgotten.
login to adminer, as above and do the following:
If it works, you should see your tables being recreated. Don't worry if there are errors saying the db or tables were not created because they already exist.
Write a blog entry on an article you have read. It can be this one: "Which is Better?" , something from my Twitter feed, or an article you find related to Wordpress or web design.
Your entry should include:
Add content to your Wordpress site including:
Create a home page in a subfolder named web2/ to link all your assigments.
And what's the difference between wordpress.com and wordpress.org
Read this article: "Which is Better?" to find out
Once you have installed Wordpress, please respond to this article with:
But perhaps the best resource for learning how to manage a Wordpress site is the Codex
//login to server ssh STUDENTfirstname.lastname@example.org [enter password] //navigate to the proper folder i.e. /web2/ using ls // list directory or folder ls -l //list -long to see directory with info cd directory_name // change directory cd .. // go up a directory // download, unzip and move wordpress directory wget http://wordpress.org/latest.tar.gz tar xfz latest.tar.gz //remove the g-zipped file rm -f latest.tar.gz //you can do this in Sublime Text > sftp or using SSH & linux //navigate to your wordpress folder then //change permissions on wp-content directory chmod -R 777 wp-content // having problems updating? // login to your web server using ssh commands above // navigate to your wordpress folder cd web2/wordpress // change file permissions chmod -R 777 wp-admin; chmod -R 777 wp-includes;
/*allow updating directly, without sftp*/ define('FS_METHOD', 'direct');
Your Wordpress database is: WP_web2_##student## . Obviously replace **student** with your stuent number: i.e.
Once you have uploaded wp-config.php with the changes, go to your wordpress folder i.e.
Wordpress will ask you to create a user, give your blog a title then ask you to login.
If it all works you should see your Wordpress Dashboard!!
Try to login using Adminer.
adding new themes? host: localhost user: STUDENT NUMBER pass: same as for Sublime
This course is a follow-up to web1: html, css & js.
We will learn how to install and manage a Content Management System, like Wordpress & Bolt CMS.
We will work with various frameworks and libraries like jQuery and Bootstrap to speed up web page development.
We will also complete a joint project together with your Comm & InfoTech class & Hugo, creating a dynamic website using a database.