Week Four (MGDP2060)

This article lists topics for week four of Web Design and Development III (MGDP2060).

See also Week Four Exercises (MGDP2060).

In the news

• You Don't Have To Be Good At Math To Learn To Code @ Slashdot
• Wikipedia founder backs site's systems after extortion scam @ The Guardian
  • "Jimmy Wales says system is secure after users posed as senior editors and demanded payment from businesses"
• Data is a liability, not an asset @ BoingBoing - see also Technical debt
• Your baby monitor is an Internet-connected spycam vulnerable to voyeurs and crooks @ BoingBoing

Items of interest

• AsciiMath - "An easy-to-write markup language for mathematics"

Little Bobby Tables

See:

• Little Bobby Tables
• Data sanitization

Get versus Post

...

student_ftp

The class web server now has a folder named student_ftp for students to store class-related resources which are not part of their website, such as class notes, Photoshop files, etc.

• Create a subfolder in the student_ftp folder.
• Give this subfolder the same name as you gave your website subfolder.

Within your FTP folder, you are free to store create further subfolders, to organize your work.

Some classroom exercises will require you to make folders, give them specific names, and store particular files there.

Wireframe

In your FTP folder, create a folder named wireframe.

• Upload your wireframe to this folder
• Keep any other wireframe-related documents you make in this folder

Web page conventions

Follow these web page conventions when creating class-related web pages.

See also Naming convention for more general information.

wordpress.htcwebcreative.com

See wordpress.htcwebcreative.com.

Downloading WordPress

WordPress is available for free download at:

• [ wordpress.org]

Do not confuse with wordpress.com -- a commercial web hosting service.

About .tar and .gz

• .tar and .gz are file formats for archiving and compression
  • OS X has built-in handling for these formats
  • Microsoft Windows does not, you will need to download 7-Zip or some other application

WordPress folder

Move the wordpress folder into your local root folder.

Alternately, you can move the WordPress files into the local root folder, which automatically makes the Home page display WordPress.

• Don't do so for this class, but you may wish to do so for other sites

Using the subfolder gives you options:

• You can browse WordPress using the subfolder in the URL
• You can make your Home page display WordPress by running a PHP script in the Home page
  • This is a widely-used approach

Changing the folder name

You can change the subfolder name from wordpress to something else.

• To do this, you must specify the new subfolder name in the admin console
• Don't do so for this class

Some people (TO DO: who?) advocate changing the folder name to something not obvious, hoping to escape the attention of WordPress-exploiting bots

My own feeling is some WordPress-exploiting bots can almost always identify a WordPress-based site, and that changing the folder name does not do much good. Some good -- some bots may fail to identify a WordPress site, if you change the file name. But I'm skeptical.

None of this is significant when you are running on localhost -- only when your site is on the World Wide Web, where bots can get at it.

• See Security through obscurity.

Running phpMyAdmin

phpMyAdmin is a browser-based tool for creating and managing MySQL databases.

MAMP provides a convenient shortcut to phpMyAdmin.

Creating a database in phpMyAdmin

Browse phpMyAdmin.

..

Browsing your WordPress website

View your WordPress site in a browser.

• http://localhost/wordpress - Example, not working link -- enter the URL in browser address bar

Managing your WordPress website

Manage your WordPress site by logging into the administrative control panel:

• http://localhost/wordpress/wp-admin - Log in to WordPress admin console (example, not working link)

WordPress Themes

In WordPress, a theme provides the HTML and CSS (the front end) which WordPress will use when generating web pages.

Many free themes are available, along with commercial themes.

You can create your own WordPress theme; we will do so in this class.

WordPress: any type of website

WordPress was originally written as blog software, but you can make any type of website with WordPress,

• Blogging can be omitted altogether
• Blogging can be re-branded as "News" or whatever, can appear on interior page(s) rather than home page.
• Custom post types allow you to specify new post types, which behave like blog posts, but are customized to your subject matter
  • For example, profiles -- see [ Mondovi Dental]

Demonstrations

• WordPress installation
• phpMyAdmin - browser-based database management tool

Exercises

• Week Four Exercises (MGDP2060)

Vocabulary

See complete list.

New vocabulary

• Codebase
• Login session
• Project management
• Revision control
• Session (computer science)
• Technical debt

Previous vocabulary

• Bit
• Bootstrap (framework)
• Byte
• Cascading Style Sheets
• Control flow
• Delimiter
• Deliverable
• Expression (computer science)
• Hostname
• HTML
• Hyperlink
• JavaScript
• LAMP (software bundle)
• Legacy system
• localhost
• MAMP
• MySQL
• PHP
• Portability
• Problem solving
• Responsive web design
• SQL statement examples
• Statement (computer science)
• Static web page
• Title (HTML)
• Uniform resource locator - URL
• Web application framework
• Web server
• XAMPP

See also

• Web Design and Development III (MGDP2060)