日記網頁篇一：實訓05心情日記(框架網頁)

實訓五 制作“心情日記”網頁

目的：基本學會使用框架布局網頁 任務1創(chuàng)建框架集

任務2制作媒體日記網頁 任務3使用鏈接控制框架內容

通過本次實訓，制作如下效果的網頁“心情日記”

任務1創(chuàng)建框架集

框架：把瀏覽器窗口劃分為若干個區(qū)域，每個區(qū)域稱為一個框架，每個框架顯示一個網頁。 框架集：一個瀏覽器幾個框架的集合。

一、需求分析

非常明顯，上面的網頁（瀏覽器窗口）被分成3部分。

二、創(chuàng)建目錄結構如下表

導入圖片和視頻：下載，圖片復制到<diaryimages>，視頻復制到<media>

三、創(chuàng)建框架集

“文件”菜單－“新建”，作下面的操作、選擇

四、保存框架

“文件”菜單－“保存全部”

然后根據提示保存并設置合適的文件名

第一次保存時，如果瀏覽器窗口被分為3部分，將被保存為

4個文件

文件名一般用對應的英文單詞命名：最上邊top，左：left，右：right 最大的一個:main1 外框：（主頁）index.html

五、選擇框架集并設置屬性

在框架面板中，單擊最外邊框，選中框架集，在屬性面板中，按如下設置

單擊次外邊框，選中下方1行2列的框架集，按下面設置

六、保存框架和框架集

完成后，從文件菜單選擇“保存全部”關閉全部網頁。

七編輯左框架left.html

在文件面板中雙擊打開“l(fā)eft.html”，按下面的要求編輯網頁

網頁屬性：字號：12px，字體顏色：＃000000，背景色#D4E4FD，上邊距0，左邊距0， 標題編碼：心情日記、簡體中文

創(chuàng)建表格，id＝kuang，寬度200px，1行1列，邊距、間距、邊框0 單元格高度：500px，垂直對齊：頂端

在“kuang”表格中創(chuàng)建表格：5行1列，寬度100％，間距10，粗細0，邊距0

單元格高度20，背景色#EEF0FF

5個單元格中依次添加圖片diaryimages\arowblue.gif

5個單元格中依次添加文字： 個人日記情感天地休閑搞笑天下雜侃媒體日記（圖片和文字

之間有4個空格）

八、編輯頂部框架top.html

在文件面板中雙擊打開“top.html”，按下面的要求編輯網頁

? ? ?

網頁屬性：背景色#D4E4FD，標題/編碼：心情日記，簡體中文GB2312,左邊距0，上邊距0 網頁中插入圖片文件：diaryimages/biaoti.jpg 保存網頁，預覽效果，關閉網頁。

九、編輯主框架網頁main1.html

在文件面板中雙擊打開“main1.html”，按下面的要求編輯網頁

網頁屬性：文本大小12px顏色：＃000000，，背景色：#EEF0FF，標題/編碼：個人日記,簡體中文GB2312，邊距：

插入一個表格：3行2列，590像素寬度，填充0，間距3邊框0，水平對齊：左

第1行第一個單元格寬度14，高度30，其中插入圖片“diaryimages/point1.gif”，后一個單元格輸入“個人日記”四字。

第2行兩個單元格合并為1個，然后在這個單元格插入一個10行1列，寬度100％，填充、間距、邊框0

的表格，單元格高度為20。 在10個單元格中從上到下依次輸入（）：

·

面對嶄新的2008年。2008年我該怎么度過？？..2007-12-1 ·

河北省科技工程學校趣味運動會(紅旗方隊)..2007-11-30

· 5年前的我們和5年后的我們。馬上就要分離咯..2007-11-29 · 某一天..2007-11-28

· 壯觀--北京奧運會主會場..2007-11-27

第3行兩個單元格合并為1個，單元格高度：25 效果如下

?

用同樣的方法創(chuàng)建另外三個網頁(方法是：把上面網頁的標題、和內容修改然后另存為??)

Main2.html：情感天地

情感天地

· 我的心，不后悔，反反復復都是為了你，千紙鶴，千份情，在風里飛..2007-11-25 · 一個感人的故事<如果我瘦了，你會娶我嗎?[感人ing]> ..2007-11-24 · 1個故事2種愛!! ..2007-11-23 · 看一個故事說一說話 ..2007-11-22

· 一滴眼淚,留下一生的思念 ..2007-11-21

Main3.html：休閑搞笑

幽默故事

· 周恩來總理機智幽默故事..2007-11-1

· 看看吧——八個幽默故事,讓你讀... ..2007-10-30 · 好男兒場景幽默故事 ..2007-10-29 · 情況不同 ..2007-10-28

