How can we create menubar in jsp. We have to use html commands, or is there any other method? If anybody can give me any web address where i can find the turorial for this. I have searched the web but unable to find any good answer.
Thanks
First thing you need to realize that JSP is just a Java based view technology which enables outputting HTML/CSS/JS dynamically and that HTML is a markup language which can instruct the webbroser how to display the page elements.
As to your problem, you need the HTML <ul> element to represent a list. Then you can apply a good shot of CSS to style it the way you want. This is in HTML/CSS world also called "Suckerfish dropdowns".
Since the question is too broad, best I can do is to recommend you the separate concepts "HTML" and "CSS" properly and give you some tutorial links.
W3schools HTML tutorial/reference
W3schools CSS tutorial/reference
Alistapart - Suckerfish dropdowns
HTML dog - Suckerfish dropdowns
Related questions:
Where to start from in web development?
Java web development, what skills do I need?
Related
Hi I'm totally new to Shopify and I'm having trouble grasping some basic stuff. So I have a client with an existing store and I was asked to design a landing page. I did all the html and css in vscode before I really took a look at Shopify and I want to know what the best way to create the page using the code I've already written would be. So far it looks like I have to create a custom template and then manually edit the JSON file but I have no idea how to work with JSON / how to link custom styles to that file. Can I create a template using Liquid and then refer ONLY that template to a custom styles sheet? I don't want to update the stores theme file before I know that this is all going to work / I'm wary of any kind of accidental overlap of tags and classes.
any help would be appreciated
Nothing to worry about. You can create sections with a preset block that can be added to the customizer. Learn the basics of schema and a little bit of liquid. Study the existing themes in free theme dawn. You will be able to figure it out. There is plenty of youtube channel to learn the basics also Shopify document has strong details. You can refer to it. Hope this helps https://www.youtube.com/channel/UCBukJ6yWzTdlLKY9QKhv-Mg You can try his skillshare class to understand the basics.
https://www.youtube.com/channel/UCUa4yMJ3mVquTL5TIpxatqQ This guy also explain it quiet easily. Even I like coding with Jan. He is too good
How to make HTML forms interactive? Which techniques are best for interactive forms? Any good suggestion where I can learn web forms? I am in learning process.
A web form is already an interactive piece of content on the page. The user interacts with it. If you want to style it then you use CSS or JavaScript/JQuery. Alternatively, use Bootstrap to style the forms and give them glyphicons and validation. Forms are fairly complex in my opinion. So just stick with the basics until you can at least understand how they are working. Use resources like W3Schools, Mozilla Developers Network (MDN), or places like CodeAcademy, Lynda.com, to learn more.
You can create HTML form more dynamically using CSS,Javascript as well as using the Bootstrap.It will help you to create a HTML Form with several Features like
validation
Designing
Responsive web Pages etc.
You can go with this link here you can easily get all information about Page Designing..
https://www.w3schools.com/html/
I have used HTML in its basic form, and I mainly work on "server side" (of Enterprise application, mainly based in Java EE).
From what I understand, HTML is the "pages" which we see in an browser (that source code which a GUI developer writes and which a browser renders appropriately).
For example in an HTML tag, we write "h1" element, and the browser displays the text within as bold.
Now why there is any need of css? From what I am aware of, CSS is used to give "style" to a html page. The confusion that I have, doesn't HTML in itself able to give the style? what were the compelling reasons for creation of css?
Can anyone help me understand this in simple words.
The code that you put in your html to style it is actually CSS. HTML actually has some built in CSS. So really, you are using CSS when you do that. Also people like to connect a separate file for CSS in bigger projects. It looks more organized, and it easier to keep track of. It is also easier to code the CSS, because it is less messy and it seems like you have a bit more functionality. In conclusion, the code in the html that you are using to style with, is actually CSS, just built in. Also, I would highly recommend separating your stylesheet and HTML file(the stylesheet is CSS). If you need help, go to codecademy and create an account. Take the HTML and CSS lesson. I found this very useful and is where I learned most of my knowledge. I would highly recommend going to that site also. The site is also free.
I have designed few JSP forms and I am in need of integrating any web template in that JSP form.
I am a beginner in JSP and I am completely unaware of such web templates usage in JSP.
Any sort of explanation/sources that would help me in proceeding with my task would be of great help.
Thanks everyone in advance. Waiting for your helpful replies.
UPDATE
Also let me know model web templates that can be downloaded from net. My ultimate aim is to present my JSP form in a good way.
This is completely unrelated to JSP. JSP just offers a way to control the HTML/CSS/JS output programmatically using Java. All the browser gets and understands is HTML/CSS/JS. You control markup with HTML. You control style (look'n'feel) with CSS. You control progressive enhancements with JS.
So, the real answer is: use CSS.
References:
CSS tutorial
CSS reference
CSS best practices
CSS web design for Dummies
Related questions:
What's the best CSS framework?
I am trying to imitate this tutorial about creating a simple Apple-themed breadcrumb found here:
http://www.jankoatwarpspeed.com/post/2008/08/14/Create-applecom-like-breadcrumb-using-simple-CSS.aspx
Even after looking at the updated example and downloading the source code from here:
http://www.lostsockdesign.com.au/apple-breadcrumb/index.html
I cannot tell how only the HTML and CSS "knows" which page it is currently.
Obviously, if your browser is pointed to "http://www.lostsockdesign.com.au/apple-breadcrumb/index2.html" the browser knows you are on this page, but what part of the HTML or CSS specifies that the breadcrumb should leave out the graphics for the subsequent pages, and fade out the current page graphic?
Sorry for the simple question.. xD
UPDATE:
OK, now that that's solved, anyone have a suggestion for the simplest way to effect a script to work with this tut?
It doesn't.
That tutorial is simply for styling, not for generating the breadcrumbs; you have to do that part yourself, through some sort of scripting or manually.
Re: Update
Breadcrumbs are essentially the current path down the tree that is your site. Start with a site map (not in the XML, SEO sense, but in the actual page structure of your site. For instance:
Home
JavaScript
Vanilla
Gallery
Lightbox
Dice Roller
jQuery
Cycle
Click Tracker
Blog
RSS
Web Development
Object Oriented CSS
Currying Functions in JavaScript
CSS Reset Files
Gaming
Review: Super Mario Bros.
Camping Strategy in Oregon Trail
So Your Mom Wants to Play Wii Golf
Portfolio
DEA Website
We <3 Kittens
Nobody Likes IE6
So, if you're on the page "CSS Reset Files", you follow the tree from the (not shown) root, and show every level you find in the breadcrumbs, resulting in this:
My Site -> Blog -> CSS -> CSS Reset Files
This data can be stored in the database and pulled out using the server side language of your choice, or it could be automatically generated based on directory structure using server-side or client-side scripts, or you could manually code them into each of your pages.
How you do it is entirely up to you, but this is the basic concept.
You don't use HTML and CSS (CSS3 has some limited features like this, but I don't think they're quite ready for prime time yet) to figure out what page you are on. Usually server side software (such as a CMS) is used to output the breadcrumbs, complete with CSS class names that indicate which page is the current one etc.