Tag: html

Deeper Understanding of HTML

The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser. It defines the meaning and structure of web content. It is often assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.

Continue reading “Deeper Understanding of HTML”

What I learned In Week 12 AAD 0062

This week I learned about Parallax. I felt the application and how its applied was really cool. When I was in my introduction class I really wanted to know how to styles backgrounds and overlay text to some degree. So this project while being challenging was extremely fun for me.

Continue reading “What I learned In Week 12 AAD 0062”

Final proposal

As the class is coming to an end the final project for the class, I’m working on right now were going to be developing our own website to a target audience and my audience will be anyone who is interest in the fantasy of the comic book world to see and understand some interesting and some non-interesting characters from the Marvel and DC universe’s. I’m excited to find and create the research for this project it’s something I’m interested in and also watched and read all the movies and comic books.

Creating Decorative Shapes with CSS

There are many ways to utilize CSS in your designs. From text treatments to colors and images, the possibilities are endless! However, you can also create simple graphics in your design with just CSS. Let’s take a look at how it’s done!

Continue reading “Creating Decorative Shapes with CSS”

ADDING MEDIA QUERIES

This week were learning how to put our websites to fit into mobile devices, tablet, desktop, anything to show to it will look on the screen whether its straight, vertical, and horizontal.

This is the code in adding media queries for websites @media only screen and (min-width:700px){ } then input where it says “700px” and put the size of the website you want people to be viewing and add different styles for each viewing for if its a mobile devices, tablet, or a desktop.

CSS Media Queries for Beginners: Breakpoints, Max-Width, Min-Width, and More – YouTube I was referred to watch this video to get use to media queries and how to properly use them.

Templates for beginners

while in class were doing our final rough drafts of the website of our choosing to create about a certain topic, mine is a lawyer website and a tool that helped me use HTML and CSS to create my page and now a helpful tool for me to reference new code or refresh on the basics.

CSS Navigation Bar (w3schools.com)

Here you can look up what you’re trying to create, and it will show you how it should look like in code and in another browser window to show a live code view of how it can look on a website screen.

What I Learned In Week Four

Hello Everyone I know its been a while since you have seen my last post I was having trouble with my log in for word press. For week four it was a lot of review for me, refreshing my memory on code styling. For instance I feel the week made me realizes how I can utilize styling directly on the html page rather then always separating. It’s also the week that showed me other apps to use besides File Zilla when it comes to putting my sites up live for the class.

This week also made realize how much I still have to learn in some area with making sure my links to sites work properly with the my main

Continue reading “What I Learned In Week Four”

New To Grid!

For this week’s reflecting on what we have been learning in class in HTML/ CSS Dreamweaver is how to make Grid’s in Dreamweaver. In doing that Grid is for two-dimensional layouts, meant to work with flex box, and when using flex box it uses heavily on “flex-wrap:wrap;” code onto Dreamweaver consider using grid instead wrap. Grid-gap helps you keep space between grid items. Grid-template-columns can take different units of measure.

Here is a video I found that’s been a reference now on understanding CSS grid and flex box in which I have been having trouble understanding.

CSS Grid Layout Crash Course – YouTube

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

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”

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.

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”