AAD 086 SP22 – Page 4 – Learning Journal

So Far…

So far the class has been an interesting refresher from past classes, with a mix of new. I have already learned quite a bit more about HTML and CSS, like the audio tag from my previous post, I am still excited to use that one.

I had some bumps along the way, with my internet being slow, or having out of date server clients which made it hard to submit to the class server. However, even though there were some bumps, I was able to get over some of them and learn even more.

update on HTML

In class we have been learning the basics of HTML and CSS of assembling it on Dreamweaver. The basic elements of creating the specific code we want as in <header> <p> <a href> <h1> <body> , etc to create and become familiar in the basics of setting up the code for a website. Also learning how to transfer files on an FTP I use FileZilla, to make our sites live has really been exciting. We are also setting up a portal page to link our projects for this semester.

here’s a little video I found that was interesting for typography

Diving Into the Basics of CSS

It’s important to know how to change the basic rules of CSS using Dreamweaver, such as font, color, and spacing.

Refresh CSS

For the past two weeks, I have been working on refreshing my CSS skills. This was definitely something that I need to work on since my skills were pretty rusty.

Can you be a little more specific?

Muscle memory is crazy! I admittedly was nervous about going forward with more HTML and CSS learning after I found myself a little bit traumatized by my lack of sophisticated web building knowledge in the Fall.

A series of folders

Former Alaskan Senator Ted Stevens famously described the Internet as a “series of tubes” in a speech opposing net neutrality. His statement was an example of politicians who have the power to make important decisions about our current means of communication yet fail to understand it.

The metaphor is not the perfect illustration of what the Internet’s architecture looks like, but what might be a better comparison?

CSS Refresh and font-size.

These are two topic I have struggled with and one is resolved. I have the answer, Your Welcome. The other will probably be an ongoing learning battle.

Typography: Here’s some things you need to know

Typography is such a critical element in all that we do… and yet, it’s such an overlooked thing in our day and age, when typography is being utilized more than ever. Here are some things you need to know to level up your typography skills and create better designs for the web.

Is CSS the magic wand?

A lot of people think that CSS is just another language and that it’s nothing to be excited about. What do you think of when you hear CSS?

Typography Guidelines For Website Usability

Typography is the detail and the presentation of a story. It represents the voice of an atmosphere, or historical setting of some kind. It can do a lot of things. (Cyrus Highsmith)

CSS Confusions

Throughout this week it has come to my attention that working with CSS can be confusing since it likes to fight back sometimes. Below is just a rant featuring my frustrations.

Pro Tip: Take advantage of the HTML Validator

I am aware that this idea is (essentially) a given and in some circumstances required for our assignments, but…

How do I do that? Image Optimization in Adobe Photoshop

Optimizing images for the web is an important part of building websites. Poorly optimized images means large files and longer loading times. Here’s how to optimize your image in Adobe Photoshop and insert those images into your HTML code.

The Code is Calling Me Again

It has been a bit over a month since I last coded something. As with anything new, last semester I often found myself getting frustrated because I was so eager to be at a much higher level in web development as a complete beginner.

A Refresh on HTML

Hello everyone I hope you all had a great weekend and things are going well this past week was a good refresher on html…

Free HTML5 Resources and References.

Are you an aspiring web designer and need to brush up on your HTML5? Nods, yes… Keep reading, shrugs shoulders keep reading, or not? Leave a comment below.

Remembering HTML

I took Introduction to Web Design last semester and through winter break I had already forgotten about how a few HTML tags are supposed to work. However, within the first few weeks of this class a couple of my peers, as well as the assignments, were able to remind me how things work again.

Audio in a Website

Music is one of life’s greatest pleasures. Everyone loves music, myself included, and to be able to add that to a website is something I adore and want to get more familiar with. So here is some information on it.

Let’s Play Tag

HTML will come easy once you learn the rules of the game.
Self

Tags are elements that help you tell your website what you want it to do. You use these tags as building blocks to create your code. It’s best to start off by explaining the basic tags so that you can understand how they are used.

<html> … </html> — The root element. …
<head> … </head> — The document “head.” It is instructions for the website that won’t be shown on the website.
<title> … </title> — The title of your page.
<body> … </body> — The page’s content that will be visible to everyone.
<h1> … </h1> — A section heading. You can also do subsection headings with h2, h3, and so on …
<p> … </p> — A paragraph of text.
<a> … </a> — A link. It can link to another page of your site, another place on your page, or an outside source. Totally up to you.
<img> — An image.
<footer> The bottom section of your page

There are plenty of other tags that can help you customize your site. These basic ones will help make your code effective and organized. Don’t worry about how your HTML looks at first. HTML is the structure of the site. You can customize the visuals afterwards using CSS.

Congrats! You’ve just learned the rules of tag. Now you can get started on your site.

Return to HTML

It’s been over a year since I’ve taken Web Design I. I took interaction design in fall of 2021, but I still felt like I needed to improve my HTML and CSS skills more.