Question : VLAN setup on D-Link and Sonicwall

I just installed a new D-Link DGS-3100-48P for a client with VOIP phones and a Sonicwall NSA240.  They would like to maximize the performance of their phones, so I'd like to put the phones on their own VLAN to completely segregate them from other traffic on the network.  Unfortunately, I haven't worked with VLANs for about a decade, and that was with CLI on Catalyst switches.  I've forgotten pretty much everything and don't know where to start with getting the D-Link and Sonicwall to work together in a VLAN config.  Here's the setup:

Data network - 192.168.50.x
VOIP network - 192.168.51.x
Data switch ports - 1 through 32
VOIP switch ports - 32 through 48

- Data network connected to Sonicwall interface X0
- Sonicwall has six ports (X3-X8) that are open and can be freely assigned

I've looked over the documentation for the D-Link and Sonicwall, and there's a lot of info in both manuals about VLAN setup, but I can't seem to wrap my head around exactly what I need to do.  There seems to be a lot of extraneous information; I'm not sure how much is critical for a basic VLAN setup, and how much is added functionality that I don't need.  I think my VLAN needs are pretty basic so this can't be *that* complicated... I hope.  Can someone tell me what I need to do or at least point me in the right direction?

Answer : VLAN setup on D-Link and Sonicwall

you can set visibility through style

document.getElementById('idofelement').style.display("none"); //hide element
document.getElementById('idofelement').style.display(""); //display element

css display will make the element invisible and also hide it from the page so elements will shift as if the element you hid was gone from the page

document.getElementById('idofelement').style.visibility("hidden"); //hide element
document.getElementById('idofelement').style.visibility("visible"); //display element

css visibility will make the item invisible, but it will still hold it's place on the page

for example if you had 3 images, and you used css display property to hide the middle image, the third image would move to be next to the first image, as if there was no 2nd image there. If you used visibility to hide the middle image, then the middle image would disappear and it would look like there was an empty space the size of the middle picture between pictures 1 and 3