Right now i am building out my first web page for a friend. She told me that she would like to be able to change infos and files like for example pictures or also the availabilty of her house in a calendar.
So my question is once the website is online how would i change things like that.
PS: Sorry for asking such a question on this platform since it seems most of the questions are purely reagrding coding, but I am new to the development world and I couldn't really find a good answer to that through google.
I am currently creating a basic website for a small sports-association. It is simply used to display some basic information about training times, becoming a member, locations, history, etc...
However, we would also like the option to add news and upcoming special events. I am making the website in HTML, but this is much too complex for the other volunteers. I was wondering if I could embed some service into the website where they can easily add some small news articles without diving into html.
I myself was first thinking of using some simple blog-service (like notion.so, blogger.com) and embedding this using an IFrame. However, most websites have a protection against being used as a frame.
I would like at some point that they do not rely on me for basic updates. Is there a way to implement this option? Or should we fall back on something like google sites?
It really depends on the company. I suggest asking them if they would like to add content first, and if they say no, I think thats copyright.
I suggest not using google sites because the viewers of the website can always scroll dow and find out this is through Google Sites. In my opinion that doesn't seem as professional.
My answer is to teach them the basics. It isn't that hard to teach them that the text goes inside and a header is through
I now found out it is possible to embed a blogger.com page in an iFrame, so this is a solution for now.
enter image description here
I want to design a web page which is in html and css
Depending on your problem, I have two suggestions for you:
If you have no clue on how to get started, I recommend this tutsplus full course in HTML and CSS. It will teach you how to get this project done.
If you already know the basics of web programming, try being more specific with your question and not throwing in this site your homework, because nobody will make it for you.
I like the idea behind static site generators like Jekyll/Middleman/Hexo/Hugo etc. and I'm currently running my website using Middleman. Being new to web development in general, there is one thing about them that isn't clear to me: How can I embed a forum software like phpBB, MyBB, SMF, or Vanilla Forum into a page generated by a static generator framework? By embedding I mean: How to share things like a header/navbar/footer between the regular pages and the forum page.
A quick Google search only gave suggestions like:
Embed the forum in a frame/iframe, along with the general warning that frames are bad and this may have negative side effects.
Solving the embedding the other way around, that is, by modeling the website's header/footer as a "theme" in the forum software -- in some cases even by just taking screenshots of the website elements.
Both approaches aren't really convincing, so my question is: Is there a nicer solution to this?
If there is no general answer and it largely depends on which combination of generator + forum software: Is there any combination which has a specific solution to this and works particularly well?
The proper way to do this is to create a similar theme (as suggested in your question). However, you could try to read the header div and the footer div of the static site with PHP and echo them in your forum template. That would be more complicated to achieve, but completely DRY.
I have general question how to start developing my skills in web designing.
What is best place to start and what technique to use.
I have some knowledge of html and css, so far I have been building sites with already done all html and css. I would just use it and maybe do a smaller changes.
I want to be able to make html and css out of image that artistic guy produces.
http://w3schools.com/ has some great tutorials and you can play around with stuff right their on their pages.
A lot of the really "artsy" sites are produced in another program first, usually Adobe Photoshop or Adobe Illustrator, and then 'sliced' into HTML div's. NetTuts has a handful of tutorial on how these that show the complete start-to-finish. Here's a few I found real quick:
Design and Code a Slick Website from Scratch – Part I
How to Design and Code a Flexible Website
New Plus Tutorial: Convert a Beautiful PSD to HTML and CSS
Coding a Beautiful Website From Scratch: Plus Tutorial
(the last 2 I think you have to be a paying member for)
Here's a great web resource to check out for HTML/CSS: http://htmldog.com/
Also, do a Google search for "psd slicing." This is the process of taking an image of a website layout (a.k.a. mockup) and turning into valid HTML/CSS. You'll find a lot of screen casts and tutorials that will walk you through the entire process.
Start by getting a book and look at some tutorials. Google will help you there. Once you've got a decent idea of what's going on, look at a site, and try to duplicate what it looks like. If you're curious as to how something works or can't figure it out, look at the source (preferably with firebug) :D
Good luck
As others have said, getting a good book on HTML/CSS will certainly help.
Also read up on Web Standards - I think its really important to start learning these principles from the beginning as it will help you write valid HTML/CSS... and avoid writing invalid code.
I highly suggest the book "CSS Mastery". It's got a green cover with a pink binding...I think they've recently released a new version actually. Amazing book for beginning and advanced. I consider it my CSS bible.
I highly recommend w3schools.com and the Head First HTML with CSS & XHTML. I like most of the book in the head first series, in fact. They take a fun very visual approach to learning & I am a visual learner. Lots of things to practice & hints to help remember things.
If you don't feel totally confident then definitely pick up Head First HTML. Aside from that there are a few websites I would recommend:
A List Apart,
Stop Design
and as others mentioned the W3 website.
Working with a designer often means that they will produce mockups using Photoshop and you will in tern work off those. As that is the case having a working knowledge of Photoshop will be very useful for you. You don't have to be a wizard but some basic knowledge will enable you to do things like create image sprites from the mockup and get information relating to the width, height, color, etc of the different components in the design. As far as getting up to speed quickly there are many books on the subject, the Photoshop One on One books are a pretty good series and there are video tutorials available at Lynda.com.
I started on just looking at youtube. A really simple book for learning to code css and html is get coding. It's for kids, but it's a great start. I started there about a year ago, and now I've developed multiple websites for a couple of businesses. And I'm only twelve!