· 一句話經典（搞笑的） ..2007-10-27

Main4.html：天下雜侃

天下雜侃

· 第一次帶爺爺吃麥當勞 !真正感動我們的只須一張圖片！..2007-11-20 · 大學生一定要理解的15件事... ..2007-11-19 · 史上最玄的11大巧合 ..2007-11-18

· 中國第一勇將，你認為是誰？ ..2007-11-17

· 不是路已走到盡頭，而是該轉彎了 ..2007-11-16

日記網頁篇二：網站編輯實習日記范文2015

網站編輯實習日記范文2015

眾所周知，首都北京，有著太多太多復雜的意味。它是整個中國的核心，也是決定全國經濟大局與命脈的關鍵所在�？墒牵�硬幣的另一面卻是這個一線城市一直摘不掉的創(chuàng)可貼――高額的房價、擁擠的交通、快節(jié)奏不斷加班的寫字樓工作??

所以，當我決定把自己的職業(yè)目標定位于此時，本是沒什么底氣和勇氣。這個城市會容納我嗎?我會很快很好的溶入到這個城市嗎?從學生到職員，每個人都為小說《杜拉拉升職記》中的杜拉拉捏過一把又一把的汗，社會兇險，職場險惡，但每個人都又或多或少拿杜拉拉當作自己奮斗的榜樣，但是，我會是那個杜拉拉嗎?

帶著這些疑問，卻來不及過多的思考，我便在北京匆忙地開始了我人生中的第一份工作。

一、匆忙入職

從接到面試電話到最終通知入職開始試用期，總共不過30個小時的時間。接到可以入職的電話，是在北京晚上六點的公交車上。找工作的過程是漫長而又飽受煎熬的，特別是不借助任何外力，僅憑一紙文憑和大學里的實踐經驗，想要敲響一個公司的大門更是難上加難。所以，當我接到通知入職的電話時，心情既意外又興奮。意外的是，這家合資網絡公司規(guī)模雖不大，但主管以上級別均是國內最高等學府的畢業(yè)生，部分主管甚至擁有著留學經歷和較長時間的網絡媒體從業(yè)經驗;興奮的是，在前輩們的口中，找工作仿佛是一件特別難的事情，媒體輿論渲染、大量官方非官方數據統(tǒng)計、招聘會上看到形形色色的愁眉苦臉??

一切的一切，都在讓我不斷對自己曾經努力爭取到的一切感到懷疑。但這個城市和時間一樣，容不得我多想太多，坐著晚上八點多開往保定的火車，我開始在火車上籌劃明天早上入職的事情。

第一天工作，我卻因為要趕火車的原因，不得不“被遲到”一次。很狼狽的拖著行李來到公司，接待我的依然是面試當天接待我的文秘。整個公司分兩層，但仍然能夠清晰的聽到電話聲、敲鍵盤聲，快節(jié)奏的一切不斷提醒著我這不再是學校，你要奔馳起來。

作為新員工，熟悉部門和其他老員工是必修課，但與陌生人交往一直不是我的強項，可是公司根本不會考慮強項或是弱項，必須做的事情，根本沒有機會說no。在秘書的帶領下，我匆忙的熟悉了公司的每一個部門，試圖努力記住每一個新認識的員工的名字，但仍然因為緊張大多數人的名字很快就忘記了，不過公司里的每一個人在接納新員工時都是抱以微笑，這讓我忐忑的心略微輕松了一些。不過最重要的環(huán)節(jié)還在后面，那就是要去見公司的ceo。在這個過程中，讓我想到了《杜拉拉升職記》中杜拉拉所在的部門主管李斯特，杜拉拉形容他“能準確地記住每一位經理的名字，和所有的大老板一樣，他有力地和人們握手，拍他們的肩膀，并且洪亮爽朗的大笑，和他說話打招呼的員工受他感染，都開心地笑著”。

的確如此，當我真正見到傳說中登上xx年福布斯中國最值得關注的九位年輕富豪之一的ceo時，我的心里這樣感嘆。本以為ceo會高高在上，但在我沒有進辦公室門之前，ceo已經站在門口向我微笑。這一點讓我驚訝也讓我感動，我本不是一個會自我放松的人，但老板的熱情讓我確定我的選擇，至少，在這樣一個周圍都是高學歷、多經歷、擁有明確企業(yè)文化的團隊中工作，本就是公司提供的不可見福利之一。

熟悉了整個公司從技術到運營再到市場，最后我終于來到自己所在的網站編輯部。主編將我分配到關系到整個網站贏利與否的知識頻道，負責帶我的姐姐是全公司業(yè)績最好的，心里自覺壓力陡增，也又一次感受到被重視的感覺。

二、工作中的否定與自我否定

網絡媒體一直都是以效率著稱的媒體，高效意味著忙碌，也意味著偶發(fā)性強。所以，雖然只是剛入職，但工作中的每天都在不斷學習和接受從來不曾接觸的新知識、新技術。

日記網頁篇三：設計日記20篇

影視藝術技術學院學院

畢業(yè)設計（論文）記錄簿

課題名稱 學 號 姓 名 專 業(yè)藝術設計（廣告創(chuàng)意）

指導教師 _方茜_______________

作業(yè)期限

注 意 事 項

1、與畢業(yè)設計（論文）有關的資料應記在記錄本上，不得另作私人記錄。

2、畢業(yè)設計記錄本可以電子記錄，畢業(yè)設計結束時用A4紙打印存檔；或者直接打印模

板手工記錄。

3、記錄本不得遺失或外傳，萬一遺失時，應即報告處理。

4、教研室認為個別較好的記錄本有參考價值時，可向院（系）建議，由院（系）資料室保管。

5、有關記錄本的保管同接受單位的具體規(guī)定有矛盾時，應由學校出面磋商解決。

本次選擇的課題是網頁視覺呈現，在這之前從未接觸過這樣的課題，在年中去到了一家電商平臺實習，所以接觸到網頁設計這一塊的內容，剛開始有些出乎意料，畢竟學校并沒有針對這一塊的學習，所以心里還是很膽怯的，但是在領導的指導下，慢慢發(fā)現網頁設計這塊還是很有趣的，他所考慮的方面有很多，在ui上是否能夠第一時間表達其功能，在這方面需要做到不需要注解也可以直觀的表達其內涵，其次在整體布局上，因為我們公司是一個商城類的網站，所以在商品的成列，和購物之類按鈕的擺放上來說是需要推敲的，所以在這方便還需要下一番功夫，最后就是視覺的整體呈現還是不能脫離公司本身的特色，包括顏色，在細節(jié)上是注重簡約還是復古，所以做網頁設計還是很有挑戰(zhàn)性的，我想這次的課題還是在非常有趣味的！

（二） 12月5日 第一稿的制作是基于之前的一稿設計，畢竟之前沒有做過，先拿一款試試手，做的是網站個人中心這一塊，內容很豐富，包括個人信息、購物過的產品、關注品牌、關注產品，在這里還要特別說明一下，我們公司網站還有設計師板塊，功能是能夠注冊設計師來上傳作品，就這些功能板塊，我基于之前的設計，把分類排在左側作為一個功能欄，方便用戶點擊進入相應的板塊，隨即進入右側內容信息的設計，在對網頁排版上，其實和其他排版從屬性上來說差不多，主要是要注意字的大小和行與行之間的間距問題，具體我參考了很多別的網站，包括國內主要的一些有特色的網站，比如說良倉之類的，還有一些國外的網站，多數為日本的網站，因為至少在字形上與中文字類似，參考日文字還是可以說明一些問題的，而且日本的設計上非注重排版這個問題，個人表示很喜歡，也希望做到如此用心的設計。

（三） 12月8日 在考慮完字的大小時，我也問了公司一些做網頁前端人的經驗，畢竟在這方面他們看的比較多，正文的大小字體，英文字體的大小，而標題的正文大小，我希望做的到一點，這樣可以明顯的與下文區(qū)別開來，其次也加了英文的標題，因為中文的方塊字排在一起確實讓人有些疲倦，適時加些英文字來緩解一下氣氛，整體個人中心的設計還是屬于中規(guī)中矩，主要是想把內容說清楚，雖然做了很多功能性設計，比方說個人經驗條設置在用戶頭像上形成環(huán)形旋轉來表示大小之類的，可是事實前端和后臺對于這一塊的實現還是比較難的，所以在網頁設計這一塊不光是要好看，還是要考慮能不能實現這個問題，不然的話就是在白做功夫。

今天最大的收獲是了解了平面排版的整個流程，并熟悉了平面排版的軟件。其實無論是畫冊設計還是報紙排版或是廣告設計，ps的圖片功能都是無比強大的，在做版頭、報眉、刊頭的時候都會用到ps。所以無論如何ps的所有功能我都必須非常熟悉，這樣在做效果時就會很輕松。要把平面設計里的一些設計構思與板式設計結合在一起，這是我實習的最大目的。畢竟我是學平面設計的光是一個小小的排版難不倒我，而真正使報紙具有可觀賞價值才是我應該思考和學習的。我看過許多城市的報紙，廣州、上海、重慶的都做得不錯，有許多東西都可以借鑒，包括網頁設計中許多的構圖都是可以參考的�？傊�設計就是再構思、組合的一個過程�？梢杂幸恍┳约涸O計的版面出版。這樣也為我以后打下一點基礎。

（五） 1月15日 在設計完個人中心以后，接著是一些網站細節(jié)的完善和改進，比如說產品的遮照的設計，上面需要表現包括產品的名稱、價格，還需要在上面添加立即購物和加入購物車這兩個功能，其實也就是一塊小的排版設計，但是等設計出來才會發(fā)現問題的所在，在做網站的過程中有幾次有幸到了外包公司一同完成網站，這才發(fā)現一些問題在實際實現的時候才會出現問題，比如說產品名稱如果超出一行十個字的適量后會發(fā)生什么，產品價格高的時候是否是居中排列之類的，所以在設計的時候需要把這些狀況下的設計都做出來，所以總被領導說做設計的時候缺乏考慮，這一點我還要不斷的改進！所以之后我考慮了各種狀況，做出來各種狀況下他該出現的表現到底是怎樣的，這樣一來也方便的網頁前端人的實現。

（六） 1月19日

在做完一些網站基本頁面的設計以后，其實整個網站還是一個空著的軀殼，里面內容信息都還是沒有的，包括主題banner、廣告位banner、產品詳情頁等等，之前也未涉及過這一方面的設計，又是一些新的東西出現，不過感覺上都是一樣的，做廣告banner圖的時候主要是要考慮產品和文字信息的擺放時候舒服，類似淘寶，但是內心還是很不喜歡淘寶的風格，太粗暴，所以還是喜歡在高格調中展現產品吧，我想主要還是不要讓顏色太豐富，同時風格也不要太山寨，在這里還是要多借鑒一下國外的設計，其次畢竟是公司的產品，還是要帶公司特色的，母公司的風格就是高格調，奢華品質感，這些都要一并表現在banner圖上，因為用戶在進入網站以后第一眼就會看見的是大大的廣告位，所以說廣告位的作用可想而知。

第一版的網頁設計終于達到了尾聲，雖然我只做了一小部分的工作，但是收獲還是很大的，花了1個月時間瘋狂地在瀏覽世界各地的網站，以前沒學過的現在學，沒什么事是一下子就會的，雖然個人領悟力比較低，但是一旦領悟了，還是比較無敵的，言歸正傳，在第一版設計完工后，整體感覺還是中規(guī)中矩的，因為這一版也是基于最初版的網頁框架來的，所以難免會在設計風格的把握上有所限制，不過還算是一個好的開始，在完成設計后，網站還需要測試，在幾輪測試之后，發(fā)現有很多bug包括用戶體驗上，缺少反應動畫或者信息，問題還是比較多的，考慮的還是太少，這些坑還是要快速填掉，畢竟網站已經上線，被用戶發(fā)現就不好了。

（八）1月26日 在完成第一版的設計和實現過后，有一段時間沒有碰過網站，有些時候設計如果遇到了瓶頸，你就需要先放一放，回過頭再來看，再來看第一版的網頁，總是覺得有些太過與平凡，不知道是看多了眼睛麻木了，總覺得好像是提不起興趣，缺少了一些購買的欲望或者是缺少了一些趣味，我們也是一家設計公司，網站做的如此平凡總覺得不應該，所以我的領導和大家思考是否要重新再來一版，在統(tǒng)一意見后，我們便開始著手開始了新一版的設計，這次的網頁可是從頭再來開始做了，內心還是有些小激動的，雖然可能還是一知半解，但是還是很有信心做這一次的設計。

（九） 1月29日 第二版的設計風格我們希望完全顛覆原有的一頁式，變化為一屏式，也就是完整的一份內容呈現在一個屏幕的大小的內容里，然后滑動滾輪后會類似于播放ppt一樣的滑動到下一板，這個我們也有參考國外的網站，小米也做過類似的手機詳情頁，這樣的呈現方式有一點好處，板塊很好區(qū)分，一個板塊在一屏里，像我們網頁，第一版放banner類似內容為一屏，第二版放我們四大接口，左右滑動，第三版放商城，同樣的左右滑動，聽上去確實是很酷炫，和我們創(chuàng)意公司的形象也挺符合，其次我們將網頁頂部關于包括logo、用戶登錄、用戶信息、板塊分類、其他信息這些東西濃縮到一行菜單欄上，也就去掉了繁復的頭部，然他出現的更簡單方便，而且一直出現在頂部，也就更方便用戶使用。

（十） 2月2日

在VI色的選擇上我們拋棄原有沉悶的深藍色，因為本身考慮到希望吸引更多的設計師用戶，而現在的側重點則是商城，所以說一個網站的用戶群體的定位是很重要的，不同的用戶群體，我們需要帶給他們的用戶體驗式完全不一樣的，所以我們

相關熱詞搜索：網頁 日記 日記大全 吸血鬼日記