Monday, April 28, 2025

Week 4 - Why is Accessibility Important

Why is Accessibility Important When Designing a Website?

Why is Accessibility Important
When Designing a Website?

Accessibility in web design is about making sure that everyone, including people with disabilities, can use and enjoy your website. This includes users who are blind, deaf, colorblind, or have mobility challenges. Designing with accessibility in mind means you are not leaving anyone behind. It also helps with SEO, improves overall usability, and makes your site easier to navigate for all users—not just those with disabilities. More importantly, it is the right thing to do. Inclusive design shows that you value every visitor and are committed to building a better, more equal web.


10 Things to Ensure Accessibility:

  1. Use proper heading structure (H1, H2, H3, etc.) -- Helps screen readers understand content hierarchy.

  2. Add descriptive alt text to all images -- So users with vision impairments can understand visual content.

  3. Ensure color contrast is high enough -- Text should be easy to read, even for those with low vision or color blindness.

  4. Make all site functions accessible by keyboard -- Not everyone uses a mouse or touchscreen.

  5. Provide captions and transcripts for all audio and video -- Essential for users who are deaf or hard of hearing.

  6. Avoid flashing elements or autoplay media -- These can cause sensory overload or seizures.

  7. Label form fields clearly -- Use placeholders and instructions that make it easy for everyone to fill them out.

  8. Test your site with screen readers -- Tools like NVDA or VoiceOver can show how usable your site is without visuals.

  9. Use clear and simple language -- Write in a way that is easy to understand for all literacy levels.

  10. Include accessibility in your design process from the start -- Do not treat it like an afterthought.

Week 3 - Should Digital Assets Be Free

Should Digital Assets Be Free?

Should Digital Assets Be Free?

The idea of offering digital assets for free, like fonts, stock photos, templates, or icons, has been popular for years, especially among students, freelancers, and small businesses. Free assets make design more accessible, giving people the tools they need without breaking the bank. They also help creators build a portfolio, attract new users, or grow a following by offering something useful. Free resources can be a great way to learn and experiment for beginners. Plus, the open-source and Creative Commons movements have shown that sharing can spark innovation and collaboration across the globe.

But on the other hand, digital assets take time, skill, and effort to create. Artists, photographers, and designers deserve compensation for their work, just like anyone else. When everything is expected to be free, it can devalue the creative industry and hurt the people behind the content. Also, free assets can sometimes have hidden problems, like low quality, unclear licensing, or malware. So while there is definitely a place for free digital assets, we should also recognize the value of paid content and support creators whenever we can.

A good balance seems to be offering some work for free, while keeping premium assets behind a paywall to sustain the craft, like we see today.

Week 3 - What is meant by UI and UX

What is meant by UI and UX Design?

What is meant by UI and UX Design?

UI (User Interface) and UX (User Experience) design are two sides of the same coin when it comes to how people interact with websites, apps, or digital products. UI focuses on the visual elements—the buttons, colors, typography, layout, and overall look of the screen. UX, on the other hand, is all about how it feels to use the product. Is it smooth or confusing? Fast or frustrating? While UI makes things look good, UX makes sure they work well. Together, they create digital experiences that are both attractive and easy to use.


10 Tips for Ensuring a Great User Experience with Your Site:

  1. Keep navigation simple and intuitive -- Make sure users can find what they need without guessing.

  2. Use responsive design -- Your site should look good and function well on phones, tablets, and desktops.

  3. Prioritize fast load times -- Slow websites drive users away. Optimize images and code for speed.

  4. Use clear calls to action (CTAs) -- Guide users toward what to do next with buttons like "Buy Now" or "Learn More."

  5. Choose readable fonts and good contrast -- Make sure text is easy to read for all users, including those with low vision.

  6. Avoid clutter -- Clean layouts help users focus on what matters most.

  7. Use alt text for images -- This helps screen reader users understand visuals and improves SEO.

  8. Design with accessibility in mind -- Support keyboard navigation, screen readers, and mobile gestures for an inclusive experience.

  9. Make important content easy to find -- Use headings, bullet points, and spacing to highlight key info.

  10. Test with real users -- Watch how people interact with your site to find pain points you might miss.

Week 3 - What is SEO

What is SEO and Why is It Important?

What is SEO and Why is It Important?

