CSS for beginners

I think it will take a lot of time and efforts to progress anywhere beyond a  beginner, but I am quite determined and ambitious person, so I know I will get there. After achieving some understanding of the HTML syntax, structure and functionality,  I had to figure out how it works in combination with CSS, in order for a website to be created.  Back I go to tutorials. This time it was CSS Essential Training with Christina Truong. It was really good in establishing the idea of the link between HTML and CSS. I started thinking about it in the way that HTML is my framework, the skeleton of my website and CSS is how I style that, the way I want things to appear. 




Again - it was not easy! If I can give an advice to anyone starting with a new technical skill - practice! Do not rely on just tutorials themselves, or books, or someone else's examples. Practice as much as possible. I am a visual and practical learner - I need to see what is happening in real time and I need to follow, to do it myself, more than once if I have to, so it stays with me. Also, just like any new language you are studying, practice makes perfect. Years ago I was intermediate reader and speaker in German and Russian. Today I will be lucky to pass a beginner's level as I have not used or practiced those in any way for ages. At this point my Mandarin Chinese is better than them, despite me being merely at Level 2 with that one. It is the same with HTML and CSS - I covered the tutorials but I found that if I go even few days not practicing for an hour, things start to disappear from mind. I made few HTML and CSS exercise files and I am trying to work on them every day for a little bit. 



As you can see I decided to use Dreamweaver for my assignment, so it was obvious this will be my next stop on this learning path.  I got acquainted with the programme and the interface in the first lessons of the module, which allowed me to use it on a basic level and do my exercises I know there is so much more to it. It is something that stuck with me when figuring out Photoshop, Premiere Pro and Audition. The Adobe Creative Cloud software offers endless opportunities, yet it is not a simple one. In order for me to start thinking about my concept (Finally!) there was one more stop to make and that was to know as much as possible about Dreamweaver.





Comments

Post a Comment

Popular posts from this blog

Flowcharts, Wireframes and Mood board

Image
In preparation to make my Prezi presentation, that will give an idea how I am approaching this, what I am going for and how I plan to execute it, I decided to start with my flowchart, wireframes and mood board. I am using Adobe XD for that and, more or less, this part of my project is connected with my visual and content design research. I think that going through the whole process of creating those is making this one thing certain  - this is just a start. I should not expect to be able to do exactly what I will set out to do in the presentation, but if I do not set out any framework, within which I will work, then I will be all over the place. When I am doing something that requires a method, no direction is my worst enemy. Wireframes are how your pages will look like, the flowchart is how it all comes together in a website. I already have an idea, in terms of functionality, so this was kind of fun to do. I am finally able to visualise where I am going with this.   At this po...
Read more

Technical Process - how it all came together (Part I)

Image
First of all I need to make a note of something - my browser has never been abused to this extend with searches that start with 'How to...' ! There are elements that need including in this website and I had to learn how to do that. Most of the answers I found in  W3schools , but I used other sources as well. Anywhere they had an answer to my question really. I started by designing my Index page. I already knew that I did not want too much there - navigation bar, some info about me and my logo. After going through Boostrap platforms, trying to figure out how to start, I saw this web design and decided I will use some bits and pieces from it. Just to get me started and to have some frame to work with, which I can always change after to fit my vision, but also my technical abilities. First thing I realised - the split function of Dreamweaver that allows you to see what you are doing is good, but only when you are exercising. Once I started doing this I switched to code mode, as o...
Read more

Image, Text and (not) Music

Some time ago I read Roland Barthes's Image-Music-Text and I loved it. Semiotics and how our reality is created within societies and cultural norms has been something I was interested in long before I came to University. So I started thinking - what my website will be trying to say about me and about art? How to optimise the use of images and text, so it conveys a message, it creates a context? I have to admit that putting an abstract together with technology can be confusing, but big part of content design is how you engage with the users. At this point there is one thing that is clear - my website will not be text heavy, yet I will try to convey my passion for modern and contemporary art through at least some text, and showcase it with images.  From the start I had the idea of the "My life in Exhibitions" page, that I will populate with images from the best exhibitions I visited in the last two years. Text, that was different story..We all have different ways of positio...
Read more