|
|
|
|
|
|
I am a novice at building websites and considering to make one. But there is a lot of confusion that's going on right now. I guess every beginner faces them. Few questions that come up are:
1. I have an idea and a need a website. That's all i know right now. But how do i start ? HTML is for sure the basic language but there are a hell of other technologies too. What is actually asp, php, ruby etc? How do i choose the right one from them? Other than asp, php there is javascript and other languages under the same belt. What are they used for?
2. Hosting. When i am choosing the host, what considerations i have to keep in mind ? What support do i need from them (other than getting some important space obviously!).
3. I am considering of making the website in ruby on rails. I don't know about php and what effect it would have if i choose ruby over php. I thought about ruby just because its new and i dont want to learn some thing "not new"! :P Moreover what is a framework and how does a framework effect my development process?
These three questions are just to explain my "confusion" better. There is obviously a lot more to it. Just to try to answer how the flow of website development goes keeping in mind my questions!
|
|
|
|
|
- Take a look at ASP.NET[^]; lots of samples and tutorials available.
- Plenty of hosting companies to be found, check their prices and terms.
- http://rubyonrails.org/[^]
One of these days I'm going to think of a really clever signature.
|
|
|
|
|
HTML (for the mark-up) you should find as pretty easy to learn. CSS (for style sheets), you should also find reasonably easy. And if you understand how style sheets are constructed and used, then those skills learned are (sort of) transferable to the application of jQuery, which is a JavaScript framework. Yet, as with everything new, don't expect to run before you can walk.
Some references for you ...
http://reference.sitepoint.com/html[^]
http://www.w3schools.com/default.asp[^] where you can learn a variety of web technologies
Book "Pro CSS and HTML Design Patterns by Michael Bowers" ISBN-13 (pbk): 978-1-59059-804-7 Apress
There are plenty websites that offer video tutorials in all web technologies, including http://net.tutsplus.com/[^]
If your interests are towards PHP/MySQL, then this book is a good one. "Beginning PHP and MySQL: From Novice to Professional, Fourth Edition by W. Jason Gilmore" ISBN-13 (pbk): 978-1-4302-3114-1 Apress
If your interests are Microsoft technologies, you can get tutorials and downloads from here, and they are a good resource http://www.asp.net/[^]
In terms of hosting, it would not be appropriate to direct you to any particular organisation until you decide which technology you wish to develop for.
In terms of Ruby, see my reply in the thread below here for references.
modified 1-Aug-19 21:02pm.
|
|
|
|
|
The basic building blocks to a website is HTML, Hyper text markup Language and Javascript.
Now you have to decide on HTML version 4 or go straight to HTML version 5.
As far as ASP.Net, PHP, and Sun Java I don't know about Ruby, that's a personal choice.
I use to write in PHP, but dumped it for ASP.Net. Sort of wish I would of went Sun Java instead.
It doesn't really matter what you use at this point, the first thing you need to learn is html, css and javascript, Which is a steep learning curve, if you want your pages to look the same across all browsers.
|
|
|
|
|
Hi
It feels like yesterday (about 5 years ago when i was exactly in the same spot you find yourself).
The advise posted www.asp.net is an excellent place to start. but here to answer your questions.
1. HTML , CSS and Javascript is essential to what makes a website tick , no matter what technology you are using the output at the end of the day will be html, ASP.NET, php, ruby, cold fusion ect are all server side technologies these essentially help you bring more features into your website like user login, dynamic data | data that you can edit without haveing to ftp upload new pages after you created them.
2. Depending on your technology , your hosting will vary , if you wish to host asp.net you will need a windows server host with .net framework and SQL
3. New does not nessisarily mean better , when you buy a new car you know its better , new in programming languages mean, still limited , expect memory leaks , and very minimal online help available.
ASP.net I recommend above all other server side technologies for web development for this very reason. but for you to be able to use it effectively you will need to familiarise yourself with either C# or VB.NET I highly recommend C#.
You will need to master your programming language asp.net and HTML, CSS and javascript in equal measures , understanding the execution order (hope I am not scaring you) but if you train full time it will take you roughly 6 months(depending on your learning ability) to be able to produce anything commecially viable, (becuase believe me when staring asp.net you will make alot of noob mistakes forgetting things like (if !ispostback, not encrypting user passwords, not using master pages ect)
also another aspect of web development you will have to be familiar is design , you can get allot of online designs for free aswel (maybe not exactly what you want) but you will need to figure our how to cut those designs up properly and then lay them out in your website. heres the order I recommend you study.
HTML - used for layout
base layout of html page
tags and attrubutes
the style tag
using images
Understanding paths in website (../ and so on)
CSS - Used for styling
importing CSS files
JavaScript - used for dynamic functions (button rollovers,"yes I know CSS can do it too but baby steps)
Programming language of choice in asp.net
Familiarise yourself with terms such as postbacks , runat server, server controls id's and the page load order (promise you you are going to use them)
Entity modelling
Databasing - SQL Server Designing a database with various data types
Database relations
Cryptography - Symmetric encryption (advanced topic but usefull
LINQ - theres an entire exction online explaining how to write these queries
Server Side Grids and data sources.
All in server side languages have a long learning curve especially if you have zero programming experience but in the long run they avoid your website from becoming an admin nightmare.
You you simply want a nice easy web page there is also google blogger
Chona1171
Web Developer (C#), Silverlight
|
|
|
|
|
That was nice, and well thought out.
It's funny how when people start out, they get all concerned about technology. I like the ones that start out with PHP, with not a single PHP line of code in them.
Good Job.
|
|
|
|
|
|
Hi there,
I am trying to find some good resources on Ruby On Rails Web Application Development(for example demo project, videos etc) but I could not found. I will be glad for your any suggestion regarding above specially on RoR + SQL server web apps development.
Thanks
Md. Marufuzzaman
I will not say I have failed 1000 times; I will say that I have discovered 1000 ways that can cause failure – Thomas Edison.
|
|
|
|
|
|
Thanks... 
Thanks
Md. Marufuzzaman
I will not say I have failed 1000 times; I will say that I have discovered 1000 ways that can cause failure – Thomas Edison.
|
|
|
|
|
Dear Sir I am doing Masters in Information technology from india. As part of my ME project I am working on QoS based web service discovery. But as I am novice to web services and its tools I am not able to move fast.
Will you please guide me so I can do well. Please provide me some technical details regarding configuring private UDDI on local machine, publishing and searching the UDDI, putting extra details such as QoS in tmodel.
Awaiting reply.
Thank you
|
|
|
|
|
hi everybody, i'm student IT. now i have case study about: create app via internet( web), like WEB Chat..( the client can connect to server at more address in Internet,
I'm study Java in element. i have good logic but Code is not good. Now i study Java EE. this's more knowleadge so i have proplem.
Tool: eclise, tomcat and mysql server...and using JSp and WEbService.
I don't know design about this. i'm have code JSP java SE so create a App in web i not good. Can help me.tks!
|
|
|
|
|
If you want to have a chat application then you will need two component at least
1. Chat server
2. Chat Client
Your server will do all the data forwarding to and receiving from client.
Now your user can access your client application through web.
Now, show some code if you expect any better answer
I wish I could believe there is an after life.
|
|
|
|
|
yes, i agree with you, so think i want: What tecnology and the process to create chat. how the server create and run, more client... and
|
|
|
|
|
you can build your server with Java, C/C++ or any programming language you are comfortable with.
You can build your client with Java or Flash, they are both easily embeddable with HTML
I wish I could believe there is an after life.
|
|
|
|
|
Take a look at this link[^].
It is an article posted here in CodeProject from Jeeva S[^].
And or use Google to search for: chat source java
This will give you plenty of details.
Good luck!
|
|
|
|
|
Hi,
I am pretty much new to EF and MCVC3, I have been reading multiple articles on EF and MVC3. I am really confused when the articles talk on code first EF to talk to the database. Can you please help me in providing examples where we can think more of live environment where database is in the control of others in the team which is on other servers and application is developed on MVC3 by us. What is this kind of EF called. Please do the needful
This is Satish
|
|
|
|
|
I have a link showing my issue, link below. In the background firefox looks to be adding extra space to the bottom of my banner nav buttons and also to the div block above it. http://postimage.org/image/krt95j1wj/
I have tried the following with no effect, or an undesired effect;
...font-size: 0 in the ul and font-size:normal on the li
...display inline
...add divs to the text inside the inside of the li tags
here is the html. any ideas...?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style>
*{
margin:0;
padding:0;
border:0;
}
#banner_container{
width:770px;
height:360px;
overflow:auto;
}
#banner{
position:absolute;
list-style-type:none;
width:770px;
height:360px;
overflow:hidden;
clip:rect(0px,770px,360px,0px);
}
#banner li{
width:770px;
height:360px;
position:absolute;
top:0;
left:0;
}
.right_side_container{
float:right;
clear:left;
width:250px;
height:360px;
}
.ad_box{
height:160px;
width:230px;
margin:10px;
background:white;
}
.main_banner_text{
position:relative;
background:url('bg_white_fade.png');
color:black;
height:60px;
width:400px;
top:240px;
padding:10px;
}
#banner_nav{
list-style-type:none;
margin:0;
padding:0;
border:0;
position:absolute;
top:325px;
left:10px;
width:300px;
height:25px;
}
#banner_nav li{
float:left;
clear:right;
width:25px;
height:25px;
border:0;
margin-left:3px;
padding:5px;
font-size:10pt;
text-align:center;
background:url('bg_black_fade.png');
color:white;
}
.banner_nav_current{
background:url('bg_white_fade.png') !important;
color:black !important;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script>
var bg_images = new Array('slide0bg.jpg','slide1bg.jpg','slide2bg.jpg','slide3bg.jpg');
var max_banners = bg_images.length;
var current_banner = 0;
var next_banner = 0;
var last_banner = max_banners-1;
var btimer = null;
$(document).ready(function(){
$('#banner>li').each(function(){
$(this).css('background-image','url('+bg_images[$(this).index()]+')');
$(this).css('z-index','-'+$(this).index());
});
make_buttons();
start_banner();
});
function start_banner()
{
if(max_banners>1)
{
next_banner = current_banner+1;
btimer = setInterval('rotate_banner()',5000);
}
}
function set_z_index()
{
var index = 0;
var cur_li = next_banner;
for(var i=0;i<max_banners;i++)
{
$('#banner>li').eq(cur_li).css('z-index',index);
cur_li++;
if(cur_li==max_banners) cur_li = 0;
index--;
}
}
function rotate_banner()
{
$('#banner>li').eq(next_banner).css('left','770px');
$('#banner>li').eq(next_banner).css('z-index','0');
if(max_banners>2)
$('#banner>li').eq(last_banner).css('z-index','-2');
$('#banner>li').eq(current_banner).css('z-index','-1');
$('#banner>li').eq(next_banner).animate({'left':'-=770px'},'slow');
$('#ban_nav_btn_'+current_banner).removeClass('banner_nav_current')
$('#ban_nav_btn_'+next_banner).addClass('banner_nav_current')
last_banner = current_banner;
current_banner = next_banner;
next_banner++;
if(next_banner==max_banners)
{
next_banner=0;
}
}
function make_buttons()
{
if(max_banners>1)
{
var n=1;
var add_nav = "<ul id='banner_nav'>";
for(var i=0; i<max_banners;i++)
{
add_nav+= "<li id='ban_nav_btn_"+i+"'";
if(i==0) add_nav+= " class='banner_nav_current'";
add_nav+= ">"+n+"</li>";
n++;
}
add_nav+= "</ul>";
$('#banner_container').append(add_nav);
}
}
</script>
</head>
<body>
<div id='banner_container'>
<ul id='banner'>
<li>
<div class='right_side_container'>
<div class='ad_box'>
</div>
<div class='ad_box'>
</div>
</div>
<div class='main_banner_text'>
It's Fall!
</div>
</li>
<li>
<div class='right_side_container'>
<div class='ad_box'>
</div>
<div class='ad_box'>
</div>
</div>
<div class='main_banner_text'>
It's Summer!
</div>
</li>
<li>
<div class='right_side_container'>
<div class='ad_box'>
</div>
<div class='ad_box'>
</div>
</div>
<div class='main_banner_text'>
It's Winter!
</div>
</li>
<li>
<div class='right_side_container'>
<div class='ad_box'>
</div>
<div class='ad_box'>
</div>
</div>
<div class='main_banner_text'>
It's Spring!
</div>
</li>
</ul>
<div>
</body>
</html>
Chris J
www.redash.org
|
|
|
|
|
Use firebug to check if there is really white space.
No more Mister Nice Guy... >: |
|
|
|
|
|
Here are two more screen shots that show my firebug window.
http://s5.postimage.org/z8zl234dj/fb_ss1.jpg[^]
http://s5.postimage.org/fsevfk99j/fb_ss2.jpg[^]
I also highlighted the ul in the first one and the li in the second. You can see the code dislayed in the window below which is odd as I did not have line breaks or tabs in my code, soI assume that fire bug is formating it. The generated source looks like this
<ul id="banner_nav"><li id="ban_nav_btn_0" onclick="selectFocus(0);" class="">1</li><li class="" id="ban_nav_btn_1" onclick="selectFocus(1);">2</li><li class="banner_nav_current" id="ban_nav_btn_2" onclick="selectFocus(2);">3</li><li class="" id="ban_nav_btn_3" onclick="selectFocus(3);">4</li></ul>
I do not see any whitespace, but it looks like a css issue with a height of 25px and padding 5px on the li. Firefox, Chrome and Safari do add this. the odd one is IE, but I think IE is correct (I could be wrong).
I had read online that making an element float forces a dislay block on the element which also adds spacing to the bottom, which is what I see here. But I also think that firefox and company are taking my 25px height and 25 px width, and adding the 5px padding to these along the y axis. I suspect that IE is respecting the 25px h+w and forcing the padding to stay with those limits....this is all just guess work on my part, so I am hoping the community has some advice.
I can run the code with the extra spacing, it does not stop it from working, but I would like it to truly look the same on all platforms.
ideas...?
Chris J
www.redash.org
|
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
