MSTU5003_ProjectOne





For Project one – responsive resume, what in my mind was to create a website page of my own style. The design purpose of this responsive resume is to show some of my personal information in a creative website form, yet it is not a completed resume that I use for seeking for jobs. The intended audience are my peers and people who are interested in web design.
For the design inspiration, I just learned it from in-class lab. At first, I did not have any idea of what a web resume should like as I only used traditional resume for job application before. I made some changes of the design and decoration based on the in-class html and CSS code, and added several elements of my own style. 


After the first class, I have built a basic website with html (as version 1 shows). I found that it is important to use html to build a framework at first, and then consider the layout and decoration. Using html and CSS, I would like to beautify my portfolio website with minimalist style. Therefore, I changed the fancy background picture to a linear-gradient one.  For the head of the page, I put my name and motto on the left, and a retro girl’s gif on the right. Then I reorganized the body content into three columns. The first problem I met was that I had no idea dealing with the size and location of my resume picture. Thanks to the help from Slack, I finally found that I can play around with the width and height of the picture in “inspect” version and find the size I want. Moreover, I started to realize that we should always dare to try when coding our own website. It is common that sometimes we may get lost and have no idea of what the website should look like during the design process, and learning from great websites can bring us some inspiration. For the next project, I will make more efforts to explore new things and create more original design.



Comments

Post a Comment

Popular posts from this blog

Session 4 Blog: Further Thoughts on Corporate Social Media Strategy

Image
Source: conversationagent.typepad.com After reading the paper Social media? Get serious! Understanding the functional building blocks of social media, I get to know more about the social media ecology and how firms can seize this opportunity using social media to improve corporate image and profits. With the development of social media, the role of consumers changed from passive listeners to active users of the Internet. According the Fader and Winer (2012), the growth of the web of social networking has resulted in user-generated content, or UGC. By analyzing the seven building blocks of social media-- identify, conversations, sharing, presence, relationships, reputation and groups, firms can develop better strategies to monitor, understand and response to different social media activities. Moreover, learning how to harness user generated content, the corporation can reach more consumers. From the corporation’s perspective, one of the most important purpose ...
Read more

Session 2 Blog: Views on Technology and Social & Communicative Aspects

Image
Source:www.business2community.com/cybersecurity Since we watched the video Web 2.0…The Web is Us/ing Us, I have been thinking about the relationship between media technology and communication content. Do we human beings define the way that the machine operates, or the technology is taking control of us? As the famous phrase puts, “the medium is the message”(Marshall McLuhan, 1967), I agree that the technologies somehow define the pattern people perceive information and how we give feedbacks. However, it doesn’t mean that we cannot adapt and use technology for our own freely determined purposes. The development of web 2.0 empowers everyone with the ability to create communication content in diversified forms, yet it also requires that we should be able to deal with the overwhelming fragmented information. Therefore, it is necessary for us to think about how we use the technology in social and communicative practice. After reading the paper Technology as Social Practice, I...
Read more

Session 5 Blog: Identity-Making in Social Media

Image
Source: www.scoop.it/t/online-identity-by-aimee-wright Have you ever experienced something like this? After adding a new friend in social media, the first thing you would like to do is to glance over the content in his or her social media account to learn more about this person. Or you establish the first impression of someone through his or her social media posts, yet you find the person is quite different from what you thought when you meet each other offline. This process of social media, to some extent, has become an effective way for us to understand and evaluate others. Therefore, identity-making is of much importance when we talking about social media, as it can not only effects other’s impression on you, it also helps discover yourself. To be honest, at first I just use the social media platform like WeChat to share my daily life and keep in touch with my friends. Most of the content I posted in “moments” was pretty casual, wit...
Read more