SEO, or Search Engine Optimization, is the process of improving your website so that it ranks higher on search engines like Google or Bing. When your site is well-optimized, it becomes easier for people to find you when they search for relevant topics, products, or services. SEO is important because most users never scroll past the first page of search results. If your site does not show up early, you could miss out on traffic, potential customers, and brand visibility. Good SEO helps your site appear in front of the right audience, without paying for ads.


Please list a minimum of 10 things you should do to make sure your site is properly indexed.

10 Things You Should Do to Make Sure Your Site is Properly Indexed

  1. Create a logical site structure - Organize your website with a clear hierarchy, using categories and subcategories that make it easy for both users and search engines to navigate.

  2. Optimize page titles and meta descriptions - Create unique, descriptive title tags and meta descriptions for each page that include relevant keywords while accurately summarizing the page content.

  3. Optimize images with alt text and compression - Add descriptive alternative text to all images, compress them for faster loading, and use descriptive file names to make them discoverable in image searches.

  4. Use internal linking - Create a network of internal links that help search engines discover and understand the relationship between different pages on your site.

  5. Create and submit an XML sitemap - Develop a comprehensive sitemap that lists all important pages on your site and submit it to search engines through their webmaster tools to help website crawlers efficiently discover your content.

  6. Use proper heading tags (H1, H2, H3) - Structure your content with appropriate heading tags that establish content hierarchy and include relevant keywords to help search engines understand your page's topic.

  7. Create high-quality, original content - Regularly publish valuable, relevant content that addresses users' needs and questions, as search engines prioritize fresh, unique content.

  8. Ensure mobile responsiveness - Develop a fully responsive site that performs well on all devices, as Google now uses mobile-first indexing to determine rankings.

  9. Secure your site with HTTPS - Install an SSL certificate to encrypt data and display the HTTPS protocol, as security is now a ranking signal for Google.

  10. Optimize for local search - If relevant, claim and optimize your Google Business Profile, include location-specific keywords, and ensure NAP (Name, Address, Phone) consistency across the web.

Sunday, April 27, 2025

Web Creativity Blog Post 3

Web Creativity Blog Post 3

Web Creativity Blog Post 3

This week, I did a creative exercise found in the book:

"CAFFEINE FOR THE CREATIVE MIND" by Stefan Mumaw and Wendy Lee Oldfield. The exercise is on page 72.

Instructions: "No Rules!:

Most of us have a favorite sport, something we enjoy playing or enjoy watching. As familiar as we are with the various rules and playing environments of our sport, there is always something we would change to make the sport better in our minds. Here's your chance. Take out a piece of paper and write down five things you would change about your favorite sport. It can be a change in the rules or in the playing environment. The trick is to let your mind go from the obvious rule changes to the absurd. Change the playing field or court, change the number of players, remove protective gear-whatever you think would make the game spectacular to watch!


I chose soccer to apply rule changes because, to me, it is a very boring, low-scoring sport. And don't even get me started about the game ending in a tie !!

What?

5 New Soccer Rules

Web Design Blog Post 3

Web Design Blog Post 3

Web Design Blog Post 3

Last week's assignment was on web programming basics, with an emphasis on learning HTML and CSS, inserting images, and creating webpages using a text editor (Apple=TextEdit) or (Windows=Notepad).

This week, we were introduced to Adobe Dreamweaver. The professor provided us with a .txt file containing 11 pages of essential copyright information for creative professionals. Project one was to use that information to create a multipage website. He also taught us how to create a small background image and have it tile in the wrapper section to the left and right sides of the webpage outside of the main body content.

The first step in Dreamweaver is to set up a site name and location. The homepage will be named index.html, the CSS file, which I named styles.css, and then various names for the remaining 10 pages. The professor then covered SEO recommendations.

Summary of the website SEO Recommendations:

  1. Use Hyphens (-) in internal and external URLs and image names:

    • Hyphens are preferred over underscores for SEO.
    • Google treats hyphens as word separators, improving readability for both users and search engines.
    • Google treats underscores as long combination words.
  2. URLs (internal and external):

    • Use descriptive title attributes different from the shortened URL name.
  3. Navigation Placement:

    • Header Navigation:

      • Prioritize key pages.
      • Boosts crawlability, authority flow, and user experience.
      • Ideal for primary SEO targets.
    • Footer Navigation:

      • Best for utility links and comprehensive site linking.
      • Helps with crawlability but carries less SEO weight.
      • Good for secondary pages and long-tail keyword links.
    • Best Practice: Use both strategically—header for core content, footer for support and completeness.

  4. Homepage Naming:

    • Naming your homepage index.html is standard practice.
    • It supports clean URLs and aligns with server defaults.
    • No significant SEO impact if configured properly, but sticking with index.html is recommended for simplicity.
  5. Image Tags:

    • Alt Attribute: Essential for SEO and accessibility.
    • Title Attribute: Optional, used for hover-tooltips. Offers slight UX enhancement but minimal SEO value.
    • Focus on crafting descriptive alt text first.

