www.webdeveloper.com
Results 1 to 6 of 6

Thread: [RESOLVED] Need help to find a tool for web site design (only visual)

  1. #1
    Join Date
    Apr 2014
    Posts
    4

    resolved [RESOLVED] Need help to find a tool for web site design (only visual)

    Hey guys, I'm new to web development and I need some advice.
    I have a decent knowledge of Java SE and Java EE libraries, but I don't know much about platforms and tools for web page design (the visual part). I made a very simple Login system using only JSP and Servlets deployed on Tomcat7, but now I'm thinking about the design of the pages, and I have zero practice with HTML5 and CSS functionalities. What I'm looking for is a JavaScript library or some tool to build only the design (buttons, tabs inside the pages, styles, etc). I know that if I want a very specific visual structure I should build one by myself (code every single CSS style and link to the HTML), but first I want to know what is available.

    Thanks.

  2. #2
    Join Date
    Apr 2014
    Location
    India
    Posts
    28

    Lightbulb Google HTML5 tool

    There is Tool by Google which can be helpful for you in website design. Give it a try..

  3. #3
    Join Date
    Mar 2012
    Posts
    1,493
    If you don't want to learn how to build web pages use a CMS (like Wordpress). Or...

    If you do want to learn, by all means use JS to add animation effects (though a lot can now be done in CSS3), but use PHP to build the web pages. PHP allows you to reuse page elements on multiple pages by writing them as include files. This vastly simplifies updating those elements on larger sites. Only the unique content of each page has to be separately created and maintained.

  4. #4
    Join Date
    Apr 2014
    Posts
    4
    Quote Originally Posted by linathinfotech View Post
    There is Tool by Google which can be helpful for you in website design. Give it a try..
    Thank you I'm gonna try it.

  5. #5
    Join Date
    Apr 2014
    Posts
    4
    Quote Originally Posted by jedaisoul View Post
    If you don't want to learn how to build web pages use a CMS (like Wordpress). Or...

    If you do want to learn, by all means use JS to add animation effects (though a lot can now be done in CSS3), but use PHP to build the web pages. PHP allows you to reuse page elements on multiple pages by writing them as include files. This vastly simplifies updating those elements on larger sites. Only the unique content of each page has to be separately created and maintained.
    One thing I didn't understand is how HTML and JavaScript interact with PHP. I though that everything that needs to be sent or received from the server had to be inside a POST or GET request, and I didn't know I was able to access HTML elements inside PHP code (and the inverse) because PHP was on the server side, so I guess I'm gonna have to study a lot of how PHP and HTML works.

    To be more specific, I want to build a student online calendar (pretty much like Google Calencar but only for students). The user will only need to have a browser. I did some research and JavaScript is the way to go, but I have no idea how to exchange data between the client and server while the user make the changes in his calendar. Like I said, it would be something very similar to Google Calendar but focused on student tasks. If you guys know some specific technology for that kind of visual management, I would like to know the available options. Thanks.

  6. #6
    Join Date
    Apr 2014
    Posts
    4
    Okay seems that I found a good answer for one of my questions:
    Code:
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <script type="text/javascript">
    	function search() {
    		username = document.getElementById('username').value;
    		if (username == "") {
    			alert("Enter a username");
    			return;
    		}
    		if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
    			xmlhttp = new XMLHttpRequest();
    		} else {// code for IE6, IE5
    			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    		}
    		xmlhttp.onreadystatechange = function() {
    			if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
    				document.getElementById('username_result').innerHTML = xmlhttp.responseText;
    			}
    		}
    		xmlhttp.open("GET", "search?username=" + username, true);
    		xmlhttp.send();
    	}
    </script>
    </head>
    <body>
    	<form>
    		<input id="username" type="text">
    	</form>
    	<br>
    	<button onclick="search()">Get user information</button>
    	<br>
    <div id="username_result"><b>User information will be here</b></div>
    
    </body>
    </html>
    After some research about PHP, HTML, and AJAX, I made that page to demonstrate the kind of functionality I was looking for.
    About the visual tool I asked earlier, I came to the conclusion that JavaScript is the best option for me. I still don't know if I'm going to use a JS framework or library, maybe I build my own scripts (which will take some months).
    Thank you guys for the answers. Thread solved.
    Last edited by jedaisoul; 04-22-2014 at 09:49 AM. Reason: Code tags added

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles