中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

兒童也能設(shè)計(jì)網(wǎng)頁:預(yù)備好建立網(wǎng)站_成都網(wǎng)站建設(shè)_創(chuàng)新互聯(lián)

2022-12-22    分類: 網(wǎng)站建設(shè)

在這次的教程,我們將學(xué)習(xí)所需要用到的一些東西和工具才開始為Tuts+之城網(wǎng)站寫代碼;我們會(huì)很快進(jìn)入正題的,我保證! 還有,別忘了在此頁面下方的評(píng)語框內(nèi)發(fā)問任何問題。

首先,讓我們先看看我們究竟會(huì)一起創(chuàng)建什么!

草稿

在還未創(chuàng)建任何東西以前,先把腦子里面有的主意擬定一個(gè)草稿,是很有幫助的。 這是一個(gè)很好的練習(xí),它能幫助我們?cè)趯懘a的時(shí)候省下很多時(shí)間。

或許我們腦子里面想到的在紙上卻看起來不怎樣? 或許在草稿時(shí)我們發(fā)現(xiàn)有新的難處和問題? 或者我們的設(shè)計(jì)過于花綠? 很多像這樣的問題會(huì)浮現(xiàn)在我們的草稿里面。

若你看草稿的第一眼很不順眼沒關(guān)系,這正是我們要它發(fā)生的情形! 我們要讓這些情形先發(fā)生在紙上。

草稿

擬定Tuts+之城網(wǎng)站的草稿

我們需要一個(gè)網(wǎng)站,能讓訪客到訪并了解我們的城市提供什么商店及生意。 我們要將這些生意合理的歸類,如“旅館”在一組而“餐館”在另一組。 我們要加入這些生意各自的網(wǎng)站鏈接,好讓訪客們可以點(diǎn)擊查詢更多詳情。

我們會(huì)使用一些圖像讓我們的城市有迎賓的感覺。

這個(gè)草稿顯示網(wǎng)站完整的設(shè)計(jì)及顏色的預(yù)覽。

擬定Tuts+之城網(wǎng)站的草稿

這是我們要從零開始創(chuàng)建的真正網(wǎng)站!蠻整齊利落的。

編輯

我們需要一個(gè)文本編輯器來寫HTML代碼 (就是在課程一所提過的秘密語言)。

最好不要使用類似Microsoft Word的應(yīng)用程式, 因?yàn)檫m當(dāng)?shù)拇a文本編輯器會(huì)讓我們的工作更容易些。 代碼編輯器明白我們所寫的并能讓代碼正確顯示顏色,而Microsoft Word 舉例來說比較合用于寫學(xué)校報(bào)告書。

在網(wǎng)上你可以免費(fèi)下載一些不錯(cuò)且是免費(fèi)的代碼編輯器。 若你不確定如何下載東西,或不確定你是否應(yīng)該下載,最好是先問過大人。

Bluefish很適合用在Windows的電腦,而Atom則適用于Mac.

編輯

我們會(huì)在下一個(gè)課程更多講解這句話的意思,但現(xiàn)在你可以大概預(yù)料你將會(huì)寫什么。

文件,文件,文件

我們之前有提過,網(wǎng)站不過是一堆的文件。 這些文件必須放在同一個(gè)文件夾里才能讓瀏覽器得到它們。

Tuts+之城網(wǎng)站將會(huì)有一個(gè)HTML文件(以 .html 副檔名為結(jié)尾保存),一個(gè)CSS文件(以 .css 副檔名為結(jié)尾保存),以及保存在“images”文件夾的四張圖像。 圖像文件夾會(huì)放在和HTML及CSS文件的同一個(gè)文件夾中。

副檔名是文件名字句號(hào)過后的文字,它告訴我們文件的格式是什么:

文件,文件,文件

如前所提,我們的圖像將保存在一個(gè)名為“images”的文件夾,而這個(gè)文件夾是在我們主要頁面的文件夾里面,如圖:

文件,文件,文件

以上圖表顯示我們有一張名為 town.svg的圖像 (.svg 是圖像其中一種副檔名),我們將它放入一個(gè)名為“images”的額外文件夾。 這樣做讓東西更為整齊:

文件,文件,文件

這兩種方式都正確,但我們會(huì)使用額外文件夾,如右邊的圖表。

瀏覽器

我們將在瀏覽器看到我們所做的,就像現(xiàn)在你也使用瀏覽器瀏覽這個(gè) Tuts+ 網(wǎng)頁!

若你還沒有一個(gè)瀏覽器,網(wǎng)上有很多瀏覽器可免費(fèi)下載,如 Google Chrome 和 Firefox. 若你是使用 Mac 電腦,你就有已經(jīng)安裝好了的 Safari, 多好!

還沒有在網(wǎng)上

我們將在我們的電腦里面建立網(wǎng)站,而不是在網(wǎng)上哦。 若你還記得我們的課程一,我們已經(jīng)講解過,若沒有把網(wǎng)站架在服務(wù)器,我們就無法在網(wǎng)上看到網(wǎng)站的。

瀏覽器

以下圖像顯示一個(gè)完成的網(wǎng)站在原地(不是在網(wǎng)上)透過瀏覽器被瀏覽的樣子。 我們不會(huì)見到 www.tutsplus.com 的網(wǎng)址,我們看到的是網(wǎng)站原地網(wǎng)址,看起來有點(diǎn)不一樣的:

瀏覽器

做得好!

在此課程我們看過了重要的東西,它們會(huì)幫助我們預(yù)備好來寫網(wǎng)站的代碼。 我們學(xué)到如何預(yù)備文件以及一些工具如文本編輯器和瀏覽器。

創(chuàng)新互聯(lián)專業(yè)從事成都網(wǎng)站建設(shè),重慶網(wǎng)站設(shè)計(jì),成都網(wǎng)站制作

文章題目:兒童也能設(shè)計(jì)網(wǎng)頁:預(yù)備好建立網(wǎng)站_成都網(wǎng)站建設(shè)_創(chuàng)新互聯(lián)
網(wǎng)頁地址:http://m.rwnh.cn/news23/224823.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站、網(wǎng)站排名ChatGPT、搜索引擎優(yōu)化、做網(wǎng)站App開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

商城網(wǎng)站建設(shè)
广丰县| 安化县| 杭州市| 邛崃市| 石嘴山市| 石阡县| 湘乡市| 繁昌县| 黄浦区| 全椒县| 榆社县| 泰和县| 克山县| 湄潭县| 家居| 德令哈市| 丽江市| 胶南市| 武威市| 靖宇县| 肇庆市| 海口市| 洛阳市| 绩溪县| 蒲城县| 南昌县| 寿宁县| 安阳县| 哈巴河县| 旌德县| 类乌齐县| 抚远县| 临江市| 郁南县| 云和县| 论坛| 平和县| 永年县| 淳化县| 西畴县| 财经|