資訊專欄INFORMATION COLUMN
摘要：網站信息頁面需求分析我們公司的需要一個對外宣傳的網站介紹介紹公司的主要業務公司的發展歷史公司的口號等等信息技術分析概述超文本標記語言超文本比普通文本功能更加強大可以添加各種樣式標記語言通過一組標簽來對內容進行描述關鍵字是由瀏覽器來解釋執行靜
1.網站信息頁面 1.1需求分析:
我們公司的需要一個對外宣傳的網站介紹,介紹公司的主要業務,公司的發展歷史,公司的口號等等信息
1.2技術分析:HTML: Hyper Text Markup Language 超文本標記語言
超文本: 比普通文本功能更加強大,可以添加各種樣式
標記語言: 通過一組標簽.來對內容進行描述. <關鍵字> , 是由瀏覽器來解釋執行
靜夜詩
--李白
床前明月光,
地上鞋兩雙,
舉頭望明月,
低頭思故鄉.
生活所迫,今天的課程,群英妹子不讓回家.
設計網頁的基礎,HTML5
1.3步驟分析:
公司簡介 需要標題
水平分割線
四個段落
第一個段落字體需要紅色
1.4代碼實現:
網站信息頁面
公司簡介
一直以來，騰訊科技以技術視角關注IT產業發展，以深度分享推進產業技術成長，致力于弘揚技術創新，倡導分享、 開放和協作，努力打造高質量的IT人才服務平臺。
? b : 加粗
? i : 斜體
? strong: 加粗, 帶語義標簽
em: 斜體, 帶語義2.網站圖片信息 2.1需求分析:
在我們的網站中通常需要顯示LOGO圖片,顯示效果如下
2.2技術分析img 標簽:
? 常用的屬性;
? width : 寬度
? height: 高度
? src : 指定文件路徑
? alt: 圖片加載失敗時的提示內容
2.3步驟分析 2.4代碼實現
2.5 擴展-文件路徑
相對路徑
./ 代表的是當前路徑
../ 代表的上一級路徑
../../ 上上一級路徑
3.網站友情鏈接頁面
3.1需求分析
在我們的網站中,通常會顯示友商公司的網站鏈接
百度
新浪微博
黑馬程序員
3.2技術分析列表標簽:
? 無序列表: ul
? type: 小圓圈,小圓點, 小方塊
? 有序列表: ol
? type: 1,a ,A,I,
? start : 指定是起始索引
3.3步驟分析 3.4代碼實現
? 點擊鏈接,跳轉去指定網站
? a 超鏈接標簽
? 常用的屬性:
? href: 指定要跳轉去的鏈接地址
? 如果是網絡地址需要加上http協議 ,
? 如果訪問的是本網站的html文件,可以直接寫文件路徑
? target : 以什么方式打開
? _self: 默認打開方式,在當前窗口打開
? _blank: 新起一個標簽頁打開頁面
上午內容回顧:
網站信息案例
字體標簽 font
color: 顏色
size: 大小 1~7
face: 改變字體
p 段落標簽
h標題標簽 : 1~6
br 換行
hr 水平線
b 加粗
i 斜體
strong : 加粗 包含語義
em : 斜體 包含語義
網站圖片案例
img標簽
src : 指定圖片的路徑
width: 寬度
height: 高度
alt : 圖片加載錯誤時的提示信息
相對路徑:
./ 代表的是當前路徑
../ 代表的上一級路徑
../../ 代表的上上一級路徑
友情鏈接:
ul: 無序列表
type :
ol: 有序列表
type : 樣式
start : 起始索引
li : 列表項
a 超鏈接標簽
href : 要訪問的鏈接地址
target : 打開方式
網站首頁
table標簽
border: 指定邊框
width : 寬度
height : 高度
bgcolor : 背景顏色
align : 對齊方式
tr標簽
td標簽
colspan: 跨列操作
rowspan: 跨行操作
表格單元格的合并
表格的嵌套
4.網站首頁 4.1需求分析:? 根據產品文檔,完成商城首頁,顯示效果如圖:
4.2技術分析:? table標簽:
? 常用的屬性:
? bgcolor : 背景色
? width : 寬度
? height : 高度
? align : 對齊方式
? tr 標簽
? td 標簽
? colspan : 跨列操作
? rowspan : 跨行操作
? 注意: 跨行或者跨列操作之后,被占掉的格子需要刪除掉
? 在td中可以嵌套一個表格
4.3步驟分析創建一個8行一列的表格
第一部份: LOGO部分: 嵌套一個一行三列的表格
第二部分: 導航欄部分 : 放置5個超鏈接
第三部分: 輪播圖
第四部分: 嵌套一個三行7列表格
第五部分: 直接放一張圖片
第六部分: 抄第四部分的
第七部分: 放置一張圖片
第八部分: 放一堆超鏈接
4.4代碼實現
|
|||||||||||||||||||
| 首頁 手機數碼 鞋靴箱包 電腦辦公 香煙酒水 | |||||||||||||||||||
|
|||||||||||||||||||
|
|||||||||||||||||||
|
關于我們
聯系我們
招賢納士
法律聲明
友情鏈接
支付方式
配送方式
服務聲明
廣告聲明
Copyright ? 2005-2016 傳智商城 版權所有 |
|||||||||||||||||||
? 編寫一個HTML頁面, 顯示效果如圖所示
5.2技術分析:
表單標簽
表單標簽
action : 直接提交的地址
method :
get 方式 默認提交方式 ,會將參數拼接在鏈接后面 , 有大小限制 ,4k
post 方式 會將參數封裝在請求體中, 沒有這樣的限制
input :
type: 指定輸入項的類型
text : 文本
password : 密碼框
radio : 單選按鈕
checkbox : 復選框
file : 上傳文件
submit : 提交按鈕
button : 普通按鈕
reset : 重置按鈕
hidden : 隱藏域
date : 日期類型
tel : 手機號
number : 只允許輸入數字
placeholder : 指定默認的提示信息
name : 在表單提交的時候,當作參數的名稱
id : 給輸入項取一個名字, 以便于后期我們去找到它,并且操作它
textarea : 文本域, 可以輸入一段文本
cols : 指定寬度
rows : 指定的是高度
select : 下拉列表
option : 選擇項
步驟分析:
logo部分
導航欄
注冊部分
頁腳圖片
網站聲明信息
5.3代碼實現: 6.網站后臺頁面展示 6.1需求分析:我們前面已經做完了首頁商品展示, 那么我們需要一個頁面用來編輯我們的商品信息, 還有商品分類, 用戶購買之后,還得有訂單管理頁面
6.2技術分析框架標簽:
frameset
注意: 使用了frameset必須將body刪掉,否則頁面會有問題
frame
常用屬性:
? src: 引入的html文件路徑
? name: 指定框架的名稱
框架中點擊跳轉
常用的快捷鍵Ctrl + D 刪除光標當前所在的行 Ctrl + Shift + R 復制當前行到下一行 Ctrl + Enter 將光標移動到下一行 Ctrl + Shift + Enter 將光標定位在上一行 Ctrl + Shift + / 注釋當前行 Ctrl + R 運行當前網頁/刷新當前網頁
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/53104.html
摘要：前言為了鞏固開發的流程，我們再拿一個客戶關系管理系統來練手成果圖我們完成的就是下面的項目搭建配置環境配置導入開發包建立開發用到的程序包在數據庫創建相對應的表開發實體開發實體十分簡單，對照著數據庫的表就行了各種開發獲取數據庫連接池的導入配置文 前言 為了鞏固開發的流程，我們再拿一個客戶關系管理系統來練手...！ 成果圖 我們完成的就是下面的項目！ showImg(https://segm...
摘要：中主要是使用語言。將的動態功能和標準的安全性引入大型網絡應用的開發集成部署和管理之中。提供了一個圖形界面的管理工具，稱為信息服務管理器，可用于監視配置和控制服務。 一、基本概念 1.1、WEB開發的相關知識 WEB，在英語中web即表示網頁的意思，它用于表示Internet主機上供外界訪問的資源。 Internet上供外界訪問的Web資源分為： 靜態web資源（如html 頁面...
摘要：當后繼請求相同的頁面時，容器加載之前生成的類，并且通知去執行已經存在的字節碼，從而省去了轉換的過程，這也是第一次執行頁面時間較長的原因。 以往學習的時候大多是看完書或者看完視頻，動手實踐一下就OK了。然而過了一段時間我發現東西都忘差不多了，需要復習才能重新掌握。現在開始學習JavaWeb了，我將在這里記錄自己的學習的一點一滴，不僅便于自己以后回顧知識點，也希望能對JavaWeb初學者有...
基于javaweb+jsp的學生成績管理系統 JavaWeb JavaBean JSP MVC MySQL Tomcat JavaScript idea eclipse MyEclipse Servlet SSM Maven … 部分代碼實現JSP let editIndex = layedit.build('LAY_demo_editor'); ...
閱讀 1750·2021-09-28 09:43
閱讀 1111·2021-09-23 11:22
閱讀 2707·2021-09-14 18:05
閱讀 1823·2019-08-30 15:52
閱讀 2812·2019-08-30 10:55
閱讀 2007·2019-08-29 16:58
閱讀 1323·2019-08-29 16:37
閱讀 3031·2019-08-29 16:25
