(watch this video in a new tab or window)
Hi, I'm Kirk Hopkins and I wanted to let you know that I created most of the video tutorials used for this class after a recent accident where I fell off a barn roof. I'm feeling much better now but I did have a concussion from the accident and as I edited the lessons I noticed that I looked a little confused and I had a little scratch on my nose but all the lessons are good and I'm feeling much better now, and I hope that you enjoy this class. Thanks. Bye.
(watch this video in a new tab or window)
Hi, I'm Kirk Hopkins. Welcome to IMS222. In this class you'll learn how to make great looking, highly useable, web pages and web sites from scratch using a text editor. We'll cover HTML5, CSS3, and PHP. You're not expected to know any of this prior to the class. We'll also cover some computer basics so that you can edit code quickly.
The class will be done in a flipped classroom style, where content is provided primarily in video format for you to cover on your own. In class we'll practice the learned content by creating a web page highlighting the new concept. We'll also discuss content from the videos as well as work on assignments, projects, and help each other.
There are no quizzes or tests in my class. As long as you do your work, come to class, and participate, you should be fine. There is a lot of content to cover in a short amount of time so be ready to devote time to this class.
I'm looking forward to seeing you in class.
(watch this video in a new tab or window)
Every student has web space at Miami. This tutorial will walk you through how to set up your web space.
From myMiami, access NetDisk (or go to https://www.netdisk.miamioh.edu) and log in with your Miami UniqueID and password.
From the Jump to drop-down box, choose MyFiles.
In the navigation pane on the left, choose Create Directory.
For the new directory name, type: public.www
(This directory name must be entered exactly as shown or published pages will not function.)
Click Create Directory. A public.www folder will be created and will appear on your Directory Listing.
Click the Share link located next to the newly created public.www folder.
In the UserId field type: udsweb
If you are in Basic view, select the checkboxes Read & Execute, List Folder Contents, and Read.
If you are in Advanced view, select Transverse/Execute File, List Folder/Read Data, Read Attributes, Read Extended Attributes, and Read Permissions. Under the Applies To drop-down menu, select This folder, subfolders, and files.
Click Apply.
Your MyFiles space is now ready to be used for publishing web pages on the Internet and can be accessed by visiting http://www.users.miamioh.edu/UniqueID. (Replace the italicized portion with your own UniqueID; for example, http://www.users.miamioh.edu/publicjq.)
Important Note: Some users have noticed that when following these instructions, they see only the Advanced permissions view, and not the Basic view. This is the normal function for NetDisk/MyFiles and should not be cause for concern. Permissions are set in the same way.
If you're off campus and you want to work with your Universal Disk Space (UDS) (also called "MyFiles") you will need to use a VPN client. You do not need to do this from on campus. You only need to watch this next video (and setup a VPN client) if you plan to work from off campus.
(watch this video in a new tab or window)
The 2 most popular ways to edit code is to FTP the server or use WebDAV. With FTP, you keep the files on your local machine and copy them up to the server. This is a mostly archaic way of doing things in my opinion. With the FTP option, it can also get confusing as to what your editing vs what web page your viewing. Editing and testing PHP code is also a very slow process when using the FTP method.
We're going to use WebDAV in this class. WebDAV stands for Web Distributed Authoring and Versioning. With WebDAV, you'll mount the server on your local machine. Accessing the folders and files will look just like other folders and files on your machine.
Not every web service offers the ability to use WebDAV, but I can tell you that if they don't offer it, I'm not going to use their service. BlueHost, one of the most popular web hosting companies (and one that I use) offers WebDAV.
Mounting your UDS on a Mac: click on the desktop (to bring Finder to the foreground)...Go...Connect to Server, then enter smb://it.muohio.edu/files/MyFiles/U/UNIQUEID where U is the first letter of your last name, and then your UniqueID. Mine is: smb://it.muohio.edu/files/MyFiles/H/HOPKINKS. Now you can use Finder to open and edit your web pages. Also note that while using muohio.edu still works, the university prefers that you use miamioh.edu now. Here's a tutorial on how do this for those of you who are more of a visual learner.
All in all, what you want in this software is something that works for you and colors the code so you know if you're running astray. If any of you have done some of this stuff and want to share your favorite software with the class.
NOTE: DO NOT USE DREAMWEAVER. Never use Dreamweaver until you know what you're doing; and by then you won't want to use it. It's garbage software that mucks up the code and will cause loads of problems for you later. Sure, you can probably use it and I won't notice, but trust me, it's nothing but trouble.
(watch this video in a new tab or window)
Open your text editor, I'm using TextWrangler. Type “Hello World”. We'll save it to the desktop. File...Save As...(name it) “WebPage00.htm” (you may have to get rid of '.txt')...Save (to the desktop).
Connect to your Miami disk space.
Create an “IMS222” folder.
Copy the file over to the folder you just created.
Verify that you copied it correctly by viewing the page with a web browser.
It's also good to verify that your permissions are correct by having someone else (not logged in as you) go to the same webpage.
They should now be able to see your page.