In this video, author Chris Mattia walks you through the entire website creation workflow, from designing your site structure and page layouts to organizing assets, writing and testing your code, and publishing your site.
- [Instructor] There are three steps to managing…any web or course site, planning and preparation,…execution, and testing.…By far, the biggest step is the first one.…In the last movie, you got a glimpse into the file…preparation process that I use, but now let's look…at the overall process in a bit more detail.…When planning out a web or course site, begin with a site…sketch on a piece of paper, a whiteboard, or a tablet.…What are the major parts, sections, or pages for the site?…For a typical course site, it may look something like this.…
You'll need a home page, a syllabus, a page for each unit…or lesson, a page for readings or resources,…and a page for contact information.…Activities like discussions, homework, quizzes,…and grades can all be offloaded to…your campus learning management system.…Next, sketch out what you want the pages to look like.…A header with basic information about the page,…the main article or content for the page,…maybe a navigation panel that sits over here and a footer…that contains additional information for the page.…
- Coding a site, a page, or parts
- Managing digital assets
- Formatting headings and paragraphs
- Creating links to pages
- Linking to a PDF or a Google Doc
- Inserting your own images into an LMS
- Embedding YouTube, Vimeo, and SoundCloud media
- Making pages responsive for mobile devices
- Working with CSS using web developer tools
- Overriding existing CSS
- Setting up your own domain
- Using FTP
Skill Level Intermediate
WordPress for Education: Multisitewith Chris Mattia1h 55m Intermediate
Measuring Learning Effectivenesswith Jeff Toister47m 4s Beginner
1. Web Basics
2. Semantically Formatting Text
3. Leveraging Links
4. Integrating Images
5. Embedding Resources
6. Adding Style with CSS
7. Setting Up Web Infrastructure
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.