Tag: websites

DT 8: HTML + CSS

This week’s Digital Tutorial is on the basic code that runs the web: HTML. CSS is shorthand for cascading style sheets, a way to format your web pages and easily change that formatting. There are three levels of challenges to this Digital Tutorial. Do what you can depending on your existing familiarity with HTML:

If you’ve never used HTML code before, use the basic HTML tutorial to create a web page; upload it to Canvas or better yet upload it to your OU Create server space (instructions in this tutorial on Subdomains and Uploading Files) and enter the link to your subdomain on Canvas.
If you’ve never used CSS before, try making a second page using a style sheet. Upload your original page (created in #1), and the new page plus CSS to your domain. If you follow the tutorial, I’ll see a link to your new page on your index page you created in #1.
If you already knew HTML and CSS before taking this class or just want a challenge, try one of these (both require creating an account on GitHub, a site where people write/share/deploy code):
1. Dr. Miriam Posner’s tutorial to create a page on GitHub pages
2. Use a set of templates called Bootstrap to make a web page.

Whatever you choose to do is fine with me. I will stay on Zoom the full class time. Ping me if are working on it during that time and you want to trouble-shoot.

Assignment will be considered complete if you send me a page of HTML or link to your page online. Due Friday 11:59 pm Oklahoma time.

If you get stuck, step away, take a breath, and try again a few hours later. If you are still stuck again, you always message/email me for a time to work through it one on one.

Added Tues night: Here’s a video introduction to the tutorial!

https://youtu.be/l6XId99KiIo

Tags css, github, html, subdomain, tutorial, websites

Assignments Digital Tutorials

More Digital Portfolio Instructions

Post author By admin
Post date March 13, 2020
No Comments on More Digital Portfolio Instructions

On your personal website (created on OU Create), you will showcase your learning in this class by creating up to three pages.

If you are doing a final project, one of the pages will be about the final project
The other pages will be revisions of your work on your Digital Tutorials

The Digital Tutorial pages will involve:

A separate page or post for each one with a snappy title (not just “Using Voyant”), tags, and/or categories. (If you use your website for other things, you can create a DH or Digital Humanities category for your pages/posts for this class, for example.)
A cogent explanation of your research question, data/sources, and method
A cogent explanation of your results
Illustrations of your work (screenshots, images downloaded, etc.)
Citations of your tools, data/sources, and anything else you use (such as readings from class that informed your work, tutorials, etc.)
- Link in the text
- Also have a list of sources at the end of your post; I don’t care the format as long as it’s consistent, and if your tool or data source or whatever specifies a way to cite it, use their language. (AntConc, Voyant, Programming Historian tutorials, plus possibly some others, all have “how to cite” info on their websites.)
Write in a style for a public audience that may not know what Voyant is, etc.
Write clearly, free of errors that obscure meaning.

You MAY use Omeka as one of your pages; in this case you would write about the same things as above regarding Omeka and link to the Omeka site.

You don’t need to get into a nitty gritty step by step of what you did; you have a research question, sources, methods you explain briefly and then spend more time on your results/what you’ve learned.

The first page is due before class March 25, 2020. Upload a link to your page to Canvas.

Given the situation with classes and the virus, please be in touch if you have trouble with internet connectivity, a family crisis, etc.

Tags digital portfolio, websites

Assignments Digital Tutorials

Personal Website/ Digital Portfolio

Post author By admin
Post date February 12, 2020
No Comments on Personal Website/ Digital Portfolio

Digital Portfolio

For this class, you will create a Digital Portfolio on your website showcasing your work. (If you already have a website, create a separate section/category/etc for this class.).

It will contain:

Your own domain or subdomain
A landing/home page
1-3 other pages or posts showcasing your work (depending on the grade you want in the class)
- A: 2 revised Digital Tutorials + 1 page about your collaborative final project
- B: 3 revised Digital Tutorials
- C: 2 revised Digital Tutorials
- D: 1 revised Digital Tutorial
About page
Clear menu and structure
Functional design

The revised Digital Tutorials will showcase your work in the class using 1-3 of the tools/methods we have learned (# based on grade above). The Digital Tutorials will revise your work from in class and posted to the private blog, sometimes significantly. The Tutorial pages will:

Articulate a question/problem/research issue your use of the tool is addressing
Explain and cite (including a link where relevant) the data used (what is this data? Where does it come from)?
Describe and cite the tool
Explain how the tool and data address your question/problem
Explain how you used the tool and data
Explain the results
Provide one or more visualizations to illustrate your work and results

You should begin thinking about which Tutorials you want to modify for your website.

For 2/14, you will need to have:

Your domain/subdomain set up
Some content management system (WordPress, etc) or HTML/CSS set up on your site
A landing page with an image and clear text.
An About page (can be a mostly blank placeholder for now)
A menu

Remember https://create.ou.edu/ is where you go to manage your domain and your application installations. If you’re using WordPress, https://yoursubdomain.ou.edu/wp-admin (only put your subdomain where “yoursubdomain” is!!) is where you go to manage your content in your WP site (pages, posts, etc.)