I am new to Bootstrap Studio and am pretty much learning everything as I go!
I am creating front end pages for a school software project. I have written a chat box program in HTML and CSS and would like to include that inside the pages I am designing with Bootstrap Studio.
I don’t have problem importing the files, I am just not sure how can I include the chat box in the project.
The only thing I could think of was to place a Form then convert it into HTML and paste my code there, however that didn’t work and I am still confused on how to also use the CSS file which I have imported.
Really appreciate it if you could point me to the right direction.
Related
We have a asp.net mvc website which is using umbraco CMS system. Now,we want to convert the CMS system to plain HTML pages. We do not have the complete code of the website.
How can we remove CMS system and convert it into flat HTML files easily without writing the code from the scratch for this website.
Why would you want to move away from a CMS? A CMS is build to make things easier and you are moving going back to the dark ages of the internets where we build websites with notepad by typing HTML by hand.
Discaimer: I am an umbraco dev, and I love the product. So I might be biased
To answer your question, I use http://www.httrack.com/ to backup existing (old) websites before moving to a new platform & hosting.
To answer your question:
For every page, view source and copy the shown Html to a new Html file. Make sure you honour the folder structure too.
You could also use https://www.httrack.com/ that might give you what you need.
To try to persuade you not to:
However I would strongly recommend against doing this. Umbraco has great mechanisms in place that give almost comparable speed to a flat file website. It uses an Xml file that gets updated when database values are changed, and builds pages and content from this.
If you flatten your website to plain Html files all your Urls will invariably change and this is super bad for SEO. You will also have a 'mare of a time trying to update the site with new content or editing the same content found across all pages e.g. the main navigation and footer.
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.
Sorry, first timer, yup im that guy. but anyway I am in highschool and for my IST (Information Software and Technology) assignment I have to make a website, I based it off my school website, the apple website and some subreddits.
I would appreciate any any feedback to make it better and I would Extra appreciate if you could tell me how to make the design using code, the part im having most trouble with is making the sidebar and menu bar
AND it needs to be in HTML and I'm using Dreamweaver if that helps
Here is the photo
GUI Design
You will need a basic understanding of HTML and CSS. You can use JS if you want. I would recommend using Bootstrap library to help with the design. Dreamweaver won't do you any good. Get a text editor like sublime and learn html and css. Setup your project structure. Load bootstrap into your project. Use the bootstrap grid system for positioning elements and the navbar. Nobody on this site will write the code for you. We will review it and make suggestions, but ultimately the work is on you. Happy Coding!
If you're wanting to use dreamweaver, this is the approach to take:
Open up photoshop, and design your site exactly like your drawing. Export your images (logo, slideshow images, etc) and save them to a folder titled "img".
Open dreamweaver and create a new html site. From there, you can use the WYSIWYG to move around your images and text, and that will give you the html/css you need.
That said, if the course is based entirely on knowing HTML/CSS from scratch...this would be cheating. But if it's just a matter of "make it work", then this should work for you. Good luck!
I have a website written in HTML5 and CSS3 and I want to use this site in WordPress. I tried to upload it like template, but it didn't work. How can I solve this issue?
Sirko pointed you in the right direction. WordPress relies on PHP processing and MySQL database so you cannot simply upload it to the theme folder and activate. The HTML and CSS theme will need to be modified to incorporate the core WordPress theme development, at least. It isn't that difficult if you understand how WordPress works.
If you simply want to start with converting the theme to WordPress to support pages and menus alone, it isn't so complicated. If you are very new to this, it might be a stumbling block. You really should learn the core components to making a WP theme. Good luck!
Elegant themes walkthrough - HTML converted to WordPress
Your question is far too general to answer without you narrowing the scope; start with https://codex.wordpress.org/Main_Page to find out how to install and run WordPress, read https://codex.wordpress.org/Theme_Development if you want to adapt your current design to a WordPress theme. And you will need to import content, either by the database or manual entry with the WordPress editor. Read up and then come back to SO with more specific questions.
There is a reason why people sell themes either with HTML5 and Wordpress, though seperate in nature but structural in bound.
It is a long process but simple if you have knowledge of websites:
https://www.elegantthemes.com/blog/tips-tricks/converting-html-sites-to-wordpress-sites
Same as Markatledge said previously, by following the link above it can help you.
I know it might sound dumb, but I'm new to this framework. A client has an application that was developed with yii, now he needs some few changes made, like some spellings, changing the content of the copyright on the footer. I tried editing using Dreamweaver, but I don't seem to locate any of the texts. Please help! Thanks in advance.
use a text editor like notepad++ ore sublimetext or notepad. is only php code..and html
for the footer look at source code of the application. If the version is Yii 1* you can find this part of code in layout. If you use the default theme you find the layout in yourApp/protected/view/layouts/
if the application use a specific theme the layout are in yourApp/theme/yourThemename/layouts/
look for the file you need (normally main.php)
If the framework version is 2.* the layout are in yourApp/view/layouts