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.
Tag: html
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.
Continue reading “How do I do that? Image Optimization in Adobe Photoshop”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.
Continue reading “Remembering HTML”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.
Continue reading “Return to HTML”A Return to Some HTML Basics
Diving back into HTML after a break proves to sometimes be challenging, with forgotten information or improperly used tags. However, revisiting some of the key basic information has helped me tremendously and it proves that it’s always a smart idea to revisit the basics.
Continue reading “A Return to Some HTML Basics”My Learning goals
I really enjoy learning HTML and CSS and want to keep perfecting them until I can accurately reach my goal.
Continue reading “My Learning goals”What I learned about HTML deep dive Lecture!
In basic class on HTML and CSS, you probably learned that HTML is a pretty simple language. It has tags and the tags sometimes have attributes. Some of the tags create new blocks on the browser window, like <p> and <h1>, and some tags are inline elements, like <strong>. Some tags have closing tags like <p></p> and some are self closing, like <br>. That is about it to the language right?
Well, not exactly. Those are the basics and really all you need to know to get started with HTML, but there is a lot to the language that is interesting and that not everyone knows. This is a great opportunity to go deeper and know more about it.
Watch the videos below to get deeper into it, and take notes as you go along. You might want to refer to some of these resources again later. Also, the examples mentioned in the video are linked below the video, so you might want to get those and work with them, as you watch the videos.
Continue reading “What I learned about HTML deep dive Lecture!”Why did I start learning HTML/CSS?
I wanted to make this post as an introduction to where I started learning HTML and CSS properties. I know most of us had made given a brief background into their HTML and CSS history in their discussion posts, but I thought it would be great if everyone replied to this post with a more in-depth look into your stories and why you decided to continue to learn this subject.
Continue reading “Why did I start learning HTML/CSS?”1st writing in Learning Journal
Hello everyone! I am excited for this class. It seems like this may be a pretty intense course. I am hopeful with all the peer support and communication, especially our working partners, I am able to learn a lot and stay on top of assignments. Especially now that my wedding is over and I can focus more on the course.
Continue reading “1st writing in Learning Journal”What I did over Summer to prepare for this AAD86 class
A curious email dropped into my inbox “How I learned to code in six months,” by Meaghan Jones. I read it and then joined a program called One Month. One Month HTML is a four-week course that intends to show how to build your first website, learning HTML, CSS, FTP, SEO, Responsive Web Design, Blogs and other things. This isn’t a pitch for them. They dropped me into a course on Ruby. Really?! I am a fledgling, but I thought, let’s try it.
Continue reading “What I did over Summer to prepare for this AAD86 class”The MDN is cool
Mozilla Developer Network or MDN is a development documentation website for web standards. In these couple of weeks, I learned how to use the MDN to check whether I use my HTML correctly.
Continue reading “The MDN is cool”More HTML Learning!
I’m so excited to be jumping back into HTML this semester! I can already tell that this class is full of helpful and smart students who are ready and willing to support each other.
Continue reading “More HTML Learning!”WordPress more than a blog site
WordPress isn’t that scary or hard as I though, even more easy to operate. I might even say I can see myself enjoying using it. WordPress is way more than just a blog site.
Continue reading “WordPress more than a blog site”Weeks 11-13 Journal Entry
I love drop caps. They seem to add the “human” element to the written word; like “seeing” Dickens write it with a quill. Ah yes, CSS…
Continue reading “Weeks 11-13 Journal Entry”Week 9 & 10 – The more I learn …
… the more I understand how much I don’t know. This quote perfectly describes my process of learning CSS.
Continue reading “Week 9 & 10 – The more I learn …”Flex box and Floats
There is still so much to learn when it comes to the flex layout…
Continue reading “Flex box and Floats” Web fonts and Typography
When I was learning Adobe’s applications in AAD70, I gradually discovered that I had fallen for fonts.
What can be learned in two weeks?!
It has been only two weeks since a semester started. It might seems that not a lot can be learned in this short period of time, but…
Continue reading “What can be learned in two weeks?!”Like Riding A Bicycle
I’ve had years of practice with HTML and sure, I don’t use it everyday like I used to since I’ve returned to my studies, but regardless, it’s very much as if I’m getting back on a bicycle after a 23 year hiatus.
Continue reading “Like Riding A Bicycle”