怎么制作静态网页

建网站的步骤站点规划。越详细越好，包括名称，内容定位，色彩定位，主要页面的文件名等等等等。 用Photoshop做出主要页面的外观。 用ImageReady切片，并导出成html文件。 用Dreamweaver编辑导出的html文件，使之适应需要的效果。 加入asp/php。中间会用到Editplus和Google/Baidu。 测试。 完毕。 当你要准备做一个类似hello world的网站的时候，请熟悉第4步。当准备做一个漂亮的静态页面的时候，请熟悉前四步。当你准备做简单的一个具有相当交互功能的页面的时候，请熟悉第4到第6步。当你准备做一个漂亮的，具有相当交互功能的页面的时候，请熟悉以上全部步骤。学会使用Dreamweaver，学会asp/php并不难，难的在于页面设计的美观、简单、实用。工具的使用、所以要分清楚做“网页”和做“好的网页”。先要会做“网页”，才能慢慢会做“好的网页”。从零开始学：先学会使用工具DreamWeaver，打好html基础。做简单的静态网页。同时学习photoshop和imageready，熟悉图像处理。然后做漂亮的简单静态页面，将ps, imageready, dw综合起来应用。然后学asp，加入。然后就是美工的提高啦1。首先要确定做什么样的网站，静态的还是动态的。如果你想建立静态的网站，可以用DREAMWAVER和FRONTPAGE都可以，只在里面添加一些简单的图片和文字。图片可以用photoshop来编辑，使它更美观。 2。如果要做动态的，可以学习ASP。连接后台数据库，就是一般我们见到的网上商店什么的。 3。网站作好后，就要购买域名，也可以在网上找免费的。然后就是购买空间，这个也可以找免费的。这些网上免费的资源只适用于静态网站，因为它的数据量比较小，动态的一般要几百M的空间，所以只能在网上购买。 4。网站的上传，如果是静态的，可以用cuteftp，flashfxp等上传工具来吧网站的资料上传到空间，如果是动态的，因为有数据库，一般的空间提供商都会说明。 5。网站的维护，好的网站也要不断的维护与完善，否则没有人浏览也是一点用处也没有的 以上就是建立自己的网站的几个步骤。 做网站只需要会网页三剑客和PHOTOSHOP这些软件就可以做出相当好的网站程序了，而一个完整网站=域名+网站空间+网站程序，域名和网站空间可以到www.xinsijia.com里面去注册申请开通，100M全能网站空间也才57元/年，国际COM/NET域名也才59元/年，如有不懂或者需要的话可以联系本人Q 396957584，帮你开通。你会编程，所以在这方面，对你以后做网站程序会很有帮助，再联系。学习如何做网站的建设是一个有趣的工作。而且这也不难做到，只是需要投入一些时间和精力。一旦熟悉了如何制作网站，你甚至可以通过网站赚钱。 第一步 决定主题。问问自己网站的目标是什么。一旦决定方向，就根据主题内容罗列出主题所涵盖的分话题，并始终坚持这个主题。　　第二步 优化网站。如果你想让你的网站有大的流量，就必须使网站在搜索引擎获得较高的排名。　　第三步 良好的网页设计。网页设计对网站建设很重要。选择一个主题，根据这个主题来建立适当的网页的背景和图形。使用正确的字体和良好的导航是学习网页设计所必须的。　　第四步 了解HTML代码。HTML代码是任何网站的基石。每个HTML代码都具有的特定的意义，这些意义对网站制造者是非常有力工具。　　第五步 放置正确图形。图形可以使网站更好看。如果你希望，可以自己制作，因为这并不难，只需正确使用照片编辑和动画工具。正确的图形还有助于网站的优化。　　第六步 选择域名。制作网站需要选择合适的域名。网站的域名应与网站的主题相对应。一旦你选择了一个名字就赶紧注册。但是请记住，注册一个域名并不昂贵。　　第七步 寻找服务器。你需要一台服务器存放你的网站，跟注册域名一样，服务器也不昂贵。　　第八步 域名注册成功后，到工信部网站进行域名备案，备案成功会得到一个备案号，这样域名就能绑定在申请的虚拟主机空间上了，域名就可以正常访问网站了。

这个将dreamweaver启动后，切换到代码模试就可以编写程序了这种动态网站程序都要连接数据库，然后计算显示记录的数量及每页要显示的数量来分页。这里以php为例这是一个分页的类代码<?php      class Page {            private $total;      //总记录            private $pagesize;    //每页显示多少条            private $limit;          //limit            private $page;           //当前页码            private $pagenum;      //总页码            private $url;           //地址            private $bothnum;      //两边保持数字分页的量            //构造方法初始化        public function __construct($_total, $_pagesize) {           $this->total = $_total ? $_total : 1;           $this->pagesize = $_pagesize;            $this->pagenum = ceil($this->total / $this->pagesize);           $this->page = $this->setPage();           $this->limit = "LIMIT ".($this->page-1)*$this->pagesize.",$this->pagesize";           $this->url = $this->setUrl();           $this->bothnum = 2;        }            //拦截器        private function __get($_key) {           return $this->$_key;        }            //获取当前页码        private function setPage() {           if (!empty($_GET['page'])) {                  if ($_GET['page'] > 0) {                     if ($_GET['page'] > $this->pagenum) {                            return $this->pagenum;                     } else {                            return $_GET['page'];                     }                  } else {                     return 1;                  }           } else {                  return 1;           }        }             //获取地址        private function setUrl() {           $_url = $_SERVER["REQUEST_URI"];           $_par = parse_url($_url);           if (isset($_par['query'])) {                  parse_str($_par['query'],$_query);                  unset($_query['page']);                  $_url = $_par['path'].'?'.http_build_query($_query);           }           return $_url;        }     //数字目录        private function pageList() {           for ($i=$this->bothnum;$i>=1;$i--) {              $_page = $this->page-$i;              if ($_page < 1) continue;                  $_pagelist .= ' <a href="'.$this->url.'&page='.$_page.'">'.$_page.'</a> ';           }           $_pagelist .= ' <span class="me">'.$this->page.'</span> ';           for ($i=1;$i<=$this->bothnum;$i++) {              $_page = $this->page+$i;                  if ($_page > $this->pagenum) break;                  $_pagelist .= ' <a href="'.$this->url.'&page='.$_page.'">'.$_page.'</a> ';           }           return $_pagelist;        }            //首页        private function first() {           if ($this->page > $this->bothnum+1) {                  return ' <a href="'.$this->url.'">1</a> ...';           }        }            //上一页        private function prev() {           if ($this->page == 1) {                  return '<span class="disabled">上一页</span>';           }           return ' <a href="'.$this->url.'&page='.($this->page-1).'">上一页</a> ';        }            //下一页        private function next() {           if ($this->page == $this->pagenum) {                  return '<span class="disabled">下一页</span>';           }           return ' <a href="'.$this->url.'&page='.($this->page+1).'">下一页</a> ';        }            //尾页        private function last() {           if ($this->pagenum - $this->page > $this->bothnum) {                  return ' ...<a href="'.$this->url.'&page='.$this->pagenum.'">'.$this->pagenum.'</a> ';           }        }            //分页信息        public function showpage() {           $_page .= $this->first();           $_page .= $this->pageList();           $_page .= $this->last();           $_page .= $this->prev();           $_page .= $this->next();           return $_page;        }   }  ?> 在程序中实例化，就可以使用了，非常方便的<?php      $_page = new Page($_total,$_pagesize); //其中 $_total 是数据集的总条数,$_pagesize 是每页显示的数量.  ?> 显示效果如图

网站建设 是一个综合性的技巧，小说网站也不例外，这个就像种菜,并不是说看个操作流程就一定会种菜，还要土壤，水肥，气候，直接间接的相关知识都做足够的了解，才能真正去操作。那些速成的教程，仅仅是表面皮毛而已，真的去模仿会出现各种各样的问题，而且是从未了解过的，出了问题会觉得 前所未有的茫然，特别是那些教程又是毫无责任而言的,不可能去给解决问题，最终还是要一个好的服务商。以十几年的企业网建运维网商系统经验，网站=域名+服务器空间+网站程序+售后服务，网站就像一个家：【域名】：网址 就相当于你家的住址。【空间】：就是你盖房子的基础 土地 环境 等。【程序】：就是你家的主体框架,是整个家的运转中心。【模板】：网站的美化 就是你家的装修,当然因人而异有人不装修原汁原味也可以。【维护】：技术性维护就像您安居乐业的保安和坚实后盾。【勤劳】：是整个家可以稳定持续运转极其重要的部分，家里所有的东西都要靠你的勤奋去填充，增加，让大家觉着你家很好 很充实。这就是一个完美网站的所有，有能力和经验的可以全部自己做好,没有相关经验的部分可以找专业的技术团队协助。有一个非常直接的真理：用合适的成本，找合适的人，去做合适的事...这是大自然发展的规律。

网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画版来.这样才能方便设计. 网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多,以17寸为主流, 正在朝19寸及宽屏的方向发展.但目前也有为数不少的15寸显示器.另一个是浏览器软件,就是我们常用的IE,遨游,Firefox等. 高度： 高度是可以向下延展的,所以一般对高度不限制. 对于一屏来说,一般没有一个固定值，因为每个人的浏览器的工具栏不同，我见过有的浏览器工具栏被插件占了半个屏幕，所以高度没有确切值。 宽度: 1、在IE6.0下，宽度为显示器分辨率减21，比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。 2、在Firefox下，宽度的分率辨减19。比如1024的宽度-19就变成1005 3、在Opear下，宽度的分率辨减23。比如1024的宽度-23就变成1001 注：Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。 所以如果是1024的分辨率，你的网页不如设成1000安全一点。设成900两侧空白更大,视觉上更舒服一点.也方便做一些浮动层的设计. 如果是800的分辨率一般都设成770。但也有设成760的. 这些需要明白并且牢记,不然很可能做出来不符合浏览器要求,不过一般我们都回设定的再稍微小一点,应为有些浏览器加了插件或者其他的东西宽度会有变化所以 800的分辨率一般设定760左右,1024的设定990左右. 网页设计标准尺寸: 1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。 2、1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。 3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右 4、在PS里做的图到了网上就不一样了，颜色等等方面，因为WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广，所以自然会有失色的现象. 页面标准按800*600分辨率制作，实际尺寸为778*434px 页面长度原则上不超过3屏，宽度不超过1屏 每个标准页面为A4幅面大小，即8.5X11英寸 全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px 另外120*90，120*60也是小图标的标准尺寸 每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K 标准网页广告尺寸规格 一、120*120，这种广告规格适用于产品或新闻照片展示。 二、120*60，这种广告规格主要用于做LOGO使用。 三、120*90，主要应用于产品演示或大型LOGO。 四、125*125，这种规格适于表现照片效果的图像广告。 五、234*60，这种规格适用于框架或左右形式主页的广告链接。 六、392*72，主要用于有较多图片展示的广告条，用于页眉或页脚。 七、468*60，应用最为广泛的广告条尺寸，用于页眉或页脚。 八、88*31，主要用于网页链接，或网站小型LOGO。 广告形式 像素大小 最大尺寸 备注 BUTTON 120*60(必须用gif) 7K 215*50(必须用gif) 7K 通栏 760*100 25K 静态图片或减少运动效果 430*50 15K 超级通栏 760*100 to 760*200 共40K 静态图片或减少运动效果 巨幅广告 336*280 35K 585*120 竖边广告 130*300 25K 全屏广告 800*600 40K 必须为静态图片，FLASH格式 图文混排 各频道不同 15K 弹出窗口 400*300(尽量用gif) 40K BANNER 468*60(尽量用gif) 18K 悬停按钮 80*80(必须用gif) 7K 流媒体 300*200（可做不规则形状但尺寸不能超过300*200） 30K 播放时间 小于5秒60帧(1秒/12帧) 网页中的广告尺寸 1.首页右上，尺寸120*60 2.首页顶部通栏，尺寸468*60 3.首页顶部通栏，尺寸760*60 4.首页中部通栏，尺寸580*60 5.内页顶部通栏，尺寸468*60 6.内页顶部通栏，尺寸760*60 7.内页左上，尺寸150*60或300*300 8.下载地址页面，尺寸560*60或468*60 9.内页底部通栏，尺寸760*60 10.左漂浮，尺寸80*80或100*10

用DW打开网站文件源码查看，在</title>下添加<meta name="Keywords" content="关键词标题"/><META name="description" content="关键词"><meta name="description" content=" 网站描述文字。" />

动态网页是与静态网页相对应的，也就是说，网页 URL的后缀不是.htm、.html、.shtml、.xml等静态网页的常见形式，而是以.asp、.jsp、.php、.perl、.cgi等形式为后缀，并且在动态网页网址中有一个标志性的符号——“?”要学设计动态网页首先要有静态网页基础(HTML)，然后学习asp、.jsp、.php等网页的开发；ASP可以用Dreamweaver 或者微软的Microsoft Visual Studio；相对来说微软的难度比较大JSP要有java基础；建议哪方面的知识懂得多些就用那种方法设计做动态网页；制作动态网页要从基础学起，所以去网上找些视频慢慢学习才能做出来。

网页中的各种样式一般是使用CSS来控制 CSS是层叠样式表，是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。给字体换颜色可以加一个CSS样式 .css1{color:#fff;}

把PDF放在自己制作的html静态页面上，首先保证客户端安装有可以直接打开PDF的软件，比如：Adobe Reader具体解决办法有三种，针对不同的浏览器兼容性方面要做稍微调整。一、使用 <OBJECT> 标记在HTML 中嵌入PDF 文档如果您的用户使用与 Internet Explorer 兼容、支持 ActiveX 控件的浏览器，您可用 <OBJECT> 标记嵌入 PDF 文档，而不需用 <EMBED> 标记。与Internet Explorer 3.0 或更高版本兼容的浏览器能支持 <OBJECT> 标记。具体代码如下：如无法查看，请先下载安装Adobe Reader X<p style="margin-top: -2px; margin-bottom: 0"><object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" id="Pdf1" width="730" height="606"><param name="_Version" value="327680"><param name="_ExtentX" value="19315"><param name="_ExtentY" value="16034"><param name="_StockProps" value="0"><param name="SRC" value="pdf路径"></object>直接嵌入PDF可能会显示PDF头部的功能按钮，可以通过设置margin-top: -2px的值予以隐藏。相关参数调整嵌入的PDF的高宽。二、使用iframe嵌入pdf使用iframe包含pdf文件，格式上面就没法保证，显示出来的样式不太好看。 具体代码如下：<iframe src="pdf路径" with="" height="" scroll="no"></iframe>三、直接打开pdf直接打开pdf，使用连接形式打开，如果客户端有安装PDF阅读软件，可以直接打开，但是会整个显示，全屏都是PDF内容了。具体代码如下：<a href="pdf路径">XXpdf</a>iframe嵌入文件是最简单的，直接加载就好.

网页中的各种样式一般是使用CSS来控制 CSS是层叠样式表，是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。给字体换颜色可以加一个CSS样式 .css1{color:#fff;}