怎么用PS做一个静态网站
ps�
静态网页制作步骤
静态网页制作步骤： 第一步：制作一个静态网页之前，我们需要先制作一个网页1:1的效果图，又称静态网页效果图。制作静态网页效果图可以使用Photoshop CS4破解中文版制作。
第二步：将制作好的静态网页效果图进行PS切片。
通过PS切片可将一张大的效果图切成多张小图片，以后可直接用在网页上。 第三步：使用HTML5和CSS3进行网页布局，网页布局遵从“先大后小，先外后里”的原则，先将整个静态网页大结构写出来，然后再按照效果图写各个部分的小版块。（这个部分需要有代码基础，可先学习HTML入门教程） 第三：制作网页上的特效，例如轮播图，需要使用JS代码制作。再将PS切片出来的小图片通过代码插入网页中，并且使用测试数据填充各个小版块，达到与效果图一样的效果。
第四：最后优化网页代码，删除冗余的文件，整理出一个简洁的静态网页，这样静态网页就制作好了。 扩展资料： 静态网页是标准的HTML文件，它的文件扩展名是。htm、.html，可以包含文本、图像、声音、FLASH动画、客户端脚本和ActiveX控件及JAVA小程序等。
我们就叫做静态页面。 静态页面一般都是html格式，鼠标双击这个静态页面，就可以打开这张网页，效果会跟图片设计的效果一样。那么这个静态页面就是一个网站了吗？这些静态页面其实只是做网站或者做模板的材料而已。
在网站设计中，静态网页是网站建设的基础，早期的网站一般都是由静态网页制作的。静态网页是相对于动态网页而言，是指没有后台数据库、不含建站程序和不可交互的网页。静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。
PS切片做静态网页怎么做 ？
做完图片后选择切片工具，然后在图片上右击 按照自己的意愿划分大小，然后然后 文件--存储为WEB所用格式--存储，这里可以进行设置或者你将各个小图保存到电脑文件夹里，使用代码制作静态网页，教你简单的代码：<html><head><title>**网页标题**</title><META http-equiv=Content-Type content=text/html; charset=gb2312><style type=text/css>body,th,td{font-size:;color:black;font-family:;}a.link{color:blue;text-decoration:none;}img{}input{}</style></head><body topmargin=2 leftmargin=2 bgcolor=dddddd background=http://></body></html><TABLE style="LEFT: 0px; WIDTH: 1000px; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=0 width=1000 align=center border=0> <TBODY> <TR> <TD><img src="7022_01.gif" width="宽度" height="高度" alt=""></TD></TR><TR> <TD><img src="7022_02.gif" width="宽度" height="高度" alt=""></TD></TR><TR> <TD><img src="7022_03.gif" width="宽度" height="高度" alt=""></TD></TR><TR> <TD><img src="7022_04.gif" width="宽度" height="高度" alt=""></TD></TR><TR> </TBODY></TABLE> <<br/><p align="center"><embed style="LEFT: 167px; WIDTH: 0px; TOP: 423px; HEIGHT: 0px" src="插入音乐地址" width="1" height="1" type="audio/x-ms-wma" wmode="transparent" quality="high" autostart="autostart" loop="-1"></embed></p>用ps做静态网页
ps�
怎么做一个静态网站
下载Dreamweaver.exe并打开，选择你使用的编辑语言，本案例用html 一、打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。
二、打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。
打开表格属性编辑表格属性。插入1行和5列，表格宽度为1130,（即为网页的宽度），边距，间距分别为0，此表格只是为了定位，因此不设边框。 三、设置好表格后，可在表格里面插入你的内容，首先我们插入logo,点击插入—图像—选择你要插入的图片。点确定即可完成logo插入。
表格的小大高度都可根据设计图需要调整，鼠标移到表格边框虚线即可拖拉调整高度或宽度。如图所示 接下来我们来做搜索框，点击插入—表单—插入文本域—确定。插入文本框后可点击文本框调整文本框的属性。
根据设计图，文本框上班还要添加内容，因此，可选择单元格右击选择表格—拆分单元格，此处是需要添加一行的内容，因此拆分为两行，如图所示。 四、用同样的办法拆分上面的行，因为要添加10个选择项，因此拆分为10列（右击选中的行—拆分单元格—10列—确定）。拆分好后在小格里面添加文字内容即可。
表格大小可根据步骤四调整。 五、接下来我们做搜索按钮，同样根据设计图要把表格拆分为两行。点击插入插入按钮的图片。
六、接下来给按钮添加链接，本次经验分享的是静态网页，因此在此先跟大家分享怎么直接添加按钮链接。同样是点击插入—添加超级链接,填写你事先做好的页面链接，或者其他网站链接。 七、剩下的内容都可根据方法步奏逐渐添加，调节细节即可完成你想要设计的网页。如图所示是上面步奏所做的静态页面，把所有做好的网页用超级链接链接起来即可做成一个简单的网站。
如何用Photoshop制作个人静态网页模板
如果你会切割的话，对网页的表格之类的要求又不高，那事情就很好办了。
切片切好后，直接选择存为web格式，一般选4联图片的第二联，分辨率较高，尺寸最小，哦，对了要是有按钮的话你用切片编辑工具设置为按钮，填好链接，最后保存，包括一个HTML页面和他放图片的IMAGE都保存了。
评论列表