You have 2 different issues. I will address them on by one.
For easy reading, lets make some assumptions
Router external IP : xxx.xxx.xxx.xxx
Router internal IP : 192.168.0.1
Server IP : 192.168.0.10
Your Desktop IP : 192.168.0.100
Issue 1 - Accessing internal site through router port forwarding
This is a common issue not only for home office setup, but many small to medium office too.
In this case, port 80 (for web traffic) is suppose to be forwarded from router to 192.168.0.10. However, as the router configuration web interface is also on port 80. It become a conflict.
The first step will be login to router interface, and change the interface to use another port, eg. 8000.
That will remove the conflict on port 80 for the router internal interface. You should (not 100%) be able to access your sever through your router internal IP (http://192.168.0.1 or http://xxx.xxx.xxx.xxx).
That is assuming your port forwarding rule is correct and active.
PS: There is a slight possibility that even port forwarding is correctly setup, and you are still not able to access your server through router from internal network. In that case, the router lack, or need additional configuration for, port reflection. Hope this is not your case.
Issue 2 - Port Forwarding and External Access
Ping failed from external may not be a real issue, as many router/modem are set to ignore ping by default. That can be change from the web interface.
Fail to access your web server from external IP has multiple possibilities
- The external IP is wonrg. For quick verification, from your internal desktop, go to http://whatismyip.com .
- The port forwarding rule is inactive due to issue 1
- The port forwarding rule was not setup, or setup wrong. Check the rule in the router web interface.
PS: Update the question with router model if you want some help or pointer for configuring it through web interface.
Configure Port Forwarding
I checked the portforward.com link of OP. And also the offical manual. Since the later does not have information on port forwarding at all. I have to rely on screen shot from the site.
Port Forwarding config should be as follow
Type: Customization
Interface: <See (1) below>
Remote Host: <I believe it should be leave empty>
External Start Port: 80
External End Port: 80
Internal Host: 192.168.0.10
Internal Port: 80
Mapping Name: Seerver-Ext80
(1) I believe one rule is needed for each interface (internal/external). If in doubt, update question with list of interface name.