How to implement/upload my own html and css code to weebly? - html

I made a custom website using html,css etc for a friend who is currently using a weebly platform template for their current website.
After agreeing to use my custom website, I have no clue on how to upload my pages to weebly and avoid using their templates. I've tried to clear the pages and then inputting my own html code and CSS, however, the CSS is not implemented and the html code itself is awkwardly placed. I have tried to google the problem, however, I cannot find any clear instructions or tutorials.
The only reason using I am weebly is because they are currently subscribed to it. So my question is how to use your own coded website with weebly?
Also if there are cheaper options of webhosting feel free to suggest them, since I'll need to use one for the future.
EDIT: I can run each page locally on my PC

Simple answer is, you can't. At least not the way you expect to be able to. Lots of platforms are like this.
That said, you can certainly convert what you've created to something that will work on the Weebly platform. Your Theme/Design, CSS and any custom JavaScript can be converted. The content itself is added using the Weebly editor.
I guess you should ask yourself; Who's going to be editing this website? And does the Weebly platform fit their needs. If it is your friend, and they already have a subscription, and the platform is sufficient for them, I would recommend converting it so it works with Weebly. ~And not create something that they can't manage later.

Related

How can I add a table in a theme using Wordpress

I’m building a site as part of my research using Word Press. I’m trying to display samples on the homepage in a neat way, something similar to this one http://www.maitrechoux.com/menu/index.html?categ_id=all .
I have removed all of the home function using remove_action. How can I add the table and then how can I add the pictures inside each cell? Is it only matter of CSS or do I need to add HTML code for this? I recently joined word press community and this is the only thing remained to complete my website. Really appreciate any help!
NO, don't use tables. I think what you actually want is just to display something that looks like table.
You need to code both html and css for that.
You can use any of popular css frameworks to help you out, or you can code it yourself using, flex, floats, or grid...
When you are done then with wp functions you need to render that data in your wp theme.
Your question is to broad and big to be answered via code snippets or examples, sorry.
I recently wanted to change the template of my WordPress website and use React tables.
But this would cause my site to drop in Google rankings, and in terms of SEO, this would not be a good thing.
That's why I decided to use my template pre-built tables and change the files to my liking in the settings section by editing css files.

How to embed another website into my own web to keep the same header

We have a web app that we want to integrate in the websites of several clients by a subdomain, since in most cases we cannot modify their webs. Besides, our web is build in a different language and we want to keep it in our servers.
At the moment, they are adding links on their site's menu to our subdomain, however, they want to keep the same header and the footer so that the user feels that they are on the same website.
For now, we are copying the html and inserting it in our template, but this is not a good solution for the future and we are having several problems due to javascript conflicts.
How can we solve this? An iframe does not allow us to modify its content, I think. Thanks in advance.
Don't know any good ways to do this client side.
First thought is to have all the pages link your Javascript to create the header/footer, but it's not good to require Javascript to display content.
HTML imports would really be perfect for this, but it not well supported. You can consider if you're willing to use a polyfill, like Google's webcomponents.
I feel like best approach here would be to do this somehow not on client side. Either use a server that lets you use a template engine, or some static site generator that supports templating.

How to replicate a wordpress site in wordpress?

I want to build a personal website on wordpress.com
I have found a website that I really like the look of and want my website to look extremely similar to that website, maybe with just different assets.
I have some experience in Java and C but none in html. What would be the best way to replicate the source website onto my own website. I know I can inspect the element and look at the source code but it is really unintuitive. Is there a better way? How do I find the themes the original site used? Is there any way to copy the html code onto my own website?
Are you sure you want to build it on WordPress.com? It's hosted by WordPress, but also very limited and you can't really modify the themes.
If you want more control, you should do it using self-hosted WordPress.org package.
To check what kind of theme is used, go to source code and search for "wp-content/themes/theme-name" or find the main CSS file (often style.css) as there will be commented details that are shown by WordPress in Themes menu.
There are 2 options:
The website you like is a custom design and there is no easy way to copy that and it can be even illegal if you don't ask the owner. If you really want to copy the source, there is only a manual way - you download the source styles and scripts and modify it. Tough and risky way, because the sources are often minified.
The website is using a free or premium theme, available to buy, that's going to save you hours of work and probably allows a lot of customization, so you only have to spend some time to adjust it to your needs, upload photos etc. You will probably even don't have to look at the code.
(extra) If you still don't know what theme it is - ask the owner

