Building My New Website Using Adobe Dreamweaver

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. ♥

Follow:
Share:

30 Comments

  1. May 29, 2017 / 1:41 PM

    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.

    • May 29, 2017 / 1:42 PM

      Thank you so much! At some points it is a bit tedious but I could never just give up. Thanks for stopping by! ♥

  2. Razena
    May 29, 2017 / 1:55 PM

    Your site looks great and I love the Thistle color.

  3. May 29, 2017 / 5:35 PM

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

    • May 29, 2017 / 5:50 PM

      Thank you! It’s an interesting topic to learn, but definitely one I enjoy. 🙂 Thanks for stopping by!

  4. May 30, 2017 / 1:45 PM

    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.

    • May 30, 2017 / 5:54 PM

      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. May 30, 2017 / 2:39 PM

    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.

    • May 30, 2017 / 5:57 PM

      You’re not wrong! Definitely takes time, and a bunch of effort. Thank you so much! I really appreciate it 🙂

  6. May 31, 2017 / 1:34 PM

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

    Much love,
    Ashley | dearash.com

    • May 31, 2017 / 1:46 PM

      Totally worth it in the end, thanks for stopping by ♥

  7. May 31, 2017 / 2:05 PM

    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

    • May 31, 2017 / 2:10 PM

      Thanks! When I first started learning HTML, I wondered the same thing! It’s crazy, haha ♥ Thanks for stopping by!

  8. May 31, 2017 / 2:07 PM

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

    • May 31, 2017 / 2:12 PM

      Thank you so much! If you ever have any questions let me know- I would love to help 🙂 Thanks for stopping by!

  9. June 1, 2017 / 4:04 AM

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

    • June 1, 2017 / 10:25 AM

      There’s always time to start! Thank you so much! 🙂 let me know if you do, I’d love to see!

  10. June 1, 2017 / 7:07 AM

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

    • June 1, 2017 / 7:13 PM

      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
    June 1, 2017 / 12:17 PM

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

    • June 1, 2017 / 12:19 PM

      Aw thanks! I’m sure if you wanted to you could! Anything’s possible 🙂

  12. June 2, 2017 / 2:50 PM

    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

    • June 3, 2017 / 9:08 AM

      Thanks so much!! I really appreciate your lovely comments ♥

  13. June 3, 2017 / 12:26 PM

    Awesome tips! Your post is informative and well detailed.

  14. June 5, 2017 / 8:00 AM

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

    • June 5, 2017 / 11:47 AM

      Thank you so much! Let me know if you have any questions! 🙂

    • June 5, 2017 / 2:27 PM

      Thank you so much you’re so sweet!! I really appreciate it 🙂

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.