Navigation Bar Complete- How to link pages? - html

So I'm very new to coding so forgive me if I'm not making sense. I completed my navigation bar, now, how do I add content when the user clicks on "About" "Gallery" "Resume" and "Contact" page? I have researched everywhere but no one seems to talk about the obvious next step? Would this next step still use HTML and CSS or is it now Javascript?
Would I create a separate html file for every page (About, Gallery, Resume, Contact) and add the information to each file then link it to the main index.html file?
Any help would be appreciated!

You need to create a new html page for About, Gallery, etc.
Then you can use:
About Page
to navigate to that page.
Note that /SomeFolder/About.html is that path of you about page. / means that we start from root folder.
Have a look at: https://www.w3schools.com/tags/att_a_href.asp

Welcome to a new world.
Yeah you have to create page for each(About, Gallery, Resume, Contact) with it own content with Html and Css, javascript is optional at this early stage.
Example:
About
Gallery
Resume
Contact Us
You can learn more on this website https://www.w3schools.com/html/html_links.asp
Hope it helps.

For this you need to use an a tag like this

Related

Regarding WordPress custom homepage

This is more of a process question than coding. I have a custom homepage with logo, menu, footer similar to other pages. But there are few other contents which are different in the homepage, as usual, i.e, a title, a description div, a social links div and a few more, which are only in the home page.
Now the question is, since I want the admin to change this dynamically, how should I easily implement this for the site owner. Should I make a top-level menu named Homepage in WordPress dashboard and add all these meta boxes (with title, description, social fields) on that admin page so that he can fill this in from the back-end or make a custom post-type with the mentioned custom fields? Or should I add a menu under appearance with the relevant fields to be filled.
I am confused about the standard way. I am new to WordPress and just learning. This clarification will help me get a pre-idea. I completed the HTML and now converting the site to WordPress. Just give me a general overview please, nothing detail, I'll get the rest done. I would like to know the difference between the options mentioned above in a nut-shell (what is for what actually) and what is the standard way to add the custom home page fields for the site admin to input page contents easily.
Thanks in advance.
You would need to create a static front page.
https://codex.wordpress.org/Creating_a_Static_Front_Page
Basically you can create a standard page and then from wordpress customizer make that page a front page. Client will edit it from the back end just as any other standard page.

Include a HTML template for one page in Wordpress

I have a dull About-me Page. I would like it to be more responsive and want it to be like a CV- template. So I saw PerfectCV and CeeVee. I would like to incorporate it into my website for just my about-me page.
The question is how to incorporate it. Need some guidance on going about doing it..
Just prepare a file in your theme folder xyz.php, then just make it a template of wordpress and provide it a template name. Put your css in style.css file and just include this template to About-me page through admin panel. All the code you have put in your template will only work for About-me page.
simple go to your admin panel. Click pages. create a page and put your html content with inline css. Thats all. You can change settings to make this page as home page too. If you need more help please let me know.

Link from external to specific part on a one page site

I have built my site based on a bootstrap template. It's a one page site with scrolling but I am currently redeveloping it so that my portfolio pages are separate pages and link back to the homepage. I want to link back to the gallery on the one page part of the site and therefore need to link to the homepage and get it to scroll instantly to the gallery. Any ideas on how I would do this. Site as it was is at www.js-gd.co.uk
Thanks
Jon
You could add an id to the section you are wanting and then have url.com/page#id
If you post the code I will be sure to help you

Anchor on single page website

This is an issue regarding, http://www.mccaffreyhautecouture.com/
I am unable to create an external link where the viewer is brought to a specific page within the website. On landing, the viewer must always enter by the landing/main slide page.
This was a purchased template and the entire website is coded in a single index.html file.
My client would like their Pinterest images to link directly to the source or gallery.
Is this at all possible?
I greatly appreciate any assistance.
Thank you,
Stanley Ounarom
It looks like this was written using AJAX to pull in content. The URL doesn't change when nav is clicked, which makes it impossible to link to a specific page w/in the site. The site will need to be further developed to allow for this functionality.
This may help:
jquery ajax history and bookmarking plugin

Index page in Joomla

I have made a homepage in Joomla 2.5, and I need my front page to be different then the page made in Joomla.
My best solution then, is to make the front page in pure HMTL, and then redirect to the site made in Joomla. Is this possible? or is there an easier way to do it? for example with a plugin or something?
Create a custom html page and create it an article and then assign this article to front page. In this way you can display your custom html page to hope page of joomla.
Further if you want to remove even the headers and footers of the joomla page for home page this can be done in various ways
Make module positions and display the header and footer in it an
then in admin do not publish these modules for home page
We have
variable in template index.php which give us flags weather this is
home page you can use this flag and put a condition like if this is
home page dont display the header and footer.
Hope it will help you.
I can't really understand your question. If you want to load HTML only use custom HTML module rendered in your homepage
What are you trying to achieve? Without knowing more, I have two thoughts.
a. Joomla uses index.php. A lot of the time web servers look for index.html first. So if you create an index.html file and upload it to your root folder, it will display that first and not read your Joomla! site. If that doesn't work, check your web server to see the order that it looks for your start page. That is a setting that can be changed. (Depending on your hosting situation)
or b. You can set different templates for a single Joomla! site. you could set a different template for the homepage compared to the rest of the site. (I just need to know more on what you are trying to accomplish)
Have a great one.