From Code Editor to Wordpress [closed] - html

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 years ago.
Improve this question
I recently created a webpage for my using the Codepen online editor. I made it responsive and have everything in place to migrate it to my Wordpress page.
The only problem is I'm not sure how to migrate pure html/css to Wordpress. It seems by it's nature that Wordpress is structured around themes.
What suggestions do you have for migrating the code over so it works in Wordpress?
Also, since most of the coding I do is by hand (not using themes) is Wordpress the best site to use?

If that's ALL the site, then there's not much point in using wordpress - just make it static.
If you want to expand it later and think you'll need a CMS's data management tools, with Wordpress you will have to create a theme. But the bare minimum for that is only a index.php (put your code there) and a style.css (for the stylesheet, obviously).
Just make sure to also add the head markup to your site and you're good to go.

Any time you add a database -- wordpress, joomla or other -- you're slowing things down. If you're expecting to be managing over 50 pages, that's a good trade-off, but if not, you're probably not making use of the best parts of wordpress.
One thing with Codepen: It has a few helpers -- autoprefixer, normalizer, maybe you're using Sass? Built-in helpers. Make sure they are compiled into your final CSS/HTML.

Related

How can I create standard layout for multiple pages? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
Currently, I am working on my first web page using HTML and CSS. I want to use the same layout like background and header etc but I can't find a way. Today I found a couple of website telling about the template. Is this the related to what I want to do.
Thank you for helping a beginner.
Sam
I would recommend you a few things:
Find websites that make you feel as it is what you wanted to build.
Check their source code and try to find the semantics they have maintained.
Once you figured it out, you should try to create similar one.
You should follow HTML5 specifications , as it will help you build solid foundation. while doing this you will also understand best practices.
HTML or designing mostly depends on requirements. so you might not get one rule to follow, just invest time understanding some great works out there and practice alot.
In case you are very concern to layout, search for website layout images and you will get plenty of images having typical elements like header, navigation/menu, body (left/right sub menu + main content), footer.
You can consider templates for learning but it may lead you to trap of copying-pasting.
You can use Microsoft Expression Web application, which handles template. You make one page and save it as template and declare editable parts for sites. Then You can create multiple empty HTML pages. Finally you attach template, then it works.
Or if you can use PHP, you can create different parts of your Web Site, like: header.php, footer.php, banner.php and include them in every page where modifying the body and not writing the same footer, header, banner

How do I create a website template using html and css? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
Maybe I'm not using the correct terminology because I can't seem to find an appropriate answer. I have built a header and a footer using html and css. This will not change from page to page and so I want to make it the template and simply change the content in between the header and the footer for each page of my website. I know I could simply copy and paste the code but if I wanted to change the header for some reason I would then have to change the header on each of my pages! Super inefficient. Coding is all about reuse. surely there's a way to do what I'm saying. Help me web developers!
You could do one of many things:
Use PHP files and require() the headers and footers in the main page, though you'll have to use a server on your localhost to test the pages.
You could maybe take a look into creating single page applications, using AJAX.
AJAX Introduction here.
You could go a step further and pick one of the very popular JavaScript MVC frameworks.
Read more about them here.
Finally, you could also do it the "old way" and use iframes, but that is honestly bad practice and will bring more harm than good.

Creating Website - Full Control [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
What is the best/most common way to create a website for a business? I would like to do the programming my self, and I don't want to do something like wordpress given the lack of full control. I've tried googling answers to this but all I find is sites recommending Wix or Wordpress. I've used Visual Studio in the past for ASP.NET, but I'd like to hear from someone with more knowledge.
My goal is to make a site would involve users being able to sign up and post results they have found, and although it sounds like something a cookie cuter forum model could handle there are some features that I don't see being able to handled by things like Wordpress or Wix.
"there are some features that I don't see being able to handled by things like Wordpress "
Not sure where you got this information from, but with a wordpress.org site, you can add or delete anything you want from a wordpress theme. All you need to do is create a child theme based on the parent theme you select and you can edit the child theme to your liking.
For more info, check this out creatingchildthemes
If you haven't installed WordPress yet, I made an easy tutorial marvelmoe.com/wordpress
One way you can do this is to make it on GitHub, by creating a repository and coding it there. Then,you can get a custom URL from GoDaddy. Then you will have a site. This is what I did to make my site, and it worked perfectly.

Responsive design using Dreamweaver and help to find another program than Dw [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 7 years ago.
Improve this question
I am using Dreamweaver, but now I am thinking about trying another program. I am kind of new to html and css, but I feel I have kind of control using html and css3. Now I am learning how to creative responsive webdesign using bootstrap.
Might be a stupid and simple question; When I want to create a new html page, I can choose "create a responsive page using Boostrap". If I just select html and makes a css sheet, will I still be able to make a responsive design? Thinking about using "insert" and then choose "Bootstrap Components".
I have made pages with bootstrap templates now. It's ok and I am managing to style the template. Still I feel more comfortable making it from scratch. I feel I am learning more and have more control doing it this way.
--
I guess I should just stick to Dw, but I want to learn more. I am kind of a learning-by-doing-girl and want to try out another program. I like the ability to use "Show code and design" in Dw, so a program with this included would be great.
Which programs have this capability?
I have downloaded Atom, and I know you can refresh the website to see the result, but that means I have to connect the site to a server? Right now I don't want to connect the site to a server of different reasons.
You should try out a standard text editor like Sublime Text or Atom. Do your code editing there and open your page in the browser. Refresh to see changes as you make them.
I like Notepad++.
The problem with programs like DreamWeaver is that they can instill some pretty bad habits in novices. You are absolutely right in wanting to learn without it first.
The reason I like Notepad++ is that it has great code highlighting, one of the things I think draws people in to DW, too.

How to build the whole web site from css design [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
This is a novice question. I was given a web page design with CSS files and AI (Adobe Illustrator) files. My task is to create the web contents properly. What is the easiest way going about? Can Dreamweaver come handy here? Or do I have to code the html manually? (I am sure there should be a better way). The site is supposed to be up in a .NET environment.
Thank you for the help
CSS needs the HTML for structure and normally the two are written hand in hand. Spend the extra time and write the HTML and CSS manually while slicing up the supplied artwork. It's a rewarding process if you are learning or you challenge yourself to do a really good job of it. You can probably salvage a lot of css from the existing stylesheets (typography styles etc). In this way you can be more confident about the code you are using and ensure that it is legible. The HTML templates can then be integrated into a CMS, .NET framework based system or whatever the next step is.
If you are not up for the task, outsource the job to someone who is passionate about HTML and CSS to supply the complete HTML and CSS templates. There are plenty of us out there ;)