㈠ h5製作頁面時圖片格式尺度不對怎麼辦
看你是在哪個平台做的,如果是在兔展H5製作平台上的就是640*1008像素 72px 。背景圖是916*1344就可以適配手機,不會留白。
㈡ html如何設置圖片大小
操作方法如下:
1、以Hbuilder來講解,首先新建一個HTML頁面,如圖;
㈢ 在html中,怎麼設置背景圖片不重復不平鋪,只顯示一張圖片
背景圖片不重復不平鋪,可以這樣設定背景:
1、<body style="background-image: url("圖片文件地址"); background-attachment: fixed;">
這樣背景圖片就會固定住,不會因頁面滾動而重復。
2、使圖在任何大小的屏幕都不會顯示重復,可以這樣設定背景(圖像不平鋪):
<body style="background-image: url("圖片文件地址"); background-repeat:no-repeat;">
3、兩者結合,就是:<body style="background-image: url("圖片文件地址"); background-repeat:no-repeat; background-attachment: fixed;">
(3)h5背景圖片大氣擴展閱讀
超級文本標記語言文檔製作不是很復雜,但功能強大,支持不同數據格式的文件鑲入,這也是萬維網(WWW)盛行的原因之一,其主要特點如下:
簡易性:超級文本標記語言版本升級採用超集方式,從而更加靈活方便。
可擴展性:超級文本標記語言的廣泛應用帶來了加強功能,增加標識符等要求,超級文本標記語言採取子類元素的方式,為系統擴展帶來保證。
平台無關性:雖然個人計算機大行其道,但使用MAC等其他機器的大有人在,超級文本標記語言可以使用在廣泛的平台上,這也是萬維網(WWW)盛行的另一個原因。
通用性:另外,HTML是網路的通用語言,一種簡單、通用的全置標記語言。它允許網頁製作人建立文本與圖片相結合的復雜頁面,這些頁面可以被網上任何其他人瀏覽到,無論使用的是什麼類型的電腦或瀏覽器。
㈣ Html如何讓設置的背景圖片居中顯示
首先你把背景圖片放在一個總層裡面,然後設置這個層的margin:auto就好了!望採納!!
㈤ 正常網頁製作背景圖片應該多大
1、背景最好是能夠做到自動延伸,現在的顯示器是越來越大,解析度也慢慢的變大了,現在用1600*900解析度的也不少,我的就是,當然也有人用1280*768、1024*768等,所以網頁設計的背景一般是不會設計成固定尺寸的,你可以做成可循環平鋪的圖片或者漸變顏色,直接是一種顏色那就更方便了;
2、其實網頁設計一般所說的尺寸指的是主體框架的尺寸,就拿現在這個網路知道的頁面距離,中間的主體部分無論是瀏覽器怎麼伸展,主體內容的寬度是保持不變的,我查看了一下css代碼,這個主體框架的寬度是980px;
3、你設計的時候把主體部分設置成980-1000px就差不多了,畢竟現在使用1024*768解析度以下的人已經畢竟少了。
㈥ html網頁設計裡面怎麼平鋪背景圖片
html設置背景圖片平鋪方法,實際上平鋪有多種方法,但是因為圖片的大小不同,需要不同形式的平鋪,這里介紹下方法。
1、首先新建一個html文檔,如圖所示。
㈦ 到底什麼才是好的H5頁面
對於許多運營來說,一個好的宣傳頁面可以幫助企業的活動推廣有極大的輔助作用,尤其是現在的移動用戶的增多,一個好的H5頁面也是我們推廣的主要手段和方法,但是,你真的知道怎麼來做H5推廣嗎?
今天,電腦培訓http://www.kmbdqn.cn/主要就圍繞H5這一推廣方法來分析一下。
1.什麼是H5
暫先不說「成功」如何定義,你能告訴我什麼是H5嗎?
我們都知道,H5是HTML5的縮寫。但HTML5隻是一個頁面實現方式的技術名詞,難道我們平日所指的就是這個技術名詞嗎?顯然不是。
准確的說,我們所說的是以Html5方式實現的在移動端展示的功能頁面。
如果把頁面比作人,那麼HTML是他的骨架,CSS是他的肌肉皮膚,Script是這個人的行為反應,比如蒼蠅飛到臉上了,人會一巴掌拍過去(WestWorld有追的嗎)。
這樣說來,與頁面交互最相關的是Script,而不是HTML。而且,現在各平台上出現的大部分H5作品其實都沒有用到HTML5的特性,用以往的HTML技術就足以實現。
可見我們平常所說的H5,和技術名詞HTML5沒有太大關系,是一個被大家叫習慣了的產品名詞而已,本質上就是在移動端展示的功能頁面。但為什麼我們所說的H5顯得如此特殊呢?
原因其實是蘊藏其背後的運營目的。
2.怎樣的H5算是成功?
《圍住神經貓》的爆紅雖然是個巧合,但一直以來被當做一個典型的成功案例為大家所知。但它真的算是成功的H5作品嗎?玩過之後,你記住了什麼?
大部分人記住的只是這種「賤兮兮小游戲」的游戲概念和交互方式。用戶就算玩過10遍也不一定知道這個H5的製作團隊是誰,這個團隊想要宣傳什麼。
《吳亦凡要入伍》也一度刷爆朋友圈,信息展示方式很有創意,乃至現在都還有很多作品沿用這種在真實頁面背景上做創意的表現形式。但同樣還是那個問題,玩過之後,除了吳亦凡這個名字和酷炫的交互方式,你還記住了什麼?如果用戶在體驗了整個設計之後都不知道這個H5宣傳的主體是什麼,能稱之為成功嗎?
註:當然我沒有具體數據表明以上H5上線之後對用戶下載等方面數據的影響,但從我對小范圍用戶的調研來看,和H5本身的影響力不對等。
那到底怎樣的H5作品是成功的呢?如圖所示:
所指運營目的無非就是拉新、日活、品牌曝光等;用戶目的比較常被利用的有佔便宜、獵奇、追星、炫耀、情感共鳴等。而作為設計師要做的,就是利用可用資源設計一種方式,委婉的誘導用戶實現其用戶目的,從而協助產品達成運營目的。
㈧ H5自適應css背景圖在層沒高度的情況怎麼讓他自適應
沒有辦法,如果在這個標簽中沒有內容的話,只添加背景圖沒有辦法顯示。更何況還是讓他自適應了。如果是裡面有內容,那這個標簽會根據內容的高度顯示部分背景圖。