Make website content editable for admins? - html

I am newish to html but I have the capabilities to write a functional website for myself. The thing is, I update posts on it by editing the html code. That works fine for me except a friend of mine was wondering if I could make a website for his band. No one in the band has any html experience so I would like to make it so that it is easy for them to post on the website. Is there a way I could put in like a news feed type thing or a widget where they can post news in like a blog?

The term for what you're looking for is CMS, or Content Management System. There are a hojillion of these out there, and some of them even with free hosting. Here is a directory for php CMS:
http://php.opensourcecms.com/scripts/show.php?catid=1&cat=CMS%20/%20Portals
15 Best ASP.NET based Content Management Systems(CMS)
DotNetNuke is a popular Windows CMS. Here is a site with free DNN hosting:
http://www.dnn4free.com/

Related

Is there a CMS system can be used with HTML

I am working on a portfolio website for a client where they need to be able to upload their work: videos and photos, and some text with (title, short description). Normally I would make such a website with a system like Wordpress, however, the way the website would work is not possible to build with Wordpress (unusual navigation and a more dynamic/animated way to switch between pages). So, I want to build this website by HTML and then connect a CMS system where they can upload their work, which will then properly loaded into HTML pages. I have tried to google solutions, but I cannot find a good approach/tool to do this. Does anyone have a good recommendation for me? Thank in advance, Jip Asveld
I think Wordpress theme is the best solution.
It is very easy to create Wordpress theme from HTML.
Of course, you can CMS functionality to the theme.
You can refer various documents by Google.
For instance, this is one of the documents.
https://websitesetup.org/html-to-wordpress/
Have you concisered a headless cms like https://forestry.io/? This ideal for static html websites, which you could combine with a framework like https://gohugo.io/ to build such a site.

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.

Adding external web page content to site feed

I want to add a facebook-like "Wall" to my site, but to make it useful, I want members to be able to enter an external web site URL just like facebook, Linkedin and others do, and I need my site to extract a thumb and page description and display it in the member's feed on their wall. I know facebook tries to use OG tags, and I am not quite sure how LinkedIn and others do it, so my question is:
Are there any PHP or javascript libraries out there to grab, interpret and return the most likely image/description for any random web URL so that I can display that on the member's "wall" wthin my site? I have seen that there are plenty of RSS feed libraries, but I want it to work with any random web page and have it go to work as soon as the member clicks on the "Post" button to add it to their wall.
I know facebook does it immediately when a URL is added to a post, even before the post is published, but I don't need it to work that immediately.
I highly recommend trying out embed.ly. You didn't mention what type of platform you are using, but embed.ly has plugins for Wordpress, Joomla and Drupal, as well as developer code for javascript/jQuery, php, and a couple other languages. You can view it all here: http://embed.ly/docs.
You'll need to sign up for an API key, there is a free version, and if you need to embed more than 10,000 links a month you can start paying.
On a WordPress site I'm developing right now (not open to public, sorry!), I had a similar problem where I need to allow users writing posts or managing the home page to enter a link of just about anything, from static web pages to blog articles to videos.
I followed the instructions on the tutorial page and the functionality I needed was there. -- looks like I don't have enough reputation to post more than one link, but the path is
/docs/tutorials/jquery in the embed.ly site.

Distingushing features of a blog, i.e deference between a blog and a normal site

I'm looking at things that can distinguish a blog from a normal website. These are things that a program needs to be able identify from the html of a website or particular features that a site supports. For eg. pings. The same for news websites.
I'm working on a blog/news monitor program and it will index sites to automatically determine if it is a blog or a news site and then monitor user feedback in comments etc on posts from sites that it determines to be of a blog or news nature.
So what i'm really after is suggestions on what i can use or look out for in identifying these sites.
It's going to be a desktop app written in java so if you have any code specifics in java that'll be great.
thanks in advance
You can search the page for the word "blog", as this will probably be present. Specifically, you can look for it in parts of the HTML page, or exclude parts - like links. This will give you a decent starting point.
Ultimately, though, this is something that will have to be done manually. You should construct an interface for people to specify if it's a blog or news site, or different features of it, when the site is submitted. Then you should create a database of sites and features, and flag them so that you or another administrator can review them and make changes. Once you do this for a site, you'll never need to do it again, so for example http://*.wordpress.com/ is all going to be blogs.
Some features you can automatically detect or get a pretty good chance of detecting, but ultimately you will need a manual review.
Look for a discoverable RSS or Atom feed, which should be present on a blog or serially-updated news site.

Generating a static website from a set of content data (possibly with webgen, webby or a similar toolkit)

My company (an engineering firm) is looking to redesign their website with some dynamic content. We have a nice portfolio of projects that we'd like to present on our site by category.
To elaborate, I'd like to have a "Projects Category" menu, where you can choose a sub-project category (such as churches, schools, etc) which links to a page with images of all projects which have been tagged with that category attribute. Clicking on an image would then take you to a detailed page for that project.
I have done a good bit of asp and jsp page development, but I've always worked on the front end in an enterprise environment - I've never built a production site from the back end. The advice I've gotten so far is that a full-blown CMS solution would be somewhat overkill, as we won't have a large hit count, and we'll be displaying a few hundred projects at most.
One big-picture choice I appear to have - whether to dynamically generate the pages (with asp or jsp) or to use a tool to generate a set of static html pages. The tool would build the menus, project summary pages, and individual project pages based on a set of data I could provide (in the form of a database or text file.)
I'm leaning towards trying to use a tool like webgen or webby to statically generate the site due to our current web hosting situation. Any thoughts on which approach is more appropriate? Is webgen or webby capable of doing what I am trying to do? Or can anyone recommend other web authoring tools better equipped to accomplish this?
Thanks for any feedback!
You could always use Template Toolkit :)
Jekyll may be worth a look.
Refer: https://github.com/jekyll/jekyll/wiki/
I've been told that webgen can't do what I'm trying to do (without some manual coding extensions myself) but that nanoc can.
http://nanoc.stoneship.org/