首页 > 网站建设 >

简单html静态网站模板建设技巧分享

发布时间:2019-10-05 作者:网站建设

  简单html静态网站模板建设技巧分享,网站建设公司在本站与各位分享怎样快速简单的创一个网页,先创建一个网页模板,并根据这个模板创建其他几个HTML页面,最终这几个页面会通过超链接联系在一起,详细操作步骤如下:
  启动Dreamweaver,新建一个名为index的HTML页面。这个页面中的内容非常简单,只有一个超链接,目标地址是后面需要根据模板创建的第一个HTML页面,该页面中的代码如下所示。选择“文件”→“另存为”命令,将步骤新建的HTML页面另存为模板文件,命名为template.dwt。注意,模板文件需要保存在站点的跟目录下的Templates文件夹中,否则将不能根据站点下的模板创建文件。在代码视图中为模板文件创建一个简单的页面结构,相关代码如下所示,在设计视图中的效果如图3.9所示。
用鼠标选中“诗歌朗诵”这几个字,然后按快捷键Ctrl+Alt+V,在弹出的对话框中输入可编辑区域的名称为type,然后单击“确定”按钮,如图3.10所示。图3.10重复步骤,将文字“乡愁”和诗歌段落分别设置为可编辑区域,名称分别为Title和Content,保存修改后的模板文件,效果如图3.11所示。
选择“新建”→“文件”命令,在弹出的“新建文档”对话框中选择“网站模板”。选中当前的站点,选择刚才创建的模板文件,单击“创建”按钮。
根据模板创建的文件,在代码视图中,不可编辑的内容显示为灰色,可编辑的内容显示为正常颜色。我们创建的第一个页面不需要改变模板中的任何内容,直接保存为grade_1.html文件即可。根据模板再创建一个名为grade_2.html的文件,并修改可编辑区域的内容。根据模板再创建一个名为grade_3.html的文件,并修改可编辑区域的内容。在浏览器中浏览index.html页面,单击该页面中的超链接,在新打开的页面中单击“一年级”“二年级”和“三年级”,可分别浏览到刚才创建的页面。好了,网站建设公司本文关于“ 简单html静态网站模板建设技巧分享”的相关建站知识就分享到这里,谢谢关注,博纳网络编辑整理。
文章标题: 简单html静态网站模板建设技巧分享
本文地址:https://www.198bona.com/news/4153.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