Possible to build an editable site in just HTML/CSS?

A local nonprofit needs a new website. It's a very basic website that simply presents information, nothing past basic HTML/CSS is needed to make the actual site.
The marketing manager would like to be able to edit text sections (upcoming events, jobs) regularly. How would I go about creating the site in HTML/CSS and then allowing them to edit just the text in those sections in an easy way? is that even possible, or would this require more advanced knowledge of actual programming/database languages?
Thanks
No, you can't edit the site with just HTML and CSS. Even if you have JavaScript, you'll need server side code (ASP.NET, PHP, Ruby on Rails, Node.js etc) to store the changed text, since HTML, CSS, and JS run on the client (excluding server side JavaScript based frameworks).
The easy solution is to just use simple HTML and tell him to directly edit the HTML. If he's just a little bit technical, an hour or two of explanation of how HTML works might be enough to get you going.
A CMS solution that is prebuilt and has simple menus for editing things might work nicely. There's plenty of various options to suit your needs.
Otherwise, you can either build a custom site. A custom site that reads text from simple text files might be all it takes (Markdown might be preferable to plain text.) Of course, you can scale it up if you want until you've basically built your own CMS.
You can't do that.
HTML pages are stored on a server (which is just a computer accessible by other computers via an internet connection), when you type in an address in your browser's address bar it sends a request to a server to fetch the corresponding HTML page. Then this page is displayed in your browser.
Now, say you managed to change a text in your browser somehow using HTML/CSS, but you still need to find a way to send these changes back to the server so that these updated pages are accessible by other remote browsers, and the only way of doing this is to use server side languages. They are not really that difficult, you can quickly learn that.
You might like to take a look at this sourceforge project.
This is a file-based system that uses conventional HTML for the webpages, but allows online editing with CKEditor. Requirements are Apache 2 and php 5.3 or later.
There is a testdrive available.
Login with guest.

Common ways to target links?

Are iframes still widely in use today?
I am coding a site with divs, and I want everything to appear in the container div. Is it possible to do it without coding the header + nav into each page and have the content show at the exact same spot without using iframes?
I did a quick Google search and found a post that said it's not possible, but my site will have quite a bit of links.
As of right now, I am coding it with Tumblr, and the hashtags in the posts would act as links to a section of posts (Ex: #blog would retrieve every post under the "blog" link). What are some widely used ways to target links on a website?
If you are creating a multi-page website, it would be helpful to have the HTML content be generated dynamically or be built statically from template files. You don't want to manually update the same content across multiple HTML files.
Dynamic Pages
There are several options for dynamically generating HTML content depending on the software available to you. For example, PHP is a popular language for web development and is available through many web hosts.
Static Pages
It is possible to build static HTML documents from templates using something like Jekyll.
I'm not sure if I'm interpreting what you mean by "coding it with Tumblr" correctly or not, but I think you mean you're making a Tumblr site with their built-in HTML editing capability.
I think you'll have a very difficult time achieving the behavior you desire there. I think you're trying to create something resembling a single-page application. Tumblr probably just allows basic static HTML with little Javascript. The suggestion Kyle made about using PHP or something like that won't work because that code must be executed on a server, and Tumblr doesn't provide that capability to my knowledge.
If you really want this kind of functionality, you probably should get some paid web hosting and develop your web development skills. It's not a simple task, but it's fun!
Sorry if I underestimated you or anything. Just trying to read between the lines. It seems to me that you may be relatively new to web development given the content of your post, and I'm trying to nudge you in the right direction constructively.