![]() ![]() I loved the image in the site you guided me to, very contundent and whole to put it somehow. And keep in mind you will have different sections pass this one, so don’t think it needed to display everything right now. You can mismatch different sections and styles from different webpages that you come across in order make what you want. Their is a lot of webpages that are too complex to take inspiration from, so start reasonable.ĭon’t think “How can I build this webpage”, think “How can I build this small section and style from this webpage and combine with other sections/ styles I like”. Don’t worry about the rest of the page and try to keep it simple for now. Do some research on some basic websites and templates and find whatever is interesting for the main introduction image. Notice how each of these have completely different purposes but follow the same general design rule. ![]() Their is little in between with this part of the page. ![]() The image is key here and will make the page look good or bad. The images are full scale, high quality, and the colors are mostly the same throughout the entire image which removes eye strain when reading the text over top of it.Ĭommonly these images are background images to a container which has text in the center. This is also the same design I went for in my page, I just used a different navigation bar. Don’t worry about your footer or project gallery, just focus on this part for now.Īs you can see, these are very basic and simple designs. I put a red box around the section I am talking about and only focus on that. This combines with the navigation bar so the styles must match between the two. Lets start with the main introduction image, the first big image that you see when you get on the page. To get started with my project, I started looking at webpage templates online to see what I like. However, the way you combine them can make or break a section. Simple and modern pages use a select few colors (white, gray, and black) along with images to build the page. Your contact information wouldn’t be displayed like a art gallery in a webpage and vise versa. However, each section follows a style depending on its purpose. Their is 100’s of ways to do these sections and each way can heilght a different aspect of what you are trying to display. You should focus on one floor at a time and make each somewhat unique to fulfill its purpose, but follow the same general style (colors, etc) for all of them to make sure they look good combined together. Each floor has its own purpose and they all combine to make a complete building. Think of each section like a floor to a building. These sections also might be their own containers and own CSS classes/ IDs. I have a gallery for my certifications and projects, a section to compare my skills, and a simple contact information card. Now, each of these sections has a purpose. Its broken up into multiple sections, each simple in their own but different from each other. As you can see in my page, its fairly simple. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |