網路程式設計期末project 指導教授:馬尚彬 學生:楊依林 學號:B98570122.

Slides:



Advertisements
Similar presentations
第5章 表格的设计与 制作. 内容提要 表格的创建、编辑 表格的属性设置 特效表格的制作 布局表格的基本操作 表格和布局表格的应用.
Advertisements

Web 开发基础 第二章 表格与页面布局. 回顾 Internet 和 万维网 网页的工作原理 网页的基本结构 标记及其属性 段落标记,图片标记,超级链接标记 相对路径,绝对路径,物理路径.
HyperText Markup Language
第六章 网页设计与制作基础.
第5章 HTML 標籤介紹.
佛山科学技术学院 第7章 HTML Internet及多媒体应用.
动态网页制作 第1章 HTML语言1.
第7章 表 格 清华大学出版社.
教学内容 1、演示并讲解用表格布局制作的网页 2、用表格制作网页.
网页 设计与制作.
第8章 CSS基础知识 【学习目标】 对于一个网页设计者来说,对HTML语言一定不感到陌生,因为它是网页制作的基础,但是如果希望网页能够美观、大方,并且升级维护方便,那么仅仅知道HTML还是不够的,还需要了解CSS。了解CSS基础知识,可以为后面的学习打下基础。 本章主要内容包括: 为什么在网页中加入CSS。
2 HTML5與CSS3 2-1 HTML5的頁面結構 2-2 HTML5的文字編排標籤 2-3 HTML5的圖片與超連結標籤
XML 第05讲 使用CSS显示XML.
第五单元课1-3 层叠样式表.
Css2/css3全教程 选择器 群号: 韬略课堂:何韬.
模块1 网页设计基础 实训1 体验HTML文档 1.1 网页基础知识 1.2 网站配色方案 1.3 网站设计常用软件
CSS – 進階 IDIC.
使用HTML製作個人網頁 柴惠敏 台灣大學 物理治療學系.
第二部分 HTML语言控制 本次课的主要内容: 1、认识网页文件的结构 2、HEAD、TITLE、BODY等基本标记符的使用
RWD網頁設計實務 李欣螢 以誠研發有限公司.
网页编程基础 曾宪文,Rex Zeng 纸飞机网络技术部部长 Leader of ACE.
HTML簡介、文字的變化、超連結的使用 主講:朱漢琳.
第四章 样式表CSS CSS技术是一种格式化网页的标准方式,它通过设置CSS属性债周页元素获得各种不同效果。本章共分9个实例,主要内容包括的基础知识、CSS创建与导入、CSS的语法结构、常用CSS的分类、CSS的使用原则等内容。
第8章 样式表.
ASP动态网页设计实用教程 主讲教师: 开课单位:.
CSS简介 WEB前端三剑客之二.
顏色與背景CSS樣式.
湖北职院计科系.
标准规范 2.自己偏好习惯 3.讨论/建议 永远遵循同一套编码规范 -- 不管多少人同时参与编码,所有代码都应该看上去像是一个人编写的一样。
Web前端开发技术与实践 第12章 布局 阮晓龙 /
計算機概論 請老師填入姓名主講 課本:數位傳真2012 博碩文化出版發行.
CSS 教學 下載並修改自: 資工系涂世俊老師教學網站.
HTML網頁設計 Chapter 建置網站的流程 16-2 從事網頁設計相關的程式語言 16-3 認識HTML語法
第 13 章 用CSS 設定 文字顏色與背景.
HTML 钟晖云 QQ:
Ch.13 HTML網頁實作.
CSS排版:盒子模式 靜宜大學 資管系 楊子青.
Css全教程 边框背景轮廓 群号: 韬略课堂:何韬.
Web前端开发技术与实践 第10章:盒子模型 阮晓龙 /
HTML5全栈开发序列课程 《前端入门》之CSS3新特性 余鹏作品.
Web前端开发技术与实践 第11章:背景与边框 阮晓龙 /
动态专题制作 凤凰网技术中心 应用管理部.
CHAPTER 18 CSS樣式表的動態效果.
十二年國民基本教育中等學校教師教學專業能力研習五堂課
HTML & CSS.
CSS樣式 靜宜大學 資管系 楊子青.
基礎程式設計範例 -網頁名片.
主讲:陶建平 华中科技大学网络与计算中心
CSS技术 蒋玉华.
Web前端开发技术与实践 第9章:文字样式 阮晓龙 /
聖文德書院 ST BONAVENTURE COLLEGE & HIGH SCHOOL
网页设计与制作 Dreamweaver CS6 标准教程
第4章 CSS基础 主讲人:刘泰然 经济管理学院.
网页设计与制作教程第5版 机械工业出版社同名教材 配套电子教案.
Facebook 内部高效工作指南
武汉纺织大学传媒学院 cm.wtu.edu.cn
武汉纺织大学传媒学院 cm.wtu.edu.cn
布局大师——表格.
CSS排版:盒子模式 靜宜大學 資管系 楊子青.
武汉纺织大学传媒学院 cm.wtu.edu.cn
網路商店裝修之二 CSS樣式編輯.
CSS基礎 靜宜大學 資管系 楊子青.
第5章 Div+CSS布局技术 经济管理学院.
第6章 层次原理图设计和多通道技术: 重点内容: 掌握自上而下的层次原理图设计方法 掌握自下而上的层次原理图设计方法
第2章 块级标签 经济管理学院.
使用Dreamweaver 8 國立竹東高級中學 資訊科技概論 黃秋雅老師
東吳大學『樂齡大學』 外雙溪環境與生態 產業 黃顯宗 東吳大學 微生物學系 101.
第4章 JSP动态网页设计基础 教学目标 教学重点 教学过程 2019年10月21日.
教师:李金双 网页制作 教师:李金双
Presentation transcript:

網路程式設計期末project 指導教授:馬尚彬 學生:楊依林 學號:B98570122

網站主題 網站主題就是我們家的湯包店介紹http://ind.ntou.edu.tw/~elin/

使用到的技術----xhtml <body> <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">share</a> <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> <table> <tbody> <tr> <th> <div class = "menu" >Home <a href = "news1.html">news</a> </div> <div class = "menu">Introduce <a href = "origin1.html">origin</a> <a href = "where1.html">Where is our store</a>

使用到的技術----css <style type = "text/css"> body { background-color:#FFDEAD; background-image:url(12345.jpg); background-repeat:no-repeat; background-position: up right; background-attachment:fixed;} div.menu { font-weight: 100; font-family: impact; color: white ; border: 2px solid #FF3030 ; text-align: center; width: 10em; background-color: #FF3030 ; } div.menu:hover a { display:block } div.menu a { display: none; border-top: 2px solid #F08080 ; background-color: #F08080 ; text-decoration: none; color: black } div.menu a:hover { background-color: #FFEFD5 } div.float { float:right; width:80%;} </style>

使用到的技術----google map

使用到的技術----facebook分享 <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">share</a> <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

網頁架構 HOME MENU INTRODUCE

HOME NEWS more 新品

INTRODUCE origin Where is our store

MENU noodles dumplings soup