Jump to content

Web Building Questions


SnakesBite101
 Share

Recommended Posts

hi guys. im very new to web building (HTML, CSS etc)and just wanted to ask a few questions. I'm about to start creating some practice web pages but i just needed a few things answered before i start. 1) Do skilled web designers write their own code step by step on their pages, or do they use web building tools like Dream weaver? 2) Will it be better for me to learn how to use one of these web building tools or is it better to write my own code? are web building tools for people who can't build or write html code? 3) i'd like to know more about the software. is Dreamweaver the standard that most designers recognise and use? It's the only software everyone suggests to me, but i wondered about Microsoft Expression Web? is that just the alternate, less popular choice to Dreamweaver? wouldnt a MS product be the most recognised? 4) If you're familiar with both of those softwares, and were to suggest a nicely supported web building tool for me to get, which would it be out of the 2? can they pretty much do everything each other can do? can Expression web import and format a website layout from photoshop like dreamweaver can? 5) Are there even more alternative choices out there? 6) I'm now looking into studying Javasript. Do the 2 software support or have options for Javascript? or would i have to input JS in the code of my web pages myself? Sorry if my questions are really minor compared to the other threads. i'm really new and trying to get started as a designer. I just need a push in the right direction. Thanks to all for reading

  • Like 2
Link to comment
Share on other sites

Guest So Called

I think a beginner or novice would be better off starting with a simple text editor and writing raw code, in order to understand the codes better. Then perhaps later use a more advanced editor or integrated design platform. I think you're better off starting with a small amount of code and getting that working, then add more code and get that working, etc. I'm not your normal web designer. I got into it from a long time background in professional software development. I like writing my HTML, CSS, PHP etc. using a text editor. I'm pretty sure most professional web designers don't do that, not in text. Maybe somebody in that field can comment.

Link to comment
Share on other sites

We only use text editors for our sites. Editors with a graphical interface never produce proper results because there are too many things that are too complicated for the amount of rules you can supply a computer with.

Link to comment
Share on other sites

Guest So Called

And look at the bunch of crappy HTML some of the fancy editors produce! Those who are interested in website design and all the various languages should view->source often at a wide variety of websites, and look at the code, and figure out how it works. It's not unusual to find a whole mess of empty blocks and other junk that has absolutely no effect on how the site renders. I sometimes wonder if I invented the concept of indents, because I so rarely see anybody else indenting except in examples. Fancy web design packages often don't bother indenting because they assume nobody will ever look at the raw codes.

Link to comment
Share on other sites

I sometimes wonder if I invented the concept of indents, because I so rarely see anybody else indenting except in examples. Fancy web design packages often don't bother indenting because they assume nobody will ever look at the raw codes.
That's usually just to save bandwidth, browsers don't need the whitespace.
Link to comment
Share on other sites

Guest So Called

You could say that JSG but when I look at all the garbage on most websites presumably generated by web design packages there is so much wasted junk that it doesn't appear that bandwidth was important. I've never seen any site that appeared that there was any idea of minimizing bandwidth. In fact it's interesting to view source right here on the forum, on the page you're reading right now.

Edited by So Called
Link to comment
Share on other sites

We only use text editors for our sites. Editors with a graphical interface never produce proper results because there are too many things that are too complicated for the amount of rules you can supply a computer with.
can the layout of the frontpage at w3schools be achieved with just a text editor? i was told its best to design layouts on photoshop then import to dreamweaver. is it possible to do this without the use of dreamweaver? or even without photoshop but a text editor alone?
Link to comment
Share on other sites

you can do it in text editor alone without using dreamwevaer. photoshop is used for different purpose. it lets you design and modify the site structure which will help you as referer when you code it in text editor. it is also used to slice images from that photshop template into pages. photoshop is graphic software so it will let you do graphicl effects and manupulation.

Link to comment
Share on other sites

can the layout of the frontpage at w3schools be achieved with just a text editor? i was told its best to design layouts on photoshop then import to dreamweaver. is it possible to do this without the use of dreamweaver? or even without photoshop but a text editor alone?
It can be done with only a text editor. In fact you could even say it has to be done with a text editor. As birbal mentioned, Photoshop is only used to design your site. Think of it like building a house. First, you draw the blueprints and design the house in CAD, but you don't actually use CAD to build the house. And as for Dreamweaver....Don't! Don't use it. It never generates valid or well formed code. Use a regular text editor like Sublime Text or Notepad++. Also, like So Called mentioned, start small. Get a small page operational and build from there. Start with just HTML, then start styling it with CSS. Then you can move on to making it do stuff with JavaScript.
Link to comment
Share on other sites

hi guys i ran into a minor problem. its a html issue but i guess it would be better to post here(general) than start a new topic in the html forum for just 1 question:) my problem is, my laptop has a wide screen monitor. i can't seem to get desired web page results(size and looks). i use the w3schools tutorials a lot, and i also use its 'Try it yourself' editor to test my code as its faster than constantly updating a txt/html file. i always get desired results on the 'Try it yourself' editor. Even when i test out my page on my mum's PC, which isnt a widescreen laptop, i get perfect results. Sadly on my widescreen laptop the final result just looks awful. I try drastic resizing to make the page look more full but then it becomes deformed on my mum's smaller screen. Are there any tips i can use to deal with wide screen monitors? or is there like a 1 size fits all method that can be applied to the pages? here's 1 example of a problem i'm having. i'm using a div container for the layout for my entire test page. it has a footer and header. Then it has a div-left and div-content. i have the div-left as 50% width. i float it so that the div-content(also 50% width) can be beside it, both forming the body of my page. Now i fill both left and content with a potrait/image. i resize the image/potrait so that it fills its entire div-left container, and do the same for potrait in the div content. the sizing of the potraits are perfect and look full in the 'Try it yourself' editor and my mums PC. But on my wide screen PC, the potraits look way too small and dont fill up their respective div-containers which have been enlarged due to the monitor. All you see is a tiny image and a huge unfilled div background that looks empty. If i resize the images to fill their containers, it ruins the page and float effect on smaller screen monitors. i hope i explained that well. im still very new with html and css.

Edited by SnakesBite101
Link to comment
Share on other sites

can you post your codes? better will be in css forum

Link to comment
Share on other sites

can you post your codes? better will be in css forum
hey thanks for the help. ive manage to fix the issue. i was using float to put block elements (in this case, large images) side by side. but the outcome depends on the monitor size. To fix it i just placed the same elements in a table>table row, where its a lot better to specify width and not have to worry about monitor size. just learning as i go along. thanks for the help. Edited by SnakesBite101
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...