网站设计 前端 入门学习.

Slides:



Advertisements
Similar presentations
分享人:張益源. 個人資料介紹 姓名:張益源 畢業:體育系 97 級 專長:田徑、籃球、游泳 任教學校:慈濟大學實驗國民小學 學校職務:體育兼資訊老師.
Advertisements

●公司簡介. ●公司組織 行銷 企劃部 行銷 企劃部 研發 設計部 研發 設計部 視覺 設計部 視覺 設計部 媒體 製作部 媒體 製作部 行動 裝置部 行動 裝置部 執行長 總經理 管理部 本公司組織人力配置除董事長、執行長、總經理外,共 有六大部門,分別為研發部 6 人、管理部 4 人、視覺設計部.
教师成绩录入步骤 1. 登录教务系统 2. 进入教师成绩管理界面 3. 选择相应的教学班,点击 “ 课程成绩录 入 ” 进入成绩录入界面 4. 点击 “ 设置 ” 按钮设置 “ 成绩分项 ” 5. 录入成绩, “ 保存成绩 ” 按钮可以保存成 绩但不提交(提交后不能再修改成绩) 6. “ 提交成绩 ”
7.2 图示化记忆 记忆的概述 图示化记忆 联想记忆法 奇特联想记忆法 用手记忆.
醫學美學之我見ー肉毒桿菌 班級:應日三乙 姓名:蔡雅卉 學號: 497E0076. 前言 現在的人,已經把 整型看做是微不足 道的事情了。即使 只是戴牙套、局部 雷射、割雙眼皮、 打美白針、肉毒桿 菌等等,都可以在 身體上做不同的改 變,而讓自己更滿 意自己的外表。
LOGO 《静态网页设计》课程整体设计 电子信息工程系 计算机专业 李超燕. LOGO 2 课程在专业课程体系中的定位 3 岗位分析 目 录 1 课程的基本信息 6 本课程的特色和效果 4 教学整体设计 5 教学基本条件.
HyperText Markup Language
第六章 网页设计与制作基础.
白玉苦瓜 余光中.
网页设计与制作 教师姓名: 职务:.
讲故事训练 授课人:田轶.
第十一課 菜園 6-11.
Web与信息检索 LJ JUFE-SIT.
專題製作 許惠淑.
第5章 HTML 標籤介紹.
校本选修课 第三专题 西藏问题 北京师大二附中 李文燕.
第8讲 HTML与PHP基础 静态网页 vs. 动态网页.
DREAMWEVAER MX 2004入门 楼斌 BBS ID:lou 生命科学学院
网页制作与网站设计教学课件 网页制作与网站设计课程组开发
Web程序设计基础 太原理工大学 计算机科学与技术学院 林福平 求实创新
学习情境三:配置WEB服务器 服务器配置与管理.
正修科技大學教學發展中心 教師教學觀摩與經驗分享 電子工程系 張法憲副教授.
网页设计师职位需求.
《网页设计与制作》 教学课件 主讲人:湖南铁道职业技术学院 陈承欢
使用HTML製作個人網頁 柴惠敏 台灣大學 物理治療學系.
第8章 信息获取与发布 《大学计算机基础》 桂林电子科技大学 陈辉金 适用教材:周娅等. 大学计算机基础.桂林:广西师范大学出版社,2013
蘇軾詞的賞析
柯奕宏(06) 王予亨(13) 郭秉逸(15) 楊雯凈(23) 顏佑瑩(32)
第十五章 传播学调查研究方法.
网页编程基础 曾宪文,Rex Zeng 纸飞机网络技术部部长 Leader of ACE.
网页设计(1) 第12讲 网页技术简介 马秀麟 2014年5月 2018/9/17 制作人:马秀麟.
自然與生活科技領域 認識太陽能 蘇紋琪、石明玉.
Selenium 一个用于Web应用程序测试的工具 Robin Ren
Ch1.認識全球資訊網 1.1 「網際網路」與「全球資訊網」 1.2 全球資訊網的基礎 – 網頁與超連結
 全能的天才畫家- 李奧納多‧達文西 (西元1452年-1519年) 指導老師:袁淑芬老師 製作人:饒佩芯.
