Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
This is a novice question. I was given a web page design with CSS files and AI (Adobe Illustrator) files. My task is to create the web contents properly. What is the easiest way going about? Can Dreamweaver come handy here? Or do I have to code the html manually? (I am sure there should be a better way). The site is supposed to be up in a .NET environment.
Thank you for the help
CSS needs the HTML for structure and normally the two are written hand in hand. Spend the extra time and write the HTML and CSS manually while slicing up the supplied artwork. It's a rewarding process if you are learning or you challenge yourself to do a really good job of it. You can probably salvage a lot of css from the existing stylesheets (typography styles etc). In this way you can be more confident about the code you are using and ensure that it is legible. The HTML templates can then be integrated into a CMS, .NET framework based system or whatever the next step is.
If you are not up for the task, outsource the job to someone who is passionate about HTML and CSS to supply the complete HTML and CSS templates. There are plenty of us out there ;)
Related
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 6 years ago.
Improve this question
I was able to create a web site 10 years ago with Microsoft Frontpage without learning anything, today with a copy of Adobe Dreamweaver CS6, I can't even figure out a way to change the font size of a simple text. CSS is the thing, so I went through the CSS tutorials in w3 and I get it now. It's a good idea, but It is also a good idea to kill creativity, ie all sites like similar, see screenshot below. It sucks floppy disks.
My questions will be:
Does web 2.0 really kill creativity?
Is there a "modern" web design application that I don't need to go into these CSS thing?
Is there a way to create a circular navigation menu like this using css? I want to have this menu in the middle of the page, and with a button on the corner to activate it.
No it doesn't
You don't have to use CSS. You can use inline styles,
but it won't be right. Using the CSS is a good coding practice and
you just need to learn it better.
Yes. If you google it, you'll find several links. Here is just some examples:
https://css-tricks.com/building-a-circular-navigation-with-css-clip-paths/
http://www.cssscript.com/pure-css-circle-menu-with-css3-transitions-transforms/
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
Maybe I'm not using the correct terminology because I can't seem to find an appropriate answer. I have built a header and a footer using html and css. This will not change from page to page and so I want to make it the template and simply change the content in between the header and the footer for each page of my website. I know I could simply copy and paste the code but if I wanted to change the header for some reason I would then have to change the header on each of my pages! Super inefficient. Coding is all about reuse. surely there's a way to do what I'm saying. Help me web developers!
You could do one of many things:
Use PHP files and require() the headers and footers in the main page, though you'll have to use a server on your localhost to test the pages.
You could maybe take a look into creating single page applications, using AJAX.
AJAX Introduction here.
You could go a step further and pick one of the very popular JavaScript MVC frameworks.
Read more about them here.
Finally, you could also do it the "old way" and use iframes, but that is honestly bad practice and will bring more harm than good.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 7 years ago.
Improve this question
I am using Dreamweaver, but now I am thinking about trying another program. I am kind of new to html and css, but I feel I have kind of control using html and css3. Now I am learning how to creative responsive webdesign using bootstrap.
Might be a stupid and simple question; When I want to create a new html page, I can choose "create a responsive page using Boostrap". If I just select html and makes a css sheet, will I still be able to make a responsive design? Thinking about using "insert" and then choose "Bootstrap Components".
I have made pages with bootstrap templates now. It's ok and I am managing to style the template. Still I feel more comfortable making it from scratch. I feel I am learning more and have more control doing it this way.
--
I guess I should just stick to Dw, but I want to learn more. I am kind of a learning-by-doing-girl and want to try out another program. I like the ability to use "Show code and design" in Dw, so a program with this included would be great.
Which programs have this capability?
I have downloaded Atom, and I know you can refresh the website to see the result, but that means I have to connect the site to a server? Right now I don't want to connect the site to a server of different reasons.
You should try out a standard text editor like Sublime Text or Atom. Do your code editing there and open your page in the browser. Refresh to see changes as you make them.
I like Notepad++.
The problem with programs like DreamWeaver is that they can instill some pretty bad habits in novices. You are absolutely right in wanting to learn without it first.
The reason I like Notepad++ is that it has great code highlighting, one of the things I think draws people in to DW, too.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
How does minifying codes come into place in terms of web designing?
I understand the importance of minifying in order to reduce load speed. I write my html and css codes with indentation. How I'm doing it right now is that on my local computer, I have my original codes. Then when I'm ready to upload it to a live site, I will minify it and copy/paste the code there.
So now I have 2 version of the website: original & minified.
Is this the correct way to do it, or should I write my code in the "minified" form? It'd be pretty much a mess and impossible to code if I wrote in the minified form.
Please tell me how you guys are doing it!
Write your code in a clear, maintainable way. So, keep indenting, etc.
Minify your code when you deploy it. You are doing it by running a tool yourself. Many people do it as part of their build/deploy process. So you might have one command that minifies all your assets and deploys them to your server.
But if you don't have a build/deploy tool right now, then the way you're doing it is probably the way to go. Put "learning about build tools and adopting one" on your to-do/self-improvement list. You'll be glad you did.
minifying is not a part of you web design process. you need to write your code nice and pretty. then use a tool to minify your css and javascript, probably as a part of your build process.
I´m using http://gulpjs.com/ and some of its packages. It can watch my readable css (or less) and pipes it each time I save automatically through some methods like minify or prefixing (automatically adds browser specific css for older browsers which don´t support css3)
maybe check this tutorial if you want to dig deeper http://www.sitepoint.com/introduction-gulp-js/
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I use CSS to stylize my pages. I use % style instead of using px values. However, since I need to add several elements of different sizes in different positions, I end up spending more time in designing the layout than the coding.
I tried using a WYSIWYG editor but it uses px style coding. Can someone help me with a solution so that I can design the layout quickly and proceed to real part? I use WordPad right now.
The best thing to do is practice more. Get better at coding them, and reuse parts from prior projects where it makes sense.
There is no WYSIWYG tool that will save you time, for most projects. They all write garbage code, because editing with such a tool is a bit ambiguous. It is up to you as a web developer to write your markup and styles in a way that will be interpreted correctly across many user agents.