• 0

Best way to design a web site?


Question

This may be a very general topic, but I have no experience with web design. I have Adobe CC 2015 with Dreamweaver so I can use that. I have messed with it and I am really not very good with it yet. Is there better software for beginners? I want to design a very simple web site for my business that just has basic information pages and a price sheet.

I am very versed in Illustrator. Is it feasible for me to create web page designs in Illustrator and then just extract the elements and place them in the web design software to recreate it?

Link to comment
https://www.neowin.net/forum/topic/1275396-best-way-to-design-a-web-site/
Share on other sites

Recommended Posts

  • 0

I just wouldn't host with windows azure they hiked pricing up drastically in the past 2 months... my site that only got 1000 hits in one month racked up 50 dollars in charges!!! and it was sitting low at 10/mo till they mucked with the database tiers 2 months ago!

Damn I feel happy hearing that at $2/m xD

  • 0

Here is what I have so far designed totally with Muse. The copy was all just put in kind of fast because I wanted something on each page. What do you guys think?

http://coveredwagonembroidery.com/index.html

 

The design makes me feel nostalgic :p

And It doesn't look and work bad but the fact that the text is actually an image is bad for a lot of reasons: high res screens see a low res image of text which results in blurry text, seo obviously, page size(mobile devices have a network data limit) and since the content is an image it's hard to update the text with some sort of cms.

  • 0

The design makes me feel nostalgic :p

And It doesn't look and work bad but the fact that the text is actually an image is bad for a lot of reasons: high res screens see a low res image of text which results in blurry text, seo obviously, page size(mobile devices have a network data limit) and since the content is an image it's hard to update the text with some sort of cms.

What do you mean? I created all the text with the text box tool in Muse.

and what do you mean nostalgic? Dies it look dated or something?

  • 0

What do you mean? I created all the text with the text box tool in Muse.

and what do you mean nostalgic? Dies it look dated or something?

The text tool in muse generated images with text in them :/ Which means your website is made out of multiple images instead of text.

And yes it looks a bit dated :p

Gimme 1min and I'll rewrite your current website in proper code so you can take a look at that ;) Which font did you use?

  • 0

Hmm, why would it render the text as an image? The font is Unisans.

That's probably how the program you use works :(

Anyway here's the frontpage in proper code: https://dl.dropboxusercontent.com/u/4281191/cw.zip

I used OpenSans Instead of Unisans since Unisans was a licensed font for which I don't have a license ^^

  • 0

Strange nobody has suggested Google's Web Designer:

https://www.google.com/webdesigner/

I know it can be daunting at first (Web), but if it's something easy and fast to use, no better tool than the one above... Plus it's free!

As far as I remember it was meant to be used to create ads and such right?

  • 0

What do you mean? I created all the text with the text box tool in Muse.

and what do you mean nostalgic? Dies it look dated or something?

That's the problem with ~WYSIWYG builders, they take the easy route rather than the correct one. Not a lot you can do about that.
Your most important thing there is that your brand name, main navigation and contact details are all images which is baaaaaaaad.

As for design, yeah it's very dated. Try cutting out the drop shadows and glows. That should help it look a tad more modern.

As far as I remember it was meant to be used to create ads and such right?

Yeah originally. I've seen a few sites it spits out and it's chilling :o

  • 0

I just wouldn't host with windows azure they hiked pricing up drastically in the past 2 months... my site that only got 1000 hits in one month racked up 50 dollars in charges!!! and it was sitting low at 10/mo till they mucked with the database tiers 2 months ago!

$50 for 1000 hits! Unless your site is distributing massive ISO's or films, that's just ridiculous.
We only use Amazon/Azure fr large scale sites where scalability is a major factor, otherwise it's a VPS on a reputable hosting company.

  • 0

That's probably how the program you use works :(

Anyway here's the frontpage in proper code: https://dl.dropboxusercontent.com/u/4281191/cw.zip

I used OpenSans Instead of Unisans since Unisans was a licensed font for which I don't have a license ^^

That's how it's done! Look at Sea's code along side the Muse code, and you'll see a brilliant example of what i'm talking about. 

  • 0

 

$50 for 1000 hits! Unless your site is distributing massive ISO's or films, that's just ridiculous.
We only use Amazon/Azure fr large scale sites where scalability is a major factor, otherwise it's a VPS on a reputable hosting company.

Not really anything large... just a wordpress based site and a static html based site... no downloads and the wordpress based one only has a gallery with 1MB images, nothing really huge or 4K.

 

I am going to dispute it if I freakin find out how to thier system is so clunky and hard to find anything... and people are allready raging on forums bc of that recent change. This is BS and I have to move to another host..

  • Like 1
  • 0

I updated the site with a web safe font. I guess I learned that if you create a text object with a font that is not web safe, it makes it an image?

I also took out the glows and drop shadows. I do still have the glow on the menu words for active status. Do you guys recommend something else other than glow to make it look more modern?

  • 0

I updated the site with a web safe font. I guess I learned that if you create a text object with a font that is not web safe, it makes it an image?

I also took out the glows and drop shadows. I do still have the glow on the menu words for active status. Do you guys recommend something else other than glow to make it look more modern?

Personal opinion...

  • Remove the gradients from the purple bars
  • Pick a better font pair for use on the headers and body text (have a look at http://fontpair.co/), currently you're using Arial which falls back to Helvetica on Macs, neither are particularly good at readability on screen.
  • Make your text a darker grey rather than solid black (#000) as it makes font blending less apparent and easier on the eye. Don;t go crazy though, you'll still need some contrast.
  • Have a look at your colours. I'm not going to go in to all aspects of colour theory right now, but some of the choices are very clashing (light blue hovers on purple, for instance).

Those adjustments should go some way to perking it up a bit.

  • 0

 

Personal opinion...

  • Remove the gradients from the purple bars
  • Pick a better font pair for use on the headers and body text (have a look at http://fontpair.co/), currently you're using Arial which falls back to Helvetica on Macs, neither are particularly good at readability on screen.
  • Make your text a darker grey rather than solid black (#000) as it makes font blending less apparent and easier on the eye. Don;t go crazy though, you'll still need some contrast.
  • Have a look at your colours. I'm not going to go in to all aspects of colour theory right now, but some of the choices are very clashing (light blue hovers on purple, for instance).

Those adjustments should go some way to perking it up a bit.

I will certainly try all of that, thanks I really appreciate it. I think I am starting to learn what is more modern but boy am I a noob at web design.

I guess flat is what looks modern? People seem to be consistently saying that the bevels, gradients, glows, etc. don't look good. Do you have a recommendation for the states of the menu text? I have them white and just made the highlight color blue just because it seemed visible, And the glow seemed like the best option to show the active menu.

  • Like 1
  • 0

Google font embedding FTW though... works very solidly... I would use those if you were to use a different font.

It is quick and easy, but personally i never trust a third party with the performance and stability of a client (or personal) site.

An example of this is FontKit. It went down for three days at the beginning of the month and caused havoc with sites using it. Some of my colleagues were getting 30 calls a day from ###### off clients, even more ###### off when they were told there was nothing that could be done. Having a decent font stack in place goes some way to alleviating the issue, but it is still an issue none the less.

 

@font-face ftw. 

  • 0

I will certainly try all of that, thanks I really appreciate it. I think I am starting to learn what is more modern but boy am I a noob at web design.

I guess flat is what looks modern? People seem to be consistently saying that the bevels, gradients, glows, etc. don't look good. Do you have a recommendation for the states of the menu text? I have them white and just made the highlight color blue just because it seemed visible, And the glow seemed like the best option to show the active menu.


No problem mate, every one starts somewhere, most importantly is you want the help and you're listening. I've worked in the industry since 2001 (when gradients, glows, drop shadows and bevels were par the course!), run my own business since 2006 and run a web design forum so i actually enjoy helping :p

The flat thing is very 'in' right now, but it's actually more the web finding it's own style, just so happens "flat" is trendy at the same time. I'd say less 'flat' is the way forward and more 'subtlety' is the way forward.

In regards to the navigation items, i'd have the items, that are the current pages, stay as the same as the hover effect. Either that or have the current items underlined. Again subtlety is the key. 

  • 0

 

It is quick and easy, but personally i never trust a third party with the performance and stability of a client (or personal) site.

An example of this is FontKit. It went down for three days at the beginning of the month and caused havoc with sites using it. Some of my colleagues were getting 30 calls a day from ###### off clients, even more ###### off when they were told there was nothing that could be done. Having a decent font stack in place goes some way to alleviating the issue, but it is still an issue none the less.

 

@font-face ftw. 

Ouch!! That sucks...

  • Like 1
  • 0

how many hits you get though? and how many databases?

I got 100GB bandwidth so hits are kinda infinite :p
And I got unlimited databases ;)

It's shared hosting btw, if you want an actual vps: http://vpsdepot.com It's a part of webhostingpad ^^

  • 0

Ouch!! That sucks...


Yeah it was a bit of a headache for them. None of my clients using TypeKit (I haven't used it for a commercial project for a while) actually noticed the down time because i'll always put as close as possible web safe fonts in the font stack just in case. Either that or they just never looked :p

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • Maradona if hydration breaks had existed in Mexico 86.
    • The quantum search for Time's origin had an equally mind-boggling conclusion by Sayan Sen Image by Steve Johnson via Pexels A theoretical study from researchers at the University of Surrey suggested that the direction of time may not be fundamentally fixed in certain quantum systems. The work, published in Scientific Reports, examined how the “arrow of time” could emerge from microscopic physics and found that time-reversal symmetry can remain intact even in models used to describe processes such as energy loss and thermalisation. The arrow of time refers to the observed one-way direction from past to future in everyday life. In macroscopic processes, this is easy to see. Spilled milk spreads across a table and does not gather back into a glass, and heat flows from hotter objects to colder ones. These processes shape the common sense idea that time moves in a single direction. However, at the level of fundamental physics, many equations do not prefer a direction of time. Time-reversal symmetry means that the same physical laws can describe a system whether time moves forward or backward. This has made it difficult to explain why irreversible behaviour appears in the large-scale world even when the underlying rules do not require it. Dr Andrea Rocco, Associate Professor in Physics and Mathematical Biology at the University of Surrey, described this contrast: "One way to explain this is when you look at a process like spilt milk spreading across a table, it's clear that time is moving forward. But if you were to play that in reverse, like a movie, you'd immediately know something was wrong – it would be hard to believe milk could just gather back into a glass. However, there are processes, such as the motion of a pendulum, that look just as believable in reverse. The puzzle is that, at the most fundamental level, the laws of physics resemble the pendulum; they do not account for irreversible processes. Our findings suggest that while our common experience tells us that time only moves one way, we are just unaware that the opposite direction would have been equally possible." The study focused on open quantum systems, which are quantum systems that interact with a surrounding environment. This environment, often described as a heat bath, can exchange energy and information with the system. The researchers used this framework to study how a direction of time might appear even when the underlying physics does not enforce one. A key part of the analysis involved the Markov approximation. This is a simplification used in many models where the system is assumed not to retain memory of its past states. The idea is that changes depend only on the current state, not on earlier history. This is commonly used when studying thermalisation, which is the process where a system settles into equilibrium with its environment. The study also used concepts such as master equations, including the Lindblad and Pauli equations, which describe how probabilities of different quantum states change over time. Another related model discussed was quantum Brownian motion, which describes the random-like movement of a quantum particle interacting continuously with its environment. In these descriptions, a “memory kernel” can appear, which is a mathematical term that accounts for how past states influence current behaviour. The researchers found that applying the Markov approximation did not break time-reversal symmetry. Even when the system interacted with an effectively infinite heat bath, the resulting equations of motion remained symmetric in time. This meant that the same mathematical description could, in principle, run forward or backward in time without contradiction. The study further showed that standard frameworks used in open quantum systems, including quantum Brownian motion and master equations like the Lindblad and Pauli forms, could be written in a time-symmetric way. These equations are typically used to describe processes that look irreversible, such as dissipation and thermalisation, but the results suggested they can also be interpreted as allowing evolution in both time directions. Thomas Guff, Research Fellow in Quantum Thermodynamics, said: "The surprising part of this project was that even after making the standard simplifying assumption to our equations describing open quantum systems, the equations still behaved the same way whether the system was moving forwards or backwards in time. When we carefully worked through the maths, we found that this behaviour had to be the case because a key part of the equation, the "memory kernel," is symmetrical in time. We also found a small but important detail which is usually overlooked – a time discontinuous factor emerged that kept the time-symmetry property intact. It’s unusual to see such a mathematical mechanism in a physics equation because it's not continuous, and it was very surprising to see it appear so naturally." The researchers also noted that deriving a one-way arrow of time from time-reversal symmetric microscopic dynamics remains an open problem across fields such as thermodynamics, statistical mechanics, particle physics, and cosmology. Their results suggested that some standard descriptions of irreversible behaviour in open quantum systems may be better understood using a time-symmetric formulation of Markovianity. According to the study, processes such as thermalisation, which are usually treated as irreversible, could in theory be described in a way that allows evolution in either time direction under the same rules. This does not imply that time reversal occurs in everyday life, but rather that the underlying equations do not strictly enforce a single direction. Overall, the findings suggested that the perceived direction of time may emerge from how physical systems are modelled and approximated, rather than from a fundamental asymmetry in the laws themselves. The researchers noted that this perspective could have implications for ongoing work in quantum mechanics, thermodynamics, and cosmology on the origin of time’s arrow. Source: University of Surrey, Nature This article was generated with some help from AI and reviewed by an editor. Under Section 107 of the Copyright Act 1976, this material is used for the purpose of news reporting. Fair use is a use permitted by copyright statute that might otherwise be infringing
    • A bit premature... 100% Marketing. Bizarre.
  • Recent Achievements

    • Reacting Well
      BizSAR earned a badge
      Reacting Well
    • First Post
      AndreaB earned a badge
      First Post
    • Week One Done
      Huge Trailer earned a badge
      Week One Done
    • Week One Done
      Classifyskilleducation earned a badge
      Week One Done
    • One Month Later
      eurospharma62 earned a badge
      One Month Later
  • Popular Contributors

    1. 1
      +primortal
      581
    2. 2
      +Edouard
      182
    3. 3
      PsYcHoKiLLa
      75
    4. 4
      Michael Scrip
      73
    5. 5
      neufuse
      64
  • Tell a friend

    Love Neowin? Tell a friend!