第 2 章 必備的 HTML 與 CSS 重點.
Joomla! Extension Course - 1
指導老師:王木良 開發團隊:林佳恩、吳建興、黃拱錠、李昕霓 樹德科技大學資訊工程系 2015/12/11
網路概念 APACHE PHP MYSQL HTML BY 董仔 08/01/14.
Lecture 2 Lecture An Introduction To The HTML Language
网页制作与设计 主编 耿 杰 科学出版社.
HTML – 文字格式 資訊教育.
認識我的故鄉_台中市.
Web Programming Yen-Cheng Chen Department of Information Management
W3C标准网页制作 主讲教师:张 涛.
第2章 初识Dreamweaver CS4 Adobe Dreamweaver CS4是建立Web站点和应用程序的 专业工具。它将可视布局工具、应用程序开发功能和 代码编辑支持组合在一起,其功能强大,使得各个层 次的开发人员和设计人员都能够快速创建界面吸引人 的基于标准的网站和应用程序。从对基于CSS的设计.
聖文德書院 ST BONAVENTURE COLLEGE & HIGH SCHOOL
前端技术开发 高莺.
2.2 Web界面设计 信息工程系 向模军 Tel: QQ:
第三章 HTML相关技术基础知识 纵观各种动态页面开发技术,无论是JSP、ASP还是PHP都无 法摆脱HTML的影子。这些动态的页面开发技术无非是在静 态HTML页面的基础上添加了动态的可以交互的内容。HTML 是所有动态页面开发技术的基础。在接下来的章节将要详 细介绍的就是HTML相关的一系列技术,包括HTML、
十 三.使用模板和库.
動態網頁程式設計實習 主講人:徐培倫老師.
UI 软件 设计 页面布局(一).
精忠报国  演唱:屠洪纲 作词:陈涛 作曲:张宏光  狼烟起 江山北望  龙起卷 马长嘶 剑气如霜  心似黄河水茫茫  二十年 纵横间 谁能相抗  恨欲狂 长刀所向  多少手足忠魂埋骨它乡  何惜百死报家国  忍叹惜 更无语 血泪满眶  马蹄南去 人北望  人北望 草青黄 尘飞扬  我愿守土复开疆  堂堂中国要让四方来贺.
網頁設計 清單設計 Instructor: Reporter:楊政勳 Date:
网页设计与制作 Jiangxi Engineering Vocational College 信息工程系 徐卫红.
XML備份MySQL資料庫 <html> <head>
進階網頁設計 電算中心 – 何建義.
HTML大探索.
武汉纺织大学传媒学院 cm.wtu.edu.cn
樂樂請假了 尊重的故事 資料來源:臺北縣國民小學品德教育手冊 故事來源:臺北縣國民小學品德教育手冊 網路小故事
第7章 使用CSS设置链接与导航菜单 经济管理学院.
聽聽那冷雨---重點摘要 二愛 王煜榕.
網頁程式設計 袁福良 B B.
憲政與民主 應化3A 邱泓明.
W3C标准网页制作 主讲教师:张 涛.
第8章 网页特效——JavaScript 主讲人:刘泰然 经济管理学院.
古蹟知性之旅 我和新港奉天宮有個約 報告人:陳 映 竹 傅 湘 甯.
第1章 HTML基础 主讲人:刘泰然 经济管理学院.
教师:李金双 网页制作 教师:李金双
Presentation transcript:

网站设计 前端 入门学习

一个完整的网站需要什么来组成? 我们所知道网站包含很多丰富的内容,比如文本框,标题,内容, 图片等等来组成,那么它由什么来实现? ( HTML + JS + CSS ) + (PHP + MYSQL) 前端 后端 如果不考虑(PHP + MYSQL),只剩下(HTML + JS + CSS )这部分,我们称作 静态网页,相反称作动态网页。

1.HTML : HTML是称作超文本标记语言 ,它规定了自己的语法规则,用来表 示比“文本”更丰富的意义,比如图片,表格,链接等。浏览器 (IE,FireFox等)软件知道HTML语言的语法,可以用来查看HTML文 档。目前互联网上的绝大部分网页都是使用HTML编写的。 用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页

2.JS JavaScript 是世界上最流行的脚本语言。 JavaScript 实际是属于 web 的语言,它适用于 PC、笔记本电脑、 平板电脑和移动电话,跨不同系统。 JavaScript 被设计为向 HTML 页面增加交互性。 许多 HTML 开发者都不是程序员,但是 JavaScript 却拥有非常简单 的语法。几乎每个人都有能力将小的 JavaScript 片段添加到网页 中。

3.CSS CSS在网页中视为‘衣服’的作用,我们可以通过CSS样式在不修改html前提下跟换 ‘衣服’。 在写样式时我们需要考虑一下几点: 优先级: 当同一个 HTML 元素被不止一个样式定义时,会使用哪个样式呢? 一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有 最高的优先权。 浏览器缺省设置 外部样式表 内部样式表(位于 <head> 标签内部) 内联样式(在 HTML 元素内部) 选择:标签选择,在对某标签添加样式时,首先需要想如何指定或全局的标签附 加,因此在CSS有选择器 兼容:是否兼容不同游览器。

组成 我们清楚了HTML是一门超文本标记语言 ,使用HTML的标记标签描 述网页。 HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词,比如 <html> HTML 标签通常是成对出现的,比如 <b> 和 </b> 标签对中的第一个标签是开始标签,第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签

一个简单的网页构造与制作 在这里有一个非常简单网页例子: <html> </html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> 使用的工具:记事本,Dreamweaver,Hbuilder , Notepad++ 等等 现在请各位做一个简单网页,这个网页包含一个标题(H1)和副标题(H2)、 内容、图片、无序列表(有序列表)。

实践使用到的标签 <ul>、<li> 无序列 <ol type=A> <li> 有序列 <p> 内容 <h1>~<h6> 标题 <img src=””> 图片 <a herf=””>超链接