Building My New Website Using Adobe Dreamweaver

There’s a lot of things that comes with even deciding on where to start with your own website. Being in charge of everything is so, refreshing. Deciding which color or which typeface fits you best, and so on. This is why I love web design. Reading all of these different colored symbols and random letters on a screen that somehow create a beautiful thing can be awfully tedious though. Let me just drop a screenshot of what have been staring at for the past few months. P.S there are affiliate links in this post, to learn more about them click here.

An Inside Look

This is one of the many projects that I’ve been keeping “hush” about, and I’m so so so so excited to FINALLY be able to share with you. If you take a look the left side of the screen is the HTML, and on the right is the live preview of what it should look like. And by should I mean, definitely open it in your browser before relying on Adobe Dreamweaver‘s “live” preview. Trust me.

Related Post: One Way to Build Your Portfolio Quickly

The Idea

I was stuck on about two design ideas for this project of mine. I chose to keep the navigation bar on the top, with a consistent header that followed you down the page as you scrolled. This allowed the images/content of the site to be wider, which I’m a big fan of. Below is an image of what my program looked like with my “place holder” images, very fabulous am I right?

I decided to go with the 5 things that made me happiest when designing or creating. Those 5 are Editorial Design, Web Design, Brand Identity, Logos/Illustration Design, & Photography. Photography is one of the main reasons that got me into art, but most importantly it had introduced me to Adobe Photoshop. For those of you that didn’t know already, Adobe Photoshop and I go way back.

The Process

One day after a ridiculous amount of sketching and researching and thought processing… I opened up Adobe Dreamweaver and <p>coded my little heart out</p> … No one? Sorry but I definitely laughed while typing that. Anyway, I started with the bulk of it, getting all of my “divs” (a.k.a. boxes) in order. Once my rough draft of a layout was in order, I moved on to fixing the little spacing errors and when everything looked structurally solid, I moved on to “making it look pretty,” otherwise known as the Cascading Style Sheets. CSS is what gives your site flavor, or in my case a lot of purple.

P.S. Side note- the HTML color is defined as “thistle” and that’s what I’ve been using.

Related Post: Creating and Printing My Own Business Cards

and finally…

Images were edited, content created, and projects were all coordinated. It was a miracle, everything was finally in place. Well, almost everything. When you have complete control over your own website, you find yourself making little changes here and there as the days go on. I feel like this site will always be a work in progress, only because I’m always growing and learning new things. At least my brand will stay consistent throughout my site and so on, other things are open for change.

After days and days of working my butt off, the finished product is always my favorite part of a project. Although, it’s not completely finished- it has come a long way and I’m really excited for what the future holds for me and my brand. You can view my site for yourself by clicking here.

Related Post: MUST Haves for Designing

If you have any questions please feel free to comment below & of course my email is always open, and thank you for stopping by. ♥

  1. Danielle says:

    Wow. I give you major props for coding and designing your portfolio. I don’t have the time, energy, or patience. Looking forward to more.

  2. Razena says:

    Your site looks great and I love the Thistle color.

  3. Liz says:

    Love your design. I don’t know much about coding, that’s a nice skill to know!

  4. Aarika says:

    Your portfolio looks beautiful. Great job! I admire you for tackling coding. I’ve dabbled a bit too (self taught), and it’s quite rewarding when everything comes together with my own coding skills. Love it! Keep on being fabulous.

    • Thank you so much! At first I was self taught as well, now I have a bit of knowledge from school too. It’s funny how much you’re capable of learning on your own nowadays, I honestly prefer it! I 100% agree with you- it’s so refreshing to be done with a design after working so hard on it. Thanks for stopping by! ♥

  5. POOJA MITRA says:

    I know the process is tedious but outcome is amazing. I do it myself and know how many hours I need to put into this. Love your site. Elegant.

  6. Ashley says:

    This is amazing advice! This looks like a lot of work but definitely worth it in the end.

    Much love,
    Ashley | dearash.com

  7. Stephanie says:

    This is such a cool post! I love being able to see the behind the scenes of something like this. It’s amazing that a bunch of text can make something as pretty as that!
    -Stephanie | http://www.nudelipdiaries.com

  8. Brittnee says:

    Amazing! I want to learn how to code and your outcome is great. Everything looks great.

  9. Alen Cirok says:

    I have been wanting to do the same for a while now, but it’s never late I guess 😀
    your’s looks great !

  10. Thena says:

    This is great, good job! I need to teach myself some new tricks like coding, SEO, etc. I like the layout of your site!

    • Thanks so much! It honestly comes in handy! And SEO too, definitely recommend teaching yourself a few things about SEO. Let me know if you do & if you have any questions about it- we can learn together! 🙂

  11. Melissa Bernardo says:

    Wow! I would never be able to do what you did! So awesome! Coding looks so tough!

  12. Pilar says:

    Congratulations on your site!!! I really think it’s super pretty, loved the colors and the details as your signature. Very girly and professional! 😀
    xoxo, Pilar
    http://thelifestylehunter.com

  13. Pammy says:

    Awesome tips! Your post is informative and well detailed.

  14. This is great information, I am always looking for the most up to date tips on building websites!

  15. Carly Delski says:

    It turned out AMAZING and that’s something you can be super proud of 🙂

    xx Carly | http://www.thecarlycollective.com

Leave a Reply

Your email address will not be published.