成人毛片100部免费看,欧美人妻日韩精品

主頁(yè) > 網(wǎng)站建設(shè) > 建站知識(shí) > 織夢(mèng)模板修改基礎(chǔ)教程

織夢(mèng)模板修改基礎(chǔ)教程

POST TIME:2020-03-28 18:52

工業(yè)環(huán)保工程類企業(yè)網(wǎng)站織夢(mèng)模板(帶手機(jī)端)

html5響應(yīng)式網(wǎng)站織夢(mèng)模板源碼IT網(wǎng)絡(luò)工作室織夢(mèng)網(wǎng)

軟件APP類網(wǎng)站源碼織夢(mèng)通用型企業(yè)網(wǎng)站源碼html

藍(lán)色安防器材公司類整站模板

今天在網(wǎng)上看到一篇關(guān)于織夢(mèng)模板修改基礎(chǔ)知識(shí)的講解教程，這篇教程通過(guò)介紹HTML和CSS的基礎(chǔ)知識(shí)來(lái)講解織夢(mèng)CMS的模板結(jié)構(gòu)，非常適合一些新手站長(zhǎng)。于是經(jīng)過(guò)整理和修改，現(xiàn)在發(fā)出來(lái)，提供給大家參考，希望對(duì)大家的所幫助。

一、模板中的HTML知識(shí)

1、下面我們來(lái)講解HTML重要的組成部分——元素

我們打開(kāi)Dedecms根目錄/templets/default/index.htm文件，這個(gè)index.htm文件就是織夢(mèng)CMS官方默認(rèn)模板的首頁(yè)模板。我們打開(kāi)以后可以看到的是HTML頁(yè)面以DOCTYPE開(kāi)始，它的作用是聲明文檔的類型，且它之前不能有任何內(nèi)容（包括換行符和空格），否則將使文檔聲明無(wú)效。

接著是<html>標(biāo)簽，以</html>結(jié)束。其中包含了很多代碼；這就是一個(gè)元素。元素的定義是用標(biāo)簽來(lái)表示的功能和內(nèi)容就是HTML的“元素”。
它的格式是:<標(biāo)簽名>[內(nèi)容]</標(biāo)簽名>,我們DEDE模板調(diào)用標(biāo)簽和這個(gè)挺相似的；<head>，<body>元素都是嵌套在<HTML>元素中的，所以<html> 就是HTML頁(yè)面的根元素且是必須存在的，大家可以看一下我們的首頁(yè)模板，是不是這樣的。

2.接下來(lái)我就來(lái)講一下HTML中非常重要的標(biāo)簽

HTML標(biāo)簽大多是成對(duì)出現(xiàn)的，例：<body></body>，還有一種是空標(biāo)簽，例：<br />標(biāo)簽，作用是換行，標(biāo)簽大致可分為：塊級(jí)標(biāo)簽和行內(nèi)標(biāo)簽。

塊級(jí)標(biāo)簽： “塊級(jí)標(biāo)簽”通常會(huì)在web頁(yè)面中開(kāi)始新的一行，并且常常會(huì)包含其他標(biāo)簽。模板頁(yè)里的<div>、<p>及<ul>等標(biāo)簽都屬于此類標(biāo)簽。

行內(nèi)標(biāo)簽:通常是不會(huì)重新開(kāi)一行，而且只能包含文本或者其他內(nèi)置標(biāo)簽。模板頁(yè)里的<a>、<strong>等標(biāo)簽都屬于此類標(biāo)簽。

HTML 標(biāo)簽對(duì)大小寫(xiě)是不敏感的：<a> 和 <A> 的作用是相同的。推薦為小寫(xiě), 養(yǎng)成一個(gè)好的習(xí)慣很重要。一個(gè)HTML頁(yè)面里必須有的四個(gè)標(biāo)簽<html> <head> <title> <body> 。

在<head>標(biāo)簽中填寫(xiě)與該文件（HTML）的相關(guān)信息，<body>標(biāo)簽中填寫(xiě)的實(shí)際內(nèi)容就是要在瀏覽器顯示我們要看到的內(nèi)容。在<head>標(biāo)簽中，只能有一個(gè)代表文件標(biāo)題的標(biāo)簽，就是<title>標(biāo)簽，就是我們?yōu)g覽器中做上角顯示的內(nèi)容。

下面我們主要來(lái)講下首頁(yè)模板被圍在<body>元素中的標(biāo)簽都是做什么的？

<div>標(biāo)簽：DIV的起始標(biāo)簽和結(jié)束標(biāo)簽之間的所有內(nèi)容都是用來(lái)構(gòu)成這個(gè)塊的，也稱作 “層”。我們常用DIV+CSS來(lái)進(jìn)行HTML布局，可以看到我們首頁(yè)模板有很多<div>標(biāo)簽。所以這個(gè)標(biāo)簽對(duì)我們應(yīng)用HTML很重要。

<dl> <ul> 我們做列表的時(shí)候會(huì)用到，他們都是列表標(biāo)簽。

<a>是鏈接的標(biāo)簽，大家應(yīng)該會(huì)知道。

<hX> 標(biāo)簽表示為該內(nèi)容為標(biāo)題，X級(jí)別用數(shù)字1-6來(lái)表示。1代表最高級(jí)，6代表最底。<hX>標(biāo)簽應(yīng)用很廣泛，這里我告訴大家一個(gè)是，當(dāng)用圖象<img>當(dāng)標(biāo)題的話，也要用<h>~</h>括上，這樣一來(lái)。在不能顯示圖像的情況下，可以用<img>標(biāo)簽的alt屬性所指定的文字把標(biāo)題顯示出來(lái)。

<p> 標(biāo)簽表示該內(nèi)容為一個(gè)段落；

<span>標(biāo)簽表示在行內(nèi)定義一個(gè)區(qū)域，也就是一行內(nèi)可以被<span>劃分成好幾個(gè)區(qū)域，從而實(shí)現(xiàn)某種特定效果。

<strong>特別強(qiáng)調(diào)。

標(biāo)簽我們先介紹到這；當(dāng)你將一個(gè) HTML 文件存盤(pán)時(shí)，您即可以使用 HTM 也可以使用 HTML 作為擴(kuò)展名。

3.下面我們來(lái)講講如何刪除首頁(yè)上的部分內(nèi)容。我選擇刪除投票調(diào)查那部分，如圖：
我們現(xiàn)在在模板里把投票調(diào)查那部分代碼找到。找到后，選擇刪除就OK了。如圖：

二、模板中的CSS知識(shí)：

1.CSS就是一種叫做樣式表（stylesheet）的技術(shù)。也有的人稱之為層疊樣式（CascadingStylesheet），以下簡(jiǎn)稱CSS。HTML只不過(guò)是構(gòu)成一個(gè)文本文件的一系列標(biāo)簽，指定標(biāo)簽是如何顯示的就需要用到樣式表了。在制作HTML時(shí)采用CSS技術(shù)，可以有效地對(duì)頁(yè)面的布局、字體、顏色、背景和其它效果實(shí)現(xiàn)更加精確的控制。你可以將站點(diǎn)上所有的網(wǎng)頁(yè)風(fēng)格都使用一個(gè)CSS文件進(jìn)行控制，只要修改這個(gè)CSS文件中屬性值，那么整個(gè)站點(diǎn)的所有頁(yè)面都會(huì)隨之發(fā)生變動(dòng)。

在講下面內(nèi)容之前，我們先打開(kāi)首頁(yè)模板中用到的CSS文件。

在首頁(yè)模板代碼模式下，可以看到

這個(gè)是連接外部CSS的方式。我們可以在織夢(mèng)模板根目錄templetsstyle目錄下找到織夢(mèng)模板.css文件；

@import url("layout.css");

@import url("page.css");

CSS中加載另外2個(gè)CSS文件,可能一會(huì)我們會(huì)用到這2個(gè)文件.

2.CSS的基本語(yǔ)法格式

CSS基本是是按照以下的的語(yǔ)法格式進(jìn)行表示的：

選擇符{屬性：值}

padding:0px;

margin:0px;

}