最简单的网页和网站模板（简单的网→站设计模板）
今天给各位分享最简单的网页和网站模板的知识，其中也会对简单的网站设计模板进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
本文目录一览：
简单网页制作
一、FrontPage 2003简介
FrontPage 2003是由Microsoft公司推出】的Office 2003组件之一。FrontPage 2003的启动与退出、文件的打开与保存与Office系列中其⊙他软件相同。FrontPage 2003启动后，主窗口如图6-61所示，菜』单部分外貌与Office中的其他●软件相似。
与以往的版本相比，FrontPage 2003有以下几个新功能：
（1）自定义浏览器分辨率预览检查；
（2）描摹图像；
（3）层功能；
（4）插入交互式按钮；
（5）行为的应用；
（6）使用网页重定向；
图6-61 FrontPage 2003启动界面
图6-62“新建”任务窗格
（7）检查网页错误；
（8）优化HTML代码；
（9）规划页面布局。
二、制作简单网页
我们在前面已经学会了用Word进行排版，其实你已经会制作一个简单网页了，只需将原来排好的Word文档，另存时选择保存类型为“Web页（*.htm；*.html）”就可保存为一个网页文件。
下面我⊙们用FrontPage 2003制作一个简单网页。步骤如下：
1.启动FrontPage 2003
选择“开始”/“所有程序”/“Microsoft Office”/“FrontPage 2003”命令，打开如图6-61所示的界面。
图6-63 新的空白的网页
图6-64“网页模板”对话框
2.建立新网页
选择“文件”/“新建…”菜单命令，打开“新建”任务窗格，如图6-62所示。单击“空白网页”，也可以通过工具栏︾上的“新建”按钮建立一个新的空白的网页。如图6-63所示。
如果要根据 Microsoft FrontPage 的模板创建网页，单击“其他网页模板”，打开如图6-64所示的“网页模板”对话框，再单击所需模板类型的选项卡，然后单击某个模板。
3.输入如下内容
图6-65
4.编辑操作
网页中的文本编辑操作与Word的编辑操作类似。
本例中，将“我的第一个网页”应用“标题一”样式，并设为隶书，水平居中；将“你好！欢迎光临”应用“标题二”样式，将其余内容应用“普通”样式，并将行距设为“1.5倍行距”，设置完成∏后效果如图6-65所示。
5.保存网页文件
选择“文件”/“保存”命令，弹出“另存为”对话框，指定保存位置和文件名，然后单击“保存”按钮即可完成操作。
三、制作多媒体个人主页
我们以制作一个简易的个人网站为例，进一步学习使用FrontPage 2003。
1.规划
网站规划包括规划网站的风格、网站的结构和网站的配色等，是对网站的整体定位。本例设置了6个栏目，包括首页、自荐信、个人简历、荣誉证书、才艺展示、联系方式，链接的文件名分别为index.htm、zijian.htm、jianli.htm、zhengshu.htm、zhanshi.htm、lianxi.htm。当然也可以结合自己情况进行修改。页面布局如图6-66所示。
2.建立网站
在FrontPage 2003中，所谓网站，就是一些网页和程序的集合，各个★网页之间通过超链接联系在一起，所有的网页和文件保存在一个文件夹中，通过网站把这些文件和网页统一起来。本地网站是指本地硬盘上用来存放整个网站的所有文档的文件夹。远程网站是指◤网络服务器上的网站，供用户浏※览。
建立一个新网站，事实上就是建立一个单独的文件夹，然后在这个文件夹中建立各个网页文件，并且把它们链接在一起。
网页制作可以在新建网站中完成，也可以像前面那样单独新建一个网页。建议用新建网站的方法来制作网页。
下面我们首先创建新的FrontPage网站：
（1）在“文件”菜单上，单击“新建”，出现如图 6-66 所示的“新建”任务窗格。
图6-66
（2）在“新建”任务窗格中，单击“由一个网页组成的网站”。
（3）在“网站模板”对话框中，在“常规”选项卡下，单击需要的网↘站模板，本例选择“只有一个网页的网站”，并在指定新网的位置栏中，键入或选择新网的↘路径及名称，这里我们将默认的mysite改为myhome，如图6-67所示，然后单击“确定”按钮，出现创建新网站对话框，完成站点创建，完成后如图6-68所示。左边一列是文件夹列表，可以通过右键快捷菜单新建文件夹，对文件或文件夹进行复制、删除、重命名等操作。
图6-67“网站模板”对话框
图6-68
3.准备素材
将本例所需的图片动画素材复制到网站内的images文件夹下。
4.制作主页页眉
在“网页”视图中的▲文档窗口底部，单击“设计”
。
在文件夹列表中双击index.htm，打开该网页并进入编辑状态，开始》首页制作。
（1）设置网页大小 在“视图”菜单上，指向“网页大小”，单击
设置网页大小。
（2）设置网页背景在“网页”视图中的文档窗口底部，单击“设计”
，右击网页编辑区，在弹出菜单【中单击“网页属性”项，弹出“网页属性”对话框，在标题框内输入“欢迎访问小慧的个人电子简历”；单击“格式”选中格式选项卡，选中背景栏下的“背景图片”，并单击“浏览”按钮选择背景图片。如图6-69所示。单击“确定”按钮完成网页背景设置。也可在“格式”菜单上单击“背景”来设置。
（3）插入一个一行两列的表格 方法与在Word中插入表格相同。
在显示设计视图模式下，通过常用工具栏的“插入表格”按钮，或在“插入”菜单上，指向“插入”，在级联菜单中单击“表格”；右击插入的表格，在弹出★菜单中单击“表格属性”，并将单元格衬距、单元格间●距和粗细栏均设为0，如图6-70所示，单击“确定”按钮。
图6-69 网页属性
图6-70 表格属性
（4）在第一个单元格内插入图片 将插入点放在第一个单元格，在“插入”菜单上，指向“图片”，再单击“来自文件”。找到要添加的文件（网站下images文件夹下的ξlogo.gif），如图6-71所示，然后单击“插入”。
更简单的方法是从文件夹列表拖动图片文件到编辑区指定的位置即可。
（5）在第二个单元格内插●入Flash动画 单击第二个单元格，在“插入”菜单上，指向“图片”，再单击“Flash影片”。弹出与图6-71相似的“选择文件”对话框，找到要添加的文件（网站下images文件夹下的banner_007.swf），然后单击“插入”。
（6）在第一个表格下插入一个1行1列的表格 同样将单元⊙格衬距、单元格间距和粗细栏均设为0，设置好背景颜色，本例是选的其他颜色，如图6-72所示，在“值”文本框中输入〓Hex={C1，E8，C9}。
（7）制作滚动字幕 在第二个表格的单↑元格内单击，在“插入”菜单上，单击“Web组件”，弹出插入Web组件对话框〓，默认选中的是字幕，因此单击“完成”按钮，弹出字幕属性对话框，在“文本”框内输入：衷心感谢您垂阅我的简历，单击“确定”按钮。如图6-73所示。
图6-71 插入图片对话框
图6-72“其他颜色”对话框
5.制作正文和页脚
（1）在第二个表格下插入一个1行2列的表格，同样将单元格衬ξ距、单元格间距设＠为0，但粗细设为1，暗边框设为白色，亮边框则设为其他颜色，在如图6-72所示的“值”文本框中输入Hex={99，CC，FF}。
（2）设置〖单元格背色。右击此表格的第ζ 一个单元格，在弹出菜单中单击“单元格属性”，弹出如图6-74所示的对话框，背景设为其他颜色，在如图6-72所示的“值”文本框中输入Hex={F1，F5，FC}。同样方法将第二个单元格设为白色。
图6-73 字幕属性对话框
图6-74 单元格属性
（3）调整单元格宽度，使之与第一个表格相同。
（4）在第一个单元格内插入一个8行1列的表格，并将单元格衬距、单元格间距和粗细栏均设为0。在单元格属性中将『单元格对齐属性设为水平居中，垂直居中，行高调整为40。
在刚插入的表格第二行内插入图片homepage.gif，并在∑ 其后输入“首 页”；在第三行内插入图片sub_dot.gif，并在其后◇输入“自 荐信”，后面四行插入的图片均为sub_dot.gif，输入的文字依次为“个人简历”、“荣誉证书”、“才艺展示”、“联系方式”。
（5）在表格三的第二个单元格内插入一个3行3列的表格，并将单元格衬距、单元格间距和粗细栏均设为0。将中间一列调宽一些。
在该表〒格第一行第二列中输入“自荐信”，在第二行第二列输入自荐信的内容。设为1.5倍行距。
（6）在表格三后面♀插入一个2行1列的表格，并将单元格衬距、单元格间距和粗细栏均设为0；并且第一个单元格背景色设为与表格二背景色相同，在第二个单元格内输⊙入“联系电话：023-683568XX E-mail：xiaohui＠163.com”并设为居中。
6.链接网站文件
选中要建立超链接的文字或图像，单击常用工具栏中的“插入超链》接”按钮或在“插入”菜单上单击“超链接”，或者是右击选中区域并◣单击“超链接”，均可打开“插入超链接”对话框。如图6-75所示。
图6-75“插入超链接”对话框
（1）选中“首页”，单击常用工具栏中的
按钮，在打开的如图6-75所示的“插入超链接”对话框中，在“地址”框内输入index.htm，并单击“确定”按钮。
（2）用同样的方法将“自荐信”链接到zijian.htm、“个人简历”链接到jianli.htm、“荣誉证书”链接到zhengshu.htm、“才艺展示”链接到zhanshi.htm、“联系方式”链接到lianxi.htm。
7.保存文件，按F12键预览网页
四、制作本网站内︼其他页面
首先在文件夹列表中将 index.htm 复制 5个，分别重命名为 zijian.htm、jianli.htm、zhengshu.htm、zhanshi.htm、lianxi.htm。只需将每※个文件中自荐信部分修改为相应内容即可，页眉、超链接栏和页脚均不变。
五、网站发布
当我们完成上ㄨ述内容后，需将制作的网页发布到Internet上的Web服务器中，才能供网上的访问者浏览。首先要到Internet服务提供商（ISP）那里申请购买存放网页的空间和域名，以前有很多网站（如网易等）都提供免费的个人主页存放空间，现在相对≡较少了，中国》学生网仍在提供50M免费空间服务，大家可到去申请一个免费空间。
发布网站可以使用专▅门的FTP工具。但为了给用户提供方便，FrontPage 2003内置了网页发布功能，利用它，只需进行简单的设置，就可以轻松地完成网站发布任务。FrontPage 2003中的远程网站视图可以帮助我们将整个网站或单独的文件和文件夹发布到任何位置：扩展的 Web 服务器、支持文件传输协议（FTP）或基于 Web 的分布式创作和版本控制（WebDAV）的Web服务器或文件系统中的某个位置。
下面我们利№用FrontPage 2003及文件传输协议（FTP）发布网站，步骤如下：
1.打开FrontPage网站
在“文件”菜单中单击“打开网站”或单击工具栏上的“打开”按钮边上的下拉标志，从下拉菜单中选“打开网站”，在弹出的“打开网站”对话※框中找到需要打开的网站并单击“打开”按钮。
2.转至“远程网站”视图
若要转至该视▅图，请单击“网站”选项卡，然后单击窗口底部的“远程网站”按钮。或在“视图”菜单上，单击“远程网站”。如图6-76所示。
3.设置“远程网站属性”
在文档窗口顶①部，单击“远程网站属性”。在弹ぷ出的对话框中，在“远程网站”选项卡上，在“远程 Web服→务器类型”下，单击“FTP”。在“远程网站位置”框中，键入自己所选定的远程网站的地址及 FTP 协议（本例中输入“”），如图6-77所示。单击“确定”按钮，在打开的“要求提供用户名和密码”对话框中输入ISP提供的用户名和密码，单击“确定”按钮。如图6-78所示。
图6-76
图6-77
4.发布网站
通过单击窗口右下角的“发布网站”按钮即可发布所有╱文件。也可发布单个文件，在本地网站选择一个文件，然后单击“本地到→远程”按钮
。如图6-79所示。
图6-78
图6-79
如何做网站和网页
现在网页制作的方法多种多样，既有复杂，又有简单，但是总的概括起来，制作网站不外乎两个，一个是传统网站建设，另一＠个是新型自助建站。如果是如何制作网页简单的方法，那第二种』是为简单的，如果是复杂的话，那传统的网站建设是难的。
选用自助建站平台，有的自助建站平台是提供免费空间和网站域名¤的，选用这种建站平台→可以简化网页制作的步骤，使得过程更为简单。如果建站平台没有提供域名和空间的，那需要自己去购※买网站域名和网站空间，一般搜索引擎上都是可以找到域名和网站空间的服务商的，但是一定※要懂得选购，否则会影响网站的发展。
可以使用凡科建站，用户在凡科网注册成功后，使用帐号登录自助建站系统，点击创建网站，然后根据提示开始进行网页的制作，这里可以选择空白的网站模板进行设计，也可以选择现成的网站模板作为基础进行修改。
凡科建站平台的会提供各种网站模块︾和功能设置，例如图文模块、产品模块等，至于网站功能■则有在线投票、在线留言、在线支付等多种使用功能。
0代码轻松建站！点击这里获取精美网站模板：凡科建站
怎么制作网页啊？我要最简洁的方法！
怎〓样制作网页？先说说目前网页制作流行的三类作法： 一、使用像Dreamweaver、Fontpage一样的所见即所得的网页编辑软件。Fontpage较容易些，会操作Word就会使用∏它。专业人士一般用Dreamweaver来做网页，用flash、firework等来美化网页，有兴趣的可ω以下载网页三剑客Dreamweaver、flash、firework来试试。 二、使用记事本修改网页Html代码，不推荐使用Fontpage等网页编辑软件修改的原因是：很多网页格式如果用网页编¤辑软件打开就会变形，所以直接使用︻记事本修改网页Html代码是最∮简洁有效的方法。当然可以去下载强化的HTML工具更好，例如： UltraEdit。 三、其实很多现成网页模版、网站系统已经做好了，而我们不必再次证明“牛顿定律”浪费我们的宝贵时间。就像PHP论坛程序现在︼别人做的挺好的（例如Discuz!，PHPwind），我们何苦再去编写一个论坛程序呢？简直是费力不∏讨好，并且Bug特别多。当然学习数据库编程开发的人例外。 怎么做网站呢？首先我们需要了解一下◤网站的页面组成，网站一般包括以下几部分： 首页：网□ 站的门面，如同公司的形象，特别注重设计和规划。 次页：网站的主要导航结构页面，讲究风格的一致性，并于首页呼应。 普通页：网站主要的承载信息的页面，设∮计要求不高，但要求链接准确、文字无误、图文并茂，并沿袭网页▲的风格。 弹出页：一般用于广告、新闻、消息、到其他网站的链接等等，一般用↓的很少。 通过上面的分析，我们可以→看出： 从功能上来看，首页主要承担着树立◣企业形象（当然不仅仅是首页）的作用，次页在导航方ω面起着重要的作用，比如各栏目内部主要内容的介绍，都可以在次页中体现再进入普通页，让浏览者能够迅速了解网站各栏目的主要内容，择其需要而浏览，而普通页则是主要的信息页面，也是网站的最终页面，对于大型网站，这种结构非常重要，而对于中小型企业，网站规模较小、页面数↓量不多，有时次页就起着普通页的作用，至于№弹出页，建议您不是必要，最好不要用。下面详细介绍各页面▲的设计技巧： 一、首页设计技巧 网站首页是企业网上的虚拟门面，在此，提醒上网的企业注意自己门面的设计，决不能敷衍了事、马马虎虎。我们会经常看到印刷精美的产品目录或广告，当您屡屡看到那些印有产品目录或广告的精美印刷制品的时候，相信您或多或少会对有关的产品形成一〓种好感，即使您不会购买，也必然对这些产品形成一定程度【的认同。而对于设计毛糙的宣传品，您肯定会怀疑其内容的真实性，从而对其『产品或服务产生质疑。好，现在说说№网站的设计，相信您会同意这种说法：网站的页面就好比是“无纸的印刷品→”。既然如此，我们会因此而得出一个结论：精良和专业网站◥的设计，如同制作』精美的印刷品，会大大刺激消费者（访问者）的购买欲望，反之，您公司所提供的产品或服务将不会给消费者（访问者）留下较好的印象。值得一提的是，除非您的企业有专业的网站规划、设计人员，否则您最好找专业公司或专业人员为您设计制作卐，一个优秀的专业设计人员会很快明白您的意图，并根据您的建站目的提↑出建设性的意见。 一般来说，网站首页的形式不外乎有两种，一种是纯粹的形象展示型，这种类型文字信息较少，图像信息较多，通过艺术造型和设计布局，利用一系列与公司形象和产品、服务有关的图像、文字信息，组成一幅生动的画面，向浏览者展示一种形象、一个氛围，从而吸引浏览者进入浏览。这需要设计者具有良好的设计基础和审美能力，能够努力挖掘企业深层的内涵，展示企业〖文化。这种类型的首页在设计过程中一定要明确要以设计为主∮导，通过色彩、布局给访问者留下深刻的印象，当然，我们不能为了设计而设↑计，我们的目的是营销，在设计过程中一定要牢记这一点！ 另一种是信息『罗列型，一般的大、中型企业网站和门户网站常用的方式，即在首页中就罗列出网站的主要〓内容分类、重点信息、网站导航、公司信息等等，这种风格比较适合网站信息量大，内容丰富的网站，因为是以展示信息为主，这是的设计就要在细微之处体现企业形象，建议设计人员最好仔细阅读企业的CI手册，熟悉企业标志、吉祥物、字体及用色标准，在网站的局部体现出来，往往平淡之中一个优美的符合企业特点的曲线∑ 就能够给人以深刻的印象，从而将企业形象印在浏览者的脑海里。设计人员在设计过程中要注意使用这些语言⌒ 符号来表达一种独特的企业信息。 网页设计时注意事项： 1.不要花里胡哨。 2.要有风格，要突出行业的特点。比如娱乐业热烈活泼些，政府网站则要庄重些；收藏书画业要古朴典雅，策划时装业则要前卫些。 3.一张网页一般两屏到三屏就可以了，不要太长，会影响Ψ 你的网页打开的速度。如果内容实在太多，应该⊙分作几个页面，或者分为几个二级栏目。 对初次建站的用户来说，制作网⊙页是件头疼的事情；对于由别人帮助建站的用户来说，网站的后期更新维护可能更令人头疼。缺乏专业人才及专业知识，让大家□对建站望而生畏。推荐您选购『自助建站专卖店』自助网站系统，由于不需要专业人员制作网站程序，且SOHO个人工作室不像公司那样牵扯分享利益的人多而成本高，我们所提供的网站建设价格在市场上具有很强的竞争力。我们更懂得每一个网站的制作质量都是下一个网站的广告。三大承诺，放心选择：“免费试⊙用满意后再付款”“主机空间正式付款7天内无条件退款承诺”“100%网站及域名所有ㄨ权”。为进一步免除您的后顾之忧，近期还计划安装支付宝等第三方网上支付手段，让大家放心购买。用户进入网站后台后，自己就可以在现有模板上对网站内容进行更新，不用再为如何制作网页担心，『自助建站专卖店』销售数十种正版品牌建站软件，享受自动升级服务和相关的技∞术服务(定制模版+内容更新)。
如何制作简单网页呢?
网站设计♀八步骤
由于目前所见即所得类型的工具越来越多，使用∩也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常◣简单，就匆匆忙忙制作自己的网站，可是做♂出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的♀网站。
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别∏是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容Ψ都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确〗了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图↘书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏⌒ 目的设置、网站的风格、颜色搭配、版面布局、文字图片∑的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。 四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以■起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学▽者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制←作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。
五、制作网页
材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网〗页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。
六、上传测试
网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便□ 地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己〗的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就△可以把你的网址告诉给朋友，让他们来浏览。
七、推广宣传
网∞页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
八、维护更新
网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸▂引住浏览者
★要想学做网页，首先得了解制作网页☆的工具。
制作网页主要有以下一些工具
Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不咋地，我不太喜欢。
Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，是普通网※页制作者的首选工具，界面简单，实用功能比较强大。建议初学者选用。
另外一个工具就是代码编辑工具，例如写字本、EditPlus等，这些工◥具主要编辑asp等动态网页。
此外还有一些网络编程工具，javascript、java编辑器等。
网页制作也是一个比较吃香的行业，要真正做一个好的网站，还∩必须有良好的设计功底。所以还得学很多边缘性的软件，例如photoshop、flash等。
大型的网站往往还需要※数据库的支持，所以还得懂数据库。sql、甲骨文等。
总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。随便混就好了！
祝你成功。
★你可以结合 Dreamwaver 和 Photoshop 来制作网页。
Dreamwaver 可以到这里下 30天试用版，不过要先登记一个免费帐号，
★在网上有这方面的教程
教程
（中国建站专家）
主页和个人空间
（中华网）
建议使用网页制作三剑客Dreamweawer+Firework+Flash 或使用Frontpage
求一个简单的个人网页html模板
这种模板很多的，百度打开一个网页右键源代码就能找到了。
html xmlns=""headmeta http-equiv="Content-Type" content="text/html; charset=gb2312"
meta name="viewport" id="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"
meta name="apple-mobile-web-app-capable" content="yes"
meta name="apple-mobile-web-app-status-bar-style" content="black"
link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-57.png" sizes="57x57" rel="apple-touch-icon"
link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-72.png" sizes="72x72" rel="apple-touch-icon"
link href="{dede:global.cfg_templets_skin/}/images/apple-touch-icon-114.png" sizes="114x114" rel="apple-touch-icon"
title{dede:global.cfg_webname/}/title
meta name="keywords" content="{dede:global.cfg_keywords/}"
meta name="description" content="{dede:global.cfg_description/}"
link href="{dede:global.cfg_templets_skin/}/style/style.css" rel="stylesheet" type="text/css"
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/jquery-1.9.1.js"/script
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/style/theme_trust.js"/script
style type="text/css"
html,
body {
margin: 0;
padding: 0;
}
.iw_poi_title {
color: #CC5522;
font-size: 14px;
font-weight: bold;
overflow: hidden;
padding-right: 13px;
white-space: nowrap
}
.iw_poi_content {
font: 12px arial, sans-serif;
overflow: visible;
padding-top: 4px;
white-space: -moz-pre-wrap;
word-wrap: break-word
}
/style
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/main.js"/script
script
jQuery(document).ready(function() {
jQuery('#openSidebar').click(function() {
jQuery('.wrapper').toggleClass('openNav');
});
jQuery('#menu a').click(function() {
jQuery('.wrapper').removeClass('openNav');
});
});
/script
script type="text/javascript" src="{dede:global.cfg_templets_skin/}/api"/scriptscript type="text/javascript" src="{dede:global.cfg_templets_skin/}/getscript"/scriptlink rel="stylesheet" type="text/css" href="{dede:global.cfg_templets_skin/}/bmap.css"
style type="text/css"
html,
body,
wrapper {
height: 100%;
}
/style
/head
body
div class="5235035b1b051ac4 wrapper"
div class="035b1b051ac40753 sidebar"
div class="1b051ac407537064 clearfix k1120"
div class="1ac407537064b802 navBox" id="openSidebar"
a href="javascript:void(0)" class="07537064b8023fc6 navOpen"/a
/div
div id="menu"
ul class="7064b8023fc63f8f clearfix"
lia href="#home" class="b8023fc63f8fc726 nav_home current"span首页br /bHome/b/span/a
/li
lia href="#services" class="3fc63f8fc7260261 nav_services"span服务范围br /bServices/b/span/a
/li
lia href="#case" class="3f8fc7260261c816 nav_case"span案例展示br /bCase/b/span/a
/li
lia href="#about" class="c7260261c8168d72 nav_about"span关于我们br /bAbout us/b/span/a
/li
lia href="#news" class="0261c8168d728eb0 nav_news"span新闻动态br /bNews/b/span/a
/li
lia href="#contact" class="146628e2831daa8a nav_contact"span联系我们br /bContact us/b/span/a
/li
/ul
/div
/div
/div
div class="28e2831daa8a5235 pageMain"
div id="header"
div class="831daa8a5235035b k1120 clearfix"a href="{dede:global.cfg_basehost/}" id="logo"logo/a
/div
/div
div id="home" class="aa8a5235035b1b05 scrol-page"
div class="5235035b1b051ac4 banner"
div class="035b1b051ac40753 b_1" style="background-position: 50% 0px;"
div class="1b051ac407537064 k1120 clearfix"
div class="1ac407537064b802 b_pic"
div class="07537064b8023fc6 mac" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/mac.png"
/div
div class="7064b8023fc63f8f iphone" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/iphone.png"
/div
div class="b8023fc63f8fc726 ipad" style="margin-top: 0px; opacity: 1;"img src="{dede:global.cfg_templets_skin/}/images/ipad.png"
/div
/div
div class="3fc63f8fc7260261 b_text" style="margin-top: 0px; opacity: 1;"
{dede:global.cfg_ggg/}
/div
/div
/div
/div
div class="3f8fc7260261c816 banner"
关于最简单的网页和网站模板和简单的网站设计模板的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想▓了解更多这方面的信息，记得收藏关注本站。