Being old school, I had all of my URLs and images named using underscores, so I changed the underscores to hyphens.

I also had all of my navigation links at the bottom of the page, so I did some research and figured out how to create a table and move them to the header section of each webpage.

Lastly, I use and designed my website on a desktop computer, but I know a lot of the younger generation are using tablets and their cell phones to view webpages. So I researched and implemented responsive elements into my HTML and CSS files to adapt the webpages to various screen sizes.

Friday, April 18, 2025

5 Copyright Benefits for Graphic Designers

5 Copyright Benefits for Graphic Designers

5 Copyright Benefits for Graphic Designers

​Registering your graphic designs with the U.S. Copyright Office offers significant advantages beyond the automatic protection granted upon creation.

Here are five key benefits of formal copyright registration:

  1. Exclusive Rights: As the copyright owner, you gain exclusive control over how your design is used, reproduced, distributed, or displayed. This ensures that your work cannot be exploited without your permission.
  2. Legal Protection: Copyright provides a strong legal framework to protect your design from unauthorized use. You can pursue legal action and potentially receive damages if someone infringes on your rights.
  3. Monetary Benefits: Owning a copyright allows you to monetize your design. You can license it to others, sell the rights, or charge for its use, creating an additional revenue stream.
  4. Brand Integrity: Copyright reinforces your ownership and creativity, adding credibility and professionalism to your brand. It safeguards your unique visual identity from being copied or diluted.
  5. Global Recognition: Once your design is copyrighted, it is recognized as your intellectual property, not only in your home country but also in many others, thanks to international copyright agreements.

While copyright protection is automatic, registering your graphic designs provides legal and commercial advantages that can be critical in protecting and monetizing your creative work.

Web Creativity Blog Post 2

Web Creativity Blog Post 2

Web Creativity Blog Post 2


This week, I did a creative exercise found in the book:

"CAFFEINE FOR THE CREATIVE MIND" by Stefan Mumaw and Wendy Lee Oldfield. The exercise is on page 70.

Instructions: "My Astro-Toupee:

Most of us have hair on our heads. (And for those who don't, this may be really fun!) Now is your chance to be different and stand out from the rest of us.

Instead of hair on your head, write down five alternatives that could adorn that gorgeous head of yours. It can be anything from food to metal- this is your chance to dream up some wild! Now, take your favorite idea from the list and sketch it out as if you are describing that to a friend. It doesn't have to be a work of art, just enough to get the idea across."


My List:

  1. Mop Head -- For those seeking a dreadlock vibe.
  2. Colander -- Breathable with built-in airflow.
  3. Throw Pillow -- Comfy, plush, and perfect for spontaneous naps.
  4. Lamp Shade -- You can light up every room with a portable battery-powered light!
  5. Astro Turf -- Clean and Green, Bonus if you have green eyes.

My favorite was #1 Mop Head:


Image of Mop Head on a guy from the side
Image of Mop Head on a guy from the front

Web Design Blog Post 2

Web Design Blog Post 2

Web Design Blog Post 2

This month's course is web programming basics, with an emphasis on learning HTML and CSS, inserting images, and creating webpages using a text editor (Apple=TextEdit) or (Windows=Notepad).

This week's original assignment was to research the aspects of copyright as they apply to the design industry and create a five-page website with original content and images. The assignment changed on Monday. Now, the Professor will supply the content, and we will focus on creating a multi-page website with proper formatting and navigation.

Since I had already researched the original assignment, I took my notes and created this blog post.


5 Copyright Tips for Graphic Designers

I. Copyright Basics for Graphic Designers

If you are just getting started in graphic design, you might not think much about copyright law, but you should. Whenever you create a logo, flyer, artistic poster, or sketch, your work is automatically protected by U.S. copyright law, with some provisions. That protection gives you legal rights and helps you control how your art is used.

You do not need to register your artwork to own the copyright. The law states that it is yours as soon as you create something original and put it in a fixed form (like saving a Photoshop file or sketching in Procreate). This means no one else can legally copy, sell, or modify it without your permission.

But if you want to sue someone for stealing your design, you need to register it with the U.S. Copyright Office. Registration allows you to enforce your rights in court and can help you collect damages. If you don't register beforehand, you only have the right to a "cease and desist order" and have your design taken down, but you will not recover legal fees or collect damages. If you have a design you want to protect, document and date stamp everything, from the rough sketch to iterations to the final design. This is necessary to show that you actually created the design, which will be submitted when you register it with the U.S. Copyright Office.

II. What Counts as a "Protected Work"?

According to the U.S. Copyright Office, visual artworks include illustrations, logos, posters, digital art, and product packaging. If it is visual and you made it, it probably qualifies.

However, ideas, styles, and basic shapes cannot be copyrighted. You can copyright your drawing of a cat in a top hat, but not the idea of a cat in a top hat. That is why two designers can create different logos for coffee shops that both use a steaming cup, and no one is breaking the law, unless one clearly copied the other's actual design. For more information on what cannot be copyrighted, see the U.S. Copyright Office Not Protected by Copyright circ33.pdf.

III. Work-for-Hire and Client Projects

If you design something for a client, it is important to know who owns the final piece. Unless your contract says otherwise, you own the copyright, even if they paid for it. The rules change if you are an employee or sign a "work for hire" agreement. In that case, the company owns the work.

Always get your terms in writing (a contract).

Talk about usage rights up front:

  • Can the client modify your design?
  • Can they resell it?
  • Can you use it in your portfolio?

Answer those questions early to avoid awkward situations later. For more information on work-for-hire legal provisions, see the U.S. Copyright Office Work-for-Hire circ30.pdf.

IV. Copyright Is Not Forever

Copyright does not last forever. For most new works created by individuals, protection lasts for the creator's lifetime plus 70 years. This is why old artworks, vintage logos, and even typefaces from 70-plus years ago can often be reused freely today.

V. Be Respectful of Others' Work

Just like you want your designs protected, so do other artists. Always get permission before using someone else's work in your projects. That includes stock photos, fonts, and templates. If it is not yours, check the license. If you are not sure, do not use it.

Copyright laws help you protect your work, get paid fairly, and build a professional design career. Take the time to understand it now, so you do not run into headaches later.


Sunday, April 13, 2025

Effective Web Page

Effective Web Page

What makes an effective Web Page?

Instructions:"List 5 things that make an effective Web page."


  1. Responsive design that functions well on all devices (desktop, tablet, mobile phones).
  2. Fast loading speed (under 3 seconds) to prevent user abandonment.
  3. Intuitive navigation with a logical menu structure and easy-to-find links.
  4. Visual hierarchy that guides users' attention to the most important elements first.
  5. High-quality, relevant content that addresses users' needs.

Web Creativity Blog Post 1

Web Creativity Blog Post 1

Web Creativity Blog Post 1


This week, I did a creative exercise found in the book:

"CAFFEINE FOR THE CREATIVE MIND" by Stefan Mumaw and Wendy Lee Oldfield.
The exercise is on page 69.

Instructions:"Gnome, Gnome on the Range:

Everyone knows it's time for a big change. The world is practically begging for change, and we all know where it needs to start.
That's right. With the modern-day lawn gnome.
You know the guys. They're the little plastic pointy-hat-clad characters that have grace the front of fine living establishments all over the world.
It's time that changed. You need to create the equivalent of the modern-day lawn gnome, but with a twist.

What would be the perfect lawn gnome from the 1980s?"


Having some experience from the 1980s, I went to one of the AI image creators and asked it to create an image with the following prompt:

"Create an image of a garden gnome with the stereotypical pointy hat, with parachute pants, a Van Halen T-shirt, polarized sunglasses (i.e. CHIPS), sporting a Joe Dirt mullet."

Here is my favorite variation:

image of a garden gnome with the stereotypical pointy hat, with parachute pants, a Van Halen T-shirt, polarized sunglasses, sporting a Joe Dirt mullet

Web Design Blog Post 1

Web Design Blog Post 1

Web Programming

This month’s course is web programming, this week's emphasis is on learning HTML basics and creating webpages in a text editor (Apple=TextEdit), or (Windows=Notepad).
Even if you use a website builder or content management system, understanding HTML helps you troubleshoot issues, make custom changes, and improve your site’s functionality.

HTML, which stands for HyperText Markup Language, is the standard language used to structure and display content on the web.
It is not a programming language but a markup language that tells web browsers how to structure a page's content.
HTML uses a system of elements and tags to define different parts of a web page, such as headings, paragraphs, links, images, and more.
Most elements and tags require an opening, with a less than and greater than symbol and a closing with a less than symbol, a / and a greater than symbol.

An HTML document is structured like a tree. It begins with a declaration identifying it as an HTML5 file. The main container is the HTML tag, which wraps around everything.
Inside, the head section might include the page title and references to styles or scripts. In the body section, you add all the visible elements, like text, buttons, and images.


Every HTML document follows a standard structure:

  • The DOCTYPE declaration defines the document as HTML5
  • The HTML element is the root element containing all other elements
  • The head section contains meta-information about the document
  • The title element specifies the page title shown in the browser tab
  • The body element contains all of the content visible on the webpage

Basic HTML Elements

Headings

HTML offers six levels of headings, from h1 (most important) to h6 (least important):

  • h1 for main headings
  • h2 for subheadings
  • h3 for smaller subheadings
  • And so on through h6

Paragraphs

Text content is typically placed within paragraph tags, represented by the p element.

Links

Hyperlinks are created with the anchor tag (a), which requires an href attribute to specify the destination URL.

Images

Images are inserted using the img tag, which is self-closing. Important attributes include:

  • src: specifies the image path
  • alt: provides alternative text description

The alt attribute provides alternative text for screen readers and displays if the image fails to load.

Lists

HTML supports ordered lists (ol), and unordered lists (ul):

  • Unordered lists use ul as the container and li for each list item
  • Ordered lists use ol as the container and li for each list item

After you understand the basics of HTML, you can add images to your webpage, apply CSS elements with the style element, and eventually apply JavaScript to your webpage for interactivity.

Sunday, April 6, 2025

Digital Publishing Final Exam

Digital Publishing Final Exam

Instructions: "Based upon the restaurant you created last month (and using ChatGPT to help write the cooking instructions), create a 24-page cookbook for your restaurant (minimum 12 items). Save as an e-book (e-pub). Describe your book and your design process on your blog."


My restaurant was called Yakisoba Steakhouse, a fusion of a Japanese steakhouse, southern slow-cooked barbecue, and Cincinnati chili spaghetti recipes. With ChatGPT's help, I created a recipe book for five appetizers, ten entrées, and five desserts. As a cook myself, I noticed several errors in the cooking times for the chicken and beef recipes. Perhaps it was because ChatGPT knew that this was a fictitious restaurant. Still, I researched the Internet to find the proper cooking temperatures and times, as well as the recommended safe internal temperature, using a meat thermometer.

I am very happy with how the recipe book turned out. I hope you enjoy it, and maybe a couple of the recipes will spark your curiosity.



Friday, April 4, 2025

Dig-Pub Creativity Blog Post 4

Digital Publishing Creativity Blog Post 4

For this week's creativity exercise, I found this IQ test on YouTube, you can find it at: https://www.youtube.com/shorts/h4XSAkrEuyo


It presents the following equations:

1. 1 + 4 = 5

2. 2 + 5 = 12

3. 3 + 6 = 21

4. 8 + 11 = ?

They claim 99.9% fail to answer...


First of all, I like math, secondly, I like pattern and logic puzzles, so this caught my eye.

#1. Is logical, 1+4 = 5

But:

#2. 2+5 = 7

#3. 3+6 = 9

This is a mathematical reasoning puzzle, so you must identify how they are manipulating the equations to obtain the modified results.

Looking at #2. I began playing with formulas.

To arrive at 12, I noticed that you can multiply 2 by 5 and obtain 10. If you then add the first digit, 2, you get 10 + 2 = 12.

I tried the same thing to #3. If you multiply 3 by 6, it equals 18, and adding the first digit, 3, you end up with a result of 18 + 3 = 21.

In order to ensure this is the intended rule, I went back to #1. If you take 1×4, you get 4+1 equals 5.

So this is the rule, the pattern they are applying to this IQ test.

So the answer to #4 is 8×11 = 88, and then add the first digit equals 8+88 = 96

The answer to the question mark is 96.

Therefore, #4. 8 + 11 = 96.


Interview Questions From You

Interview Questions From You Interview Questions From You Research using at least 5 resources, questions ...