整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          在企業網站建設中網頁中的html是如何生成的?

          TML即超文本標記語言是一種用于創建網頁的標準標記語言。對于初學者來說一般可以使用工具來生成html,如:DW,HB等,這些都是所見即所得的工具,在設計視圖將需要展現的文字、段落、圖片等內容通過軟件排好版,在代碼視圖將由軟件自動生成對應的HTML代碼,這些代碼由客戶電腦上的瀏覽來解析執行。

          HTML語言是一種優美的語言,幾乎所有的標記都是成對出現的,配合CSS樣式和JS腳本來控制頁面顯示的樣式及效果。有一定開發經驗的高手往往可以直接用代碼視圖來編寫網頁,不管是軟件生成html還是手寫HTML代碼最終顯示的效果都是一致的。如下圖是由DW設計的網頁,下方代碼對應的就是HTML代碼,視圖效果和代碼是一一對應的。

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

          ativefier簡介

          Nativefier 是一種命令行工具,可以用最少的配置輕松地為任何網站創建桌面應用程序。它是由 Electron 引擎生成的可執行文件(.app .exe 等),能夠運行在Windows,MacOS和Linux平臺。

          GitHub頁面:https://github.com/jiahaog/nativefier

          安裝條件

          • macOS 10.9+ / Windows / Linux
          • Node.js >= 10和npm>= 6

          安裝演示

          這里我以 Windows 10 LTSC 1809 作為演示,首先需要安裝Node.js,最新版本默認集成了npm,進入官網下載并安裝到計算機。下載地址:https://nodejs.org/zh-cn/

          安裝好 Node.js 之后,還需要設置全局變量,因為加載極為緩慢,這里我們使用淘寶源來進行操作會快上不少。找到系統屬性 – 高級 – 環境變量 – 新建用戶變量。變量名:ELECTRON_MIRROR 變量值:http://npm.taobao.org/mirrors/electron/

          接下來就到了安裝 Nativefier 的環節,只需在cmd命令提示符中輸入 npm install -g nativefier 即可完成安裝。

          最后,就可以用 Nativefier 來生成你想要的桌面應用程序了。例如要為https://www.smbinn.com創建桌面應用程序,只需在cmd命令提示符中輸入 nativefier “https://www.smbinn.com” 生成后的程序默認在C盤用戶文件夾。

          最終效果如下圖所示

          • TML是標簽語言,瀏覽器識別網絡傳遞的最基本的信息就是HTML標簽和標簽包含的內容,所有網頁信息都是這種類型的,開發者用標簽來標記信息內容傳給瀏覽器,瀏覽器識別并解釋標簽要求的種顏色、樣式來展示內容,這種內容一般叫超文本或富文本

          無代碼元件的TAG屬性就是為了定義是什么樣的HTML標簽

          默認的標簽可以在需要時修改,上圖中就是開發區選中一個Pane元件,下部屬性中顯示其為div標簽對象,所以我們一般其稱為顯示塊元件
          

          以上示例是一個表格元件,默認的表格中行元件標簽是tr
          WWW規范中,表格行元件tr中必須是td元件,不能是div或其他,所以如果我們需要放一個顯示塊元件時,需改顯示塊元件的TAG為td
          同理,可以查看表格中默認放的日期、數字TAG都是td
          

          用第三方工具合成自定義的HTML內容

          上例是用百度UEditor在線進行一個表格富文本生成的演示
          注意生成的HTML富文本正常是有換行處理,但在輸入到HTML Display富文本(也叫超文本)顯示元件中時,需刪除換行符號
           · 刪除方式為,將富文本放入一個文本編輯查看工具中,如Notepad++
           · 用查找替換方式,查到\r\n,替換為空格,將超文本轉為一行字符串
          HTML富文本可以用Create From Template模板生成字符串元件來動態生成可變內容
           · 如果動態生成富文本,需將固定寫入的a b ... 改為變量${a} ${b} ... 然后作為模板進行處理
          自定義的HTML富文本在開發中,會常用到,作為高級技能的一部分,建議按以上方式掌握
           · 可以用以生成打印內容,Lodop打印的HTML內容可以用HTML富文本傳入,參考“第三方插件接入”中“Lodop專業打印”一節內容
           · 第三方圖表中的代碼,也是由富文本生成并處理的,參考“第三方插件接入”中“Echarts數據可視化”一節內容
          
          • 建議在線使用Ueditor等專業工具處理富文本
          • · 請參考:https://ueditor.baidu.com/website/onlinedemo.html

          用無代碼HTML富文本顯示元件展示要顯示的內容

          拖放一個HTML富文本顯示元件
          拖入一個字符串常量元件,F2打開后,字符串常量值輸入我們用第三方或自寫的的富文本
          

          *****

          本文為TERSUS無代碼開發手冊文章,供參考學習使用,在有需要詳細了解對應內容時細看學習,敬請關注并轉發文章

          參考我們手冊第一個文章中的2分鐘的計算器功能的拖放連線開發演示,可學會無代碼開發是如何開發軟件的

          想學無代碼軟件開發的學員請先學習3小時免費教學視頻,3小時內可學會開發并開發出一套管理軟件系統,然后看手冊及其他視頻來進階提高快速成為高級開發人員


          主站蜘蛛池模板: 无码欧精品亚洲日韩一区夜夜嗨 | 亚洲av无码一区二区乱子伦as| 亚洲成av人片一区二区三区| 肉色超薄丝袜脚交一区二区| 国产精品无码一区二区三区免费| 亚洲国产一区国产亚洲| 一区二区三区杨幂在线观看| 国产精品一区视频| 日韩精品无码一区二区三区AV| 国精产品一区一区三区有限在线 | 国产在线观看精品一区二区三区91 | 精品人妻一区二区三区毛片| 精品人妻无码一区二区色欲产成人| 中文字幕日韩一区二区三区不| 日韩精品一区在线| 色欲AV蜜桃一区二区三| 69福利视频一区二区| 综合人妻久久一区二区精品| 国产精品无码不卡一区二区三区| 成人丝袜激情一区二区| 亚洲精品无码一区二区| 亚洲一区中文字幕在线电影网| 99久久精品国产免看国产一区 | 国产在线精品一区二区在线看| 日本伊人精品一区二区三区| 国产成人一区二区精品非洲| 一区二区三区四区在线视频| 亚洲国产欧美国产综合一区| 亚洲av无码一区二区乱子伦as| 视频在线观看一区二区三区| 日本一区免费电影| 亚洲天堂一区在线| 国产大秀视频在线一区二区| 午夜一区二区免费视频| 亚洲av午夜精品一区二区三区| 精品国产福利第一区二区三区| 久久精品无码一区二区无码| 动漫精品专区一区二区三区不卡| 国产一区二区三区高清在线观看| 国产精品无码一区二区三级 | 国产一区视频在线|