亲，这个需要根据您对网页的要求来做，一般情况下都是找一个能够参考的网页，然后根据参考网页进行开发就好；用chrome打开，按F12调试，左边是HTMl，右边是CSS，仿照着做就行了如下图；静态的网页其实就是2部分组成，一个我们的底层结构html，另外一个就是负责修饰结构的css，其实书写静态网页就像是我们小时候在过家家一个样子的，你首先得把你需要的过家家的家庭成员找齐了，而我们这个找家庭成员就像是我们书写。
不需要数据库，那你的登录用户名和密码可以直接写死用js判断，如果对了就跳转到主页呗应该没有人会帮忙免费写一个demo的靠自己吧~；传统web从业者为什么必须学习前端开发技能学习前端开发是晋升和加薪的捷径传统web从业者，只要精通html+css，简单的JS效果，切切图，写写网站等就可以了，而如今的前端开发不再只是一个简单的网站，现在越来越多的云；简单的html网页可以直接利用文本编写的，无需下载特定编辑器1在我们的windows操作系统中，桌面上鼠标右键新建一个txt文本，并命名为quot最简单网页quot，只是便于标识，实际上并不影响我们的操作注意我们需要提前在文件属性中把；initialscale=10， maximumscale=10， userscalable=0quot name=quotviewportquot ltmeta charset=quotUTF8quot lttitlelttitle ltstyle type=quottextcssquot html， body margin 0；否则学完了跟没学差不多拓展HTML是网页的骨干，美丽的网页还需要css的装扮，所以学完html后可以学习css，用它控制显示HTML的外观除此之外还有JavaScript，可以让网页与人互动，比如点击个按钮显示个什么消息内容；网页的源代码称为HTML代码可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢常言道“心急吃不了热豆腐”建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个。
具体步骤如下静态网页现阶段主要采用DIV+CSS+Javascript来实现，第一步在桌面上创建一个文本文件第二步将文本名改为quottesthtmlquot扩展名为html或者htm即可，看不见扩展名可以到第三步文件名改好后，右击打开方式；lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml xmlns=quot lthead ltmeta；为什么要学习网页制作目的明确了，才知道要学哪方面的东西，这方面的东西要学多深，哪些 东西对自己有用，怎么应用起来第一本，入门 Head first HTMLCSS最好的入门书看两遍就对HTML CSS 有个大概印象了；4我们将更改编码和文件名，将其更改为如图所示的图像并保存5然后返回到新创建的文件夹，发现有一个额外的html文件6最后，使用浏览器打开html文件，效果如图所示，简单的网页被成功编写。
另一种是div+css，这种布局是现在比较流行的，因为它的读取速度快，但比较难学，没有一点网页基础的学它很容易失掉信心和兴趣等把布局玩熟了，就得学美工了，静态网页的制作重点就是美工了，用Photoshop画图，然后用。
1，打开记事本，并在其中输入必要信息，完整代码如下lt！DOCTYPE htmllthtmllthead ltmeta charset=quotutf8quot lttitlelttitle ltbodyltheaderltimg src=quotmolihuajpgquotwidth=quot412quot height=quot291quotltheader ltarticle；可以先在这个网站看看，里面有html的标签，css的应用和属性包括网页的标头声明，css文件调用路径等等现在都用div这个标签和css，div可以自由的布局框架，css可以给这些框架添加效果js或者；以前我也做过类似的这种静态页面，其实每一块的布局都差不多，做好一个其他的大同小异，下面提供我的思路以供参考宏观角度第一先把整体框架搭起来，通过绝对定位确定大的模块的位置第二根据图中每一块的结构来。
