1. web編程題
1、 編寫一個顯示當前時間的JavaScript函數dis_time(),顯示格式為「 時:分:秒 」。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<script language="javascript">
var MyDate = new Date();
document.write("現在時間是:"+MyDate.getHours()+":"+MyDate.getMinutes()+":"+MyDate.getSeconds());
</script></head><body></body></html>
2、編寫一個函數Min(x,y),求出x,y兩個數中的最小值。
要求:x,y的值由用戶通過信息輸入窗口的文本框輸入,結果用警告窗口顯示出最小的值。
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<script language="javascript">
var x= prompt("請輸入x的值:","");
var y= prompt("請輸入y的值:","");
alert("最小的數是:"+Math.min(x,y) );
</script></head><body></body></html>
3、有一用戶登錄頁面(如下圖),請設計頁面並編寫JavaScript代碼。
要求:1.驗證用戶名不能為空。
2.驗證密碼長度不能低於6位,高於20位。
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<script language="javascript">
function a()
{
var str1 = document.getElementById("a").value ;
var str2 = document.getElementById("b").value ;
if( str1 == "")
{
alert("用戶名不能為空!");return false ;
}
if(str2.length<6||str2.length>20)
{
alert("密碼長度不能低於6位,高於20位!"); return false;
}
}
</script></head><body>
<center>用戶登陸頁面</center>
<center>用戶名:<input id="a" type="text" /><br/></center>
<center> 密 碼:<input id="b" type="password" /><br/></center>
<center><input type="button" value="確定" onclick="return a()" />
</body></html>
4、使用循環語句,讓頁面顯示出如下圖形。
<html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<script language="javascript">
for( var i= 0 ;i<=5;i++)
{
for(var j= 0 ;j<i;j++)
{document.write("★");}
document.write("<br/>");
}
</script></head><body></body></html>
5、設計頁面有一個文本框和一個按鈕,當點擊按鈕後在文本框里顯示0到100之間的隨機數,根據以上描述寫出完整代碼。
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<script language="javascript">
function a()
{var str =Math.random()*100 ; document.getElementById("abc").value =str;}
</script></head><body><input type="text" id="abc"/>
<input type="button" value="提交" onclick="a();"/>
</body></html>
2. 初學前端有什麼推薦的書籍
初學者入門書籍:
中文電子書
深入淺出html pdf中文版
魅麗的網頁設計
Web程序設計(第5版)完整版
HTML & XHTML 權威指南(英文+中文版)
Web編程入門經典:HTML、XHTML和CSS (第2版)
CSS商業網站布局之道(朱印宏著)
HTML與CSS入門經典(第7版)
Eric Meyer 談CSS (卷1)
Eric Meyer 談CSS (卷2)
無懈可擊的Web設計
XHTML實例精解
XHTML技術內幕
HTML簡明教程 中文PDF版
Dynamic HTML權威指南 第3版
XML基礎教程 入門、DOM、AJAX與FLASH(Sas Jacobs[美]著)
網頁視覺設計案例教程
英文原文電子書
Dive Into HTML5
HTML5.and.CSS3:Develop with Tomorrow's Standards Today
HTML5 Step by Step
Beginning HTML with CSS and XHTML
Beginning CSS Web Development 從入門到精通
CSS Web Development從入門到精通
HTML,XHTML,and CSS - Visual Quickstart Guide 第六版
深入淺出HTML(英文版)
Transcending.CSS(英文版)
完美HTML設計 - 使用CSS不用Table (第二版)
HTML, XHTML, and CSS Bible, 5th Edition
CSS禪意花園 (高級CSS開發)
O'Reilly CSS: The Definitive Guide 第三版(CSS權威指南)
Sams Teach Yourself HTML5 in 10 Minutes (5th Edition)
HTML5 and CSS3: Develop with Tomorrow's Standards Today
Wrox Web Standards Programmer's Reference
Spring into HTML and CSS
The Essential Guide to CSS and HTML Web Design
HTML & XHTML - The Complete Reference第四版
XHTML Moving toward XML
Mastering Integrated HTML and CSS
Build your Own WebSite - The Right Way Using HTML and CSS
Head First HTML with CSS & XHTML
The Best Practice Guide to xHTML and CSS
The CSS Anthology (第三版)
The CSS Anthology (第二版)
Sams Teach Yourself HTML 4 in 10 Minutes
Teach Yourself HTML in 10 Minutes 第四版
Ultimate HTML Reference
高級進階電子書:
中文電子書
HTML5高級程序設計(完整版)
css3_for_web_designers
CSS精粹(第3版)
CSS Web設計高級教程 第2版
大巧不工-WEB前端設計修煉之道
博客園精華集 Web標准之道
編寫高質量代碼-Web前端開發修煉之道(完整版)
變幻之美——Div+CSS網頁布局揭秘(案例實戰篇)
Web導航設計
Web表單設計:點石成金的藝術
精通XHTML程序設計高級編程
徹底設計研究CSS
CSS時尚編程百例
英文原文電子書
Don't Make Me Think!
Apress Pro CSS and HTML Design Patterns
Professional CSS: Cascading Style Sheets for Web Design 第二版
The Book of CSS3: A Developer』s Guide to the Future of Web Design
Accessible XHTML and CSS Web Sites: Problem - Design - Solution
How to Do Everything With HTML
O'Reilly CSS Cookbook
A Book Apart CSS3 For Web Designers
Speed Up Your Site: Web Site Optimization
O'Reilly Designing Web Navigation
Beginning CSS: Cascading Style Sheets for Web Design
The Ultimate CSS Reference
Wrox CSS Instant Results
CSS Mastery: Advanced Web Standards Solutions
Creating Cool Web Sites with HTML, XHTML, and CSS
Beginning HTML with CSS and XHTML: Modern Guide and Reference
Accessible XHTML and CSS Web Sites
O'Reilly CSS The Missing Manual
Wiley Creating Web Sites Bible
Pro CSS for High Traffic Websites
HTML Manual of Style 4th
O'Reilly HTML5: Up and Running
Stunning CSS3: A project-based guide to the latest in CSS
The Definitive Guide to HTML5 Video
Canvas Pocket Reference: Scripted Graphics for HTML5
Apress.Pro.HTML5.Programming.Sep.2010
Pro CSS Techniques
W3C官方手冊:
CSS完全參考手冊3.0
xHTML完全參考手冊 5合1 W3C官方權威手冊
HTML 4.01 規范 - W3C官方HTML權威指南
HTML 4.0 參考手冊 CHM
W3C HTML 3.2 規范
CSS 2 權威W3C官方參考手冊 CHM
css手冊2.0 3.0
3. web前端工程師入門需要學什麼
第一階段:前端頁面重構
內容包含了:PC端網站布局項目、HTML5+CSS3基礎項目、WebApp頁面布局項目。
第二階段:JavaScript高級程序設計
內容包含:原生 JavaScript交互功能開發項目、面向對象進階與 ES5/ES6應用項目、JavaScript工具庫自主研發項目。
第三階段:PC端全棧項目開發
內容包含:jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目。
第四階段:移動端項目開發
內容包含:Touch端項目、微信場景項目、應用 Angular+Ionic開發 WebApp項目、應用 Vue.js開發 WebApp項目、應用 React.js開發 WebApp項目。
第五階段:混合(Hybrid,ReactNative)開發
內容包含:微信小程序開發、React Native、各類混合應用開發。
第六階段:NodeJS全棧開發
內容包括:WebApp後端系統開發、一、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL資料庫。
第七階段:大數據可視化
內容包含:大數據可視化基礎與實戰、一、數據可視化入門、二、D3.js詳解、三、其他JS庫。
4. 如何開發Web應用程序
Web應用程序的開發過程
現在特徵已經弄清楚了,我們就可以開始定義開發一個web應用程序的整個過程了。當然,這依賴於工程的大小,過程中的某些步驟可能很小,在你的腦海里就能完成這種工作,但把事情整個的了解一下總是有好處的。同時還有一點很重要的你要明白,這篇文章並不會對每個步驟進行深層次的描述。
步驟一:分析
開發一個web應用的第一步是分析你的需求。你此時應該定義出一個盡量周全的你的應用應該提供的功能清單。如果是你為一個客戶做這些工作,你需要明白他們想要什麼(要確保你們對方都知道對方在說些什麼)。從你們的討論中,你能總結出需求和軟體規格。你即使是為自己開發,我也建議你把希望這個web應用能夠做的功能寫下來。
步驟二:設計
一旦你弄清楚了這個web應用需要做哪些事情,你就可以開始設計了。這個步驟通常會反反復復進行很多次,每一次都把設計細化一些。你第一要做的是畫出頁面流程圖(畫在紙上,或使用軟體工具,憑各自所好吧。我喜歡用紙,這樣我可以做更快速的改變)。頁面流程圖通常是很抽象的黑白繪畫,畫出你將要實現的web應用的樣子(你可以加一些色彩,但盡量保持簡單)。
這個步驟能夠讓你知道你的應用最終會是個什麼樣子。跟37signals倡導的相反,我建議使用一些詞語描述,適度細化。當我想到一個很好的想法時,或想到事情該如何做時,我會把它標注到紙上(例如,當點擊這個按鈕時應該使另外一個元素改變或隱藏,我會把這寫在流程圖上)。
當你對做出的草圖滿意後,你可以開始製作實體模型了。
實體模型仍然是些圖案,但有色彩和細節。最終的實體模型看起來應該像你將要實現的web應用的一個截屏圖。如果你為一個客戶開發,他會看看這些東西,並給你他的認可。然而,很多人都喜歡跳過這一步(大多數都是非設計人員),他們喜歡直接奔向網頁原型。
原型是用HTML開發出來,使用CSS渲染(有時也是有Javascript)。頁面布局要做出來,鏈接能夠點,顏色,字體,字體大小要設定好(如果你做了實體模型,這個會很容易)。這一步非常的重要,因為這里所有的東西都能用於你最終的應用中。如果允許的話,在你的原型上做一些可用性測試,從長期的效果來看,這能使你避免大量的失誤。
在這個步驟的最後,你基本上就知道了你的web應用是如何組織到一起的了。登錄頁面有些什麼,用戶如何從主頁轉向到各個頁面。
步驟三:實現 選擇一個框架
現在我們已經知道了要去開發什麼東西,那就要把它做出來。這一部分的工作很多,你大部分的時間都要花在這個上面。你第一個要做的決定是如何著手,採用什麼樣的技術,什麼框架。你有很多選擇的餘地,你需要選出一個適合你的。下面是一個最常用的框架的列表:
ASP.NET
PHP 上的任何一個流程的框架
Python with Django
Ruby on Rails
沒有一個明確的標准說哪個框架最好。它們都各有不同,每個都有自己的長處。最重要的是你要知道它們任何一個都能讓你開發出好用的web應用。
開發
一旦你知道了如何去開發,那就要甩開臂膀開幹了。這個開發工作可以看作有很多塊,但說到底,這都是標準的編程活動了。在後台,你要創建類,對象,服 務,過程,以及持久層來把這些對象保存到資料庫中。後台是整個應用的核心,對任何應用來說,它跟普通的編程沒有什麼區別。接著是前台的開發,你現在編寫的代碼才是真正給用戶使用的操作界面。你把後台的程序和原型界面集成到一起,把系統各部分集成到一起。你還可以把你在開發過程中想到的一些很炫的小功能用 JavaScript實現。
再說一次,有很多種途徑可以實現後台程序。建議你去讀一讀跟你選擇的框架相關的資料,弄清楚如何實現這一部分的工作。通常,這些知識會跟面向對象編程有關,但有些框架正在慢慢的向領域驅動設計發展。
步驟四:打磨拋光
現在應用程序已經開發出來,各個獨立的模塊也集成到了一起。你需要通過測試來確保你在步驟一中定義的需求和軟體規格是否被實現(這個問題在你開發的整個過程中都要記在腦中)。你要確保那些愚蠢的用戶不能通過試圖做一些你還沒有實現的操作而把你的應用弄壞(參考 白盒 和 黑盒測試)。你同時還要確保你的程序能夠在各種瀏覽器里(希望不是IE6)都能正確的運行。
現在也是你做一些小的調整,改進你的應用程序給人的感覺的時候,讓它趨於完美。
步驟五:發布和後續工作
這最後一步(但不是就此完結)是發布你的應用,讓用戶能夠真正使用它(如果這個應用是個公眾開發的應用,別忘了做新聞宣傳)。如果你願意,先發布一 個Beta版,這樣只有一小部分用戶能夠發現你的應用里的大問題(因為你的程序里肯定會有bug),他們會幫助你改進程序的質量。不要忙著增加功能,要專注於把你目前的程序變的穩固。
當經過了beta階段,你的程序已經變得十分的穩固,聽取用戶反饋的意見,自己試用一下自己的應用,你可以開始思考如何使應用變的更好。找出不和諧的地方,消除掉。以後每次的迭代都要經過上面所說的五個步驟,但就像我最初說的,你現在已經有了一個可以運行的應用程序,你很容易直接在心裡完成這些步驟,直接奔向在代碼里測試你的功能。
恭喜,你已經自豪的成為一個web應用程序的作者了。
5. HTML 的入門書籍有哪些推薦
初學者入門書籍:
中文電子書
深入淺出html pdf中文版
魅麗的網頁設計
Web程序設計(第5版)完整版
HTML & XHTML 權威指南(英文+中文版)
Web編程入門經典:HTML、XHTML和CSS (第2版)
CSS商業網站布局之道(朱印宏著)
HTML與CSS入門經典(第7版)
Eric Meyer 談CSS (卷1)
Eric Meyer 談CSS (卷2)
無懈可擊的Web設計
XHTML實例精解
XHTML技術內幕
HTML簡明教程 中文PDF版
Dynamic HTML權威指南 第3版
XML基礎教程 入門、DOM、AJAX與FLASH(Sas Jacobs[美]著)
網頁視覺設計案例教程
英文原文電子書
Dive Into HTML5
HTML5.and.CSS3:Develop with Tomorrow's Standards Today
HTML5 Step by Step
Beginning HTML with CSS and XHTML
Beginning CSS Web Development 從入門到精通
CSS Web Development從入門到精通
HTML,XHTML,and CSS - Visual Quickstart Guide 第六版
深入淺出HTML(英文版)
Transcending.CSS(英文版)
完美HTML設計 - 使用CSS不用Table (第二版)
HTML, XHTML, and CSS Bible, 5th Edition
CSS禪意花園 (高級CSS開發)
O'Reilly CSS: The Definitive Guide 第三版(CSS權威指南)
Sams Teach Yourself HTML5 in 10 Minutes (5th Edition)
HTML5 and CSS3: Develop with Tomorrow's Standards Today
Wrox Web Standards Programmer's Reference
Spring into HTML and CSS
The Essential Guide to CSS and HTML Web Design
HTML & XHTML - The Complete Reference第四版
XHTML Moving toward XML
Mastering Integrated HTML and CSS
Build your Own WebSite - The Right Way Using HTML and CSS
Head First HTML with CSS & XHTML
The Best Practice Guide to xHTML and CSS
The CSS Anthology (第三版)
The CSS Anthology (第二版)
Sams Teach Yourself HTML 4 in 10 Minutes
Teach Yourself HTML in 10 Minutes 第四版
Ultimate HTML Reference
高級進階電子書:
中文電子書
HTML5高級程序設計(完整版)
css3_for_web_designers
CSS精粹(第3版)
CSS Web設計高級教程 第2版
大巧不工-WEB前端設計修煉之道
博客園精華集 Web標准之道
編寫高質量代碼-Web前端開發修煉之道(完整版)
變幻之美——Div+CSS網頁布局揭秘(案例實戰篇)
Web導航設計
Web表單設計:點石成金的藝術
精通XHTML程序設計高級編程
徹底設計研究CSS
CSS時尚編程百例
英文原文電子書
Don't Make Me Think!
Apress Pro CSS and HTML Design Patterns
Professional CSS: Cascading Style Sheets for Web Design 第二版
The Book of CSS3: A Developer』s Guide to the Future of Web Design
Accessible XHTML and CSS Web Sites: Problem - Design - Solution
How to Do Everything With HTML
O'Reilly CSS Cookbook
A Book Apart CSS3 For Web Designers
Speed Up Your Site: Web Site Optimization
O'Reilly Designing Web Navigation
Beginning CSS: Cascading Style Sheets for Web Design
The Ultimate CSS Reference
Wrox CSS Instant Results
CSS Mastery: Advanced Web Standards Solutions
Creating Cool Web Sites with HTML, XHTML, and CSS
Beginning HTML with CSS and XHTML: Modern Guide and Reference
Accessible XHTML and CSS Web Sites
O'Reilly CSS The Missing Manual
Wiley Creating Web Sites Bible
Pro CSS for High Traffic Websites
HTML Manual of Style 4th
O'Reilly HTML5: Up and Running
Stunning CSS3: A project-based guide to the latest in CSS
The Definitive Guide to HTML5 Video
Canvas Pocket Reference: Scripted Graphics for HTML5
Apress.Pro.HTML5.Programming.Sep.2010
Pro CSS Techniques
W3C官方手冊:
CSS完全參考手冊3.0
xHTML完全參考手冊 5合1 W3C官方權威手冊
HTML 4.01 規范 - W3C官方HTML權威指南
HTML 4.0 參考手冊 CHM
W3C HTML 3.2 規范
CSS 2 權威W3C官方參考手冊 CHM
css手冊2.0 3.0
6. web 編程是什麼
WEB編程語言,分為WEB靜態語言和WEB動態語言,WEB靜態語言就是通常所見到的超文本標記語言 (標准通用標記語言下的一個應用[1]),WEB動態語言主要是ASP,PHP,JAVASCRIPT,JAVA,CGI等計算機腳本語言編寫出來的執行靈活的互聯網網頁程序等。
7. web前端開發如何入門提高
Web前端開發是一個非常熱門的職業,但是要成為一個優秀的web前端開發師需要掌握的知識可不少。有碼互聯可以大概簡單的來說,web前端需要掌握的知識是包括了:CSS、JAVASCRIPT、XML、HTML、JSON、伺服器腳本語言、頁面優化性能、開發服務api接入...