Difference between revisions of "Week Two (MGDP2050)"
Karl Jones (Talk | contribs) (→File Transfer Protocol (FTP)) |
Karl Jones (Talk | contribs) (→Responsive web design (RWD)) |
||
| Line 50: | Line 50: | ||
== Responsive web design (RWD) == | == Responsive web design (RWD) == | ||
| − | Responsive web design is a set of web design techniques for creating web pages | + | '''Responsive web design''' is a set of web design techniques for creating web pages for a wide range of devices, from mobile phones to desktop computers. |
Techniques include proportion-based grids, flexible images, and [[media queries]]: | Techniques include proportion-based grids, flexible images, and [[media queries]]: | ||
Revision as of 05:31, 19 January 2016
Lecture notes and exercises for Week Two of Web Design and Development II (MGDP2050).
Contents
HTC web creative dot com
The domain htcwebcreative.com is available for student use, with some cautions and restrictions.
See: http://htcwebcreative.com
File Transfer Protocol (FTP)
File Transfer Protocol (FTP) is a standard tool for transferring files between computers over networks.
Working with FTP is a fundamental skill in this class.
LAMP, MAMP, XAMPP, etc.
Update: this section postponed until Week Two.
LAMP stands for:
- The Linux operating system
- The Apache HTTP Server
- The MySQL relational database management system (RDBMS)
- The PHP programming language, and the Perl scripting language
LAMP allows you to run a web server as a desktop application. This is very useful for web development.
See LAMP (software bundle) for more detailed information.
See also:
Bootstrap
Bootstrap is a framework for responsive web design.
General discussion:
Getting started, and download Bootstrap:
Responsive web design (RWD)
Responsive web design is a set of web design techniques for creating web pages for a wide range of devices, from mobile phones to desktop computers.
Techniques include proportion-based grids, flexible images, and media queries:
- The proportion-based (or fluid) grid concept calls for page element sizing to be in relative units like percentages, rather than absolute units like pixels or points.
- Flexible images are also sized in relative units, so as to prevent them from displaying outside their containing element.
- Media queries allow the page to use different CSS style rules based on characteristics of the device the site is being displayed on, most commonly the width of the browser.
Devices include:
Exercises
In class
...
For next week
...
By end of semester
...
