《第一网站构建入门》由会员分享,可在线阅读,更多相关《第一网站构建入门(34页珍藏版)》请在金锄头文库上搜索。
1、新搐凯硬型斑棵脉梧席臻丘榔轩靖淋囊枚箩税佯疑君惯熔训疹播魏升见兄第一网站构建入门第一网站构建入门网页设计与制作网页设计与制作-电子商务网站电子商务网站授课教师:刘玮授课教师:刘玮 信息科学与工程学院信息科学与工程学院答疑邮箱答疑邮箱: 资料共享邮箱:资料共享邮箱: 或或,公共密码:公共密码: wangye疤更窘峭哮炮匹田萎秆顶原费锤逻苍缩弃龄葵夷眺腊邢甩踊揪怔屁橡噶矮第一网站构建入门第一网站构建入门教学目标教学目标使学生掌握使用使学生掌握使用Web技术及相应软件工具表达思想、技术及相应软件工具表达思想、展示自我的方法和手段,在学习过程中享受创作的乐展示自我的方法和手段,在学习过程中享受创作的
2、乐趣。趣。能够根据任务需求建立静态网页和网站,并能够解能够根据任务需求建立静态网页和网站,并能够解决一些网页设计中的常见问题。决一些网页设计中的常见问题。 学生作品学生作品 模仿实模仿实例例通过本课程的学习,使学生能够理解和掌握通过本课程的学习,使学生能够理解和掌握WebWeb技术技术的内涵,在今后的专业课程学习中具备应用的内涵,在今后的专业课程学习中具备应用WebWeb技术技术解决问题的意识和能力。解决问题的意识和能力。寨拍淳察涤菇指辗血赁抵拳锰游祝盆滁虞陕枷囱爸垒绥禾椅寅厦排愚磷鞋第一网站构建入门第一网站构建入门8/1/20242第一章 网站构建入门网页设计课程体系网页设计课程体系p计算机
3、网络图形图像和动画设计课计算机网络图形图像和动画设计课网页图像设计网页图像设计PhotoShop、fireworks网页动画设计网页动画设计Flashp静态网页开发与设计课静态网页开发与设计课XhtmlCssjavascriptp动态网页开发与设计课动态网页开发与设计课asp、、php、jsp数数据库技术据库技术p网站管理课网站管理课网站优化网站优化网站安全网站安全本课程主要内容本课程主要内容曲誊赎侍笛峦完磋鸟死寓在芒问拎仕屏紧燥巧窟昧稀猪溉脖自巫暴递岸蓖第一网站构建入门第一网站构建入门8/1/20243第一章 网站构建入门本课程的主要内容网站构建入门网站构建入门1网页基本内容设计网页基本内容
4、设计2样式的应用样式的应用3网页布局技术网页布局技术45插入多媒体元素插入多媒体元素6表单设计表单设计7框架技术框架技术8109客户端脚本技术客户端脚本技术模板和库模板和库网站的发布与管理网站的发布与管理引赞描昆胃呻君蹋藤破侮纺众柯沼我咀彩汞镑署弄石茸剧蒂羡建嫌腆睛吹第一网站构建入门第一网站构建入门8/1/20244第一章 网站构建入门教材教材网页设计实训教程网页设计实训教程(第第2版版) , 莫治雄,莫治雄,清华大学出版社清华大学出版社任务驱动任务驱动讲练结合讲练结合矛凌院显禽枉酣天绊撞刊玩过摄庐瀑徒仍田施仲爱尤秀婿以馋牙库霹骚呈第一网站构建入门第一网站构建入门8/1/20245第一章 网站
5、构建入门参考书籍参考书籍web标准标准类(css布局、网站重构等)精通CSS:高级WEB标准解决方案 CSS网站布局实录:基于WEB标准的网站设计指南 无懈可击的WEB设计:利用XHTML和CSS提高网站的灵活性与适应性 朝氟帽嘲鄂鸽蒂翼而釉骸棚潞叮间迈闹插跪罐雁腊摔逢雁毋吩法攘么唉疑第一网站构建入门第一网站构建入门8/1/20246第一章 网站构建入门考核方式考核方式期末总成绩期末总成绩=平时成绩平时成绩(20%)+学期综合学期综合大作业大作业(80%)平时成绩评分依据平时成绩评分依据: 考勤情况考勤情况+特殊加特殊加分分驴蛔女墙朔陶让瞪衬焚甄铁魁呆郡砷尹堂乌贯低谤眼赂弗篡腋免瓤氛贬赃第一网
6、站构建入门第一网站构建入门8/1/20247第一章 网站构建入门有关网页设计的一些基本概念有关网页设计的一些基本概念Internet网网WWW网网Web 页页超文本超文本HTMLWeb浏览器浏览器URL网站和首页网站和首页寇谣勋如卑凤再镭摔伯滇醋耐予操睬讳货遂掳喝疫自纷汪暖钝葬暮帕桂松第一网站构建入门第一网站构建入门8/1/20248第一章 网站构建入门Internet网网即因特网,又称为国际互联网。不同于一即因特网,又称为国际互联网。不同于一般的计算机网络。全球的计算机互相连接般的计算机网络。全球的计算机互相连接实现全球信息的共享。实现全球信息的共享。Internet示意图 酬票叫郁酋愉惺蛆
7、冀卑出恨胸咳邯涨蜕堑剥憾踪聘统舀素缠幸颈碰挎低任第一网站构建入门第一网站构建入门8/1/20249第一章 网站构建入门WWW网网World Wide Web的缩写,又称万维网、环的缩写,又称万维网、环球信息网、球信息网、3W网、网、Web网。网。它是它是Internet上的一个超文本信息查询工具,上的一个超文本信息查询工具,一项一项Internet服务。服务。并不是真实的网络,而是一种基于超链接并不是真实的网络,而是一种基于超链接的虚拟的的虚拟的“网网”。痔啄颐越膘妒浸再碳提病却财霜妊骋癌换竿咐淑印决延伴帮硒聋谊继隧艘第一网站构建入门第一网站构建入门8/1/202410第一章 网站构建入门We
8、b页页(网页网页)具有超文本链接的文本称作具有超文本链接的文本称作Web页。页。网页文件的扩展名网页文件的扩展名 .htm 或者或者 .html剔粮疼扛撑敖簇野飘仇墓唯示朗电绅猜笺米信胯蚊袁液寨佑甜笔恿瞧根纯第一网站构建入门第一网站构建入门8/1/202411第一章 网站构建入门超文本超文本(Hypertext)HyperlinkHyperlink超链接 一种按信息之间关系非线性非线性地存储、组织、管理和浏览信息的计算机技术。用鼠标鼠标选定超文本中特定的字词,能打开相应的窗口展示相关的内容或信息。桶圭化她戒骆那队庐宁耀档津挟灼肥适如营祖闽浮炕胀伐乍莲萝保廊接遵第一网站构建入门第一网站构建入门8
9、/1/202412第一章 网站构建入门HTML文件与文件与HTML语言语言pIEIE浏览器中浏览器中“查看查看源文件源文件”pHTMLHTML文文件件,用用HTMLHTML语语言言(超超文文本本标标记记语语言言)编编写写的的文文件件。该该文文件件需需要要通通过过WebWeb浏浏览览器器解解释释并并显显示示在在屏屏幕幕上,所以它又被称为网页上,所以它又被称为网页 。拧厂锨拭垫您蝇靴樟柱锚坝筑恬酥六越屡夫碎恐遭妊枉访谬钎郎籽畴遂俗第一网站构建入门第一网站构建入门8/1/202413第一章 网站构建入门Web浏览器浏览器浏览网页的客户端软件。浏览网页的客户端软件。p微软的微软的Internet Ex
10、plorer、Mozilla的的Firefox(火狐)、(火狐)、Opera等等p客户浏览器客户浏览器/服务器的工作原理服务器的工作原理浏览器InternetInternetInternetWeb服务器HTTP请求Web页(HTML文档)HTTP请求Web页(HTML文档)恢必适姚刹砌肪仗红示蔡掘婴哭析沧永坤卯鸿纳脚眯灌容捧睹念赴腾背绘第一网站构建入门第一网站构建入门8/1/202414第一章 网站构建入门URL (统一资源定位器)(统一资源定位器)在万维网上,每个文件都有一个特定的地址,在万维网上,每个文件都有一个特定的地址,称作统一资源定位器(称作统一资源定位器(URL) 地址,俗称地址,
11、俗称“网址网址”。例如:。例如:URL ( Uniform Resource Locator )http:/ 网站构建入门URLhttp:/http:/ :80:80 /2004-12-15/column/2004-12-15/column/8.htm8.htm访访访访问问问问方方方方法法法法服服服服务务务务器器器器地地地地址址址址路路路路径径径径文文文文件件件件名名名名URL:如何访问文档、文档在哪里、文档叫什么。:如何访问文档、文档在哪里、文档叫什么。端端端端口口口口号号号号吠糜甜优樟蛮斜整于末雅洱咐坐克升瓮倡警涅律宽耸疵痞撂敦搽佳矫阴跋第一网站构建入门第一网站构建入门8/1/202416
12、第一章 网站构建入门网站和首页网站和首页p网站(站点),就是一组相关网页和其他文件的网站(站点),就是一组相关网页和其他文件的集合。集合。pWeb站点的目录网页被称为站点的目录网页被称为首页首页(Home Page)。 通常命名为通常命名为index.html或者或者default.html涛妨愁擎持善桌奸港览氨邪阑旭携痴留闯洪虹骡举诌销刚捣绵糜盛枕版赠第一网站构建入门第一网站构建入门8/1/202417第一章 网站构建入门需求分析需求分析风格定位风格定位内容组织内容组织规划布局规划布局效效果果图图设设计计制制作作静静态态网网页页动动态态编编程程或或代代码码融融合合 发发布布测测试试(域域名名
13、空空间间) 网网站站维维护护 网站的制作流程网站的制作流程 兴香躇冒爵攒颗赢立偿俘中昌顷掠痉妹挤驹察肤釉女曾赚刻鞘语没湿俱祟第一网站构建入门第一网站构建入门8/1/202418第一章 网站构建入门网站规划应体现的主要内容网站规划应体现的主要内容1.1.建设网站前的市场分析建设网站前的市场分析 2.2.建设网站的目的及功能定位建设网站的目的及功能定位 3.3.网站技术解决方案网站技术解决方案 4.4.网站内容规划网站内容规划 5.5.网页设计网页设计 6.6.网站维护网站维护 7.7.网站测试网站测试 8.8.网站发布与推广网站发布与推广 损瑶阎复茁泄讶终祭牵巫迪饶叼渡弧杰遍雾剥逆唉翠矢察收叔传
14、汤刻撩苍第一网站构建入门第一网站构建入门8/1/202419第一章 网站构建入门网站Logo标志 多语言入口 banner动画展示 导航区邮箱入口 快速链接 图片新闻 校园快讯 校园公告 人才培养 版权信息 鲁东大学网站草图设计主导航条 1 规划草图规划草图尼耽侈象栈呀辞昨尺辛鄂师梦唯欲孪乏别棒牙较募亲艇兼贬月售抱刨糟坐第一网站构建入门第一网站构建入门8/1/202420第一章 网站构建入门2 2 页面效果图页面效果图通常使用通常使用的软件是的软件是PhotoshopPhotoshop或或FireworksFireworks殿轮霓么渐宴婆耶凿晚蕊淖烩凤透蛊诛祸舒攫育连睡喊吾哺了辖俭喉棉猫第一网
15、站构建入门第一网站构建入门8/1/202421第一章 网站构建入门3 3 制作静态网页制作静态网页制作方法:制作方法:1.可以用可以用Photoshop或者或者Fireworks对效果图进行切对效果图进行切图,直接保存成图,直接保存成html网页。网页。(只能生成表格布局。如果要自动只能生成表格布局。如果要自动生成生成div布局,需要用第三方软件如布局,需要用第三方软件如divbrush 等。等。 )2.使用使用Dreamweaver,利用,利用效果图中切出来的修饰素材效果图中切出来的修饰素材制作制作html网页。(推荐)网页。(推荐)踌源坎舷假蘑僻旷腆瘟襄聚镊彩琳暖颂志兴殷隘攻釜戚治椭卿温良
16、颂盗茶第一网站构建入门第一网站构建入门8/1/202422第一章 网站构建入门3 3 制作静态网页制作静态网页静态网页静态网页是在客户端运行、纯粹是在客户端运行、纯粹HTMLHTML格式的网页,格式的网页,后缀是后缀是.html(.htm).html(.htm)、.shtml.shtml、.xml.xml等等 。静态网页上的页面交互性不强,内容更新麻烦,静态网页上的页面交互性不强,内容更新麻烦,必须手动修改网页内容。必须手动修改网页内容。擦僵厂澈棒桔媒咳救鸣悬汽粟已纹梧澄最翁契刻柒慨耶雍炽耀炸夏课纷内第一网站构建入门第一网站构建入门8/1/202423第一章 网站构建入门4 4 添加后台程序,
17、生成动态网页添加后台程序,生成动态网页静态网页采用动态技术添加静态网页采用动态技术添加后台后台程序代码就成了程序代码就成了动态网页。动态网页。在服务器端运行,交互性强在服务器端运行,交互性强, “因时因人而变因时因人而变”。一般还要一般还要涉及对数据库的操作,例如:涉及对数据库的操作,例如: A+access或或sql server,php+mysql,jsp+oracle等。等。缔摹家述易怕莉窃湾认激旋碰撑钵隧柱棋闰衙缺鸦曝述叙屯郑华矣虑粱译第一网站构建入门第一网站构建入门8/1/202424第一章 网站构建入门4 4 添加后台程序,生成动态网页添加后台程序,生成动态网页动态网页制作的两种方
18、法:动态网页制作的两种方法:1.自行编写后台程序代码(网络编程)自行编写后台程序代码(网络编程) 动态网页的后缀是动态网页的后缀是.asp、 .aspx、.php、.jsp等。等。2.使用免费或收费的网站管理系统使用免费或收费的网站管理系统 (网站后台)(网站后台)A.很多信息类网站只是在后台采用动态技术维护很多信息类网站只是在后台采用动态技术维护网站内容,自动生成静态网页,因此看到的网网站内容,自动生成静态网页,因此看到的网页仍然是静态网页后缀。页仍然是静态网页后缀。渝劳拣镇苑赢费砾共堑蕉银伤舀壳湛讥匡凡曲则其弹岳匆斗塑逻彝羊嘴挛第一网站构建入门第一网站构建入门8/1/202425第一章 网
19、站构建入门需求分析需求分析风格定位风格定位内容组织内容组织效效果果图图设设计计制制作作静静态态网网页页动动态态编编程程或或代代码码融融合合 发发布布测测试试(域域名名空空间间) 网网站站维维护护 回顾:网站的制作流程回顾:网站的制作流程 莽肢公乃具揖卸哥民晒帮茬乐欧阉弯先呆酸酞扁宇邪蜕斜及崔辙状提腔撒第一网站构建入门第一网站构建入门8/1/202426第一章 网站构建入门教学网站教学网站1.公共邮箱:公共邮箱: 公共密码:公共密码:wangye2.教务处课程平台教务处课程平台-网络应用技术网络应用技术(校园网内访问):(校园网内访问):http:/ 网站构建入门学习网站学习网站-web标准标
20、准 XhtmlCssjavascript龋精鳖阻葛研警风臭局谍露叫劫邹泳扼编作汽玛校韩剿多屹邵役骗嫌媚醒第一网站构建入门第一网站构建入门8/1/202428第一章 网站构建入门学习网站学习网站-eNet学院学院Dreamweaver视频教程视频教程http:/ 盅较囱潍角绰飞值扼辆屑嗽吧打涪篓坠叉橡杰澡憾南镰墩扣障踢殃绵栗钥第一网站构建入门第一网站构建入门8/1/202429第一章 网站构建入门学习网站学习网站-网易学院网易学院http:/ 网站构建入门学习网站学习网站-更多更多CSS/DIV网页设计视频教程网页设计视频教程1.http:/ 2.http:/ 视频教程视频教程1.http:/
21、Flash 视频教程视频教程http:/ 泵恶臃璃鬃缉园萌动芥来提蒙鲁扁洋敖魁雅厦逢箍柠蒂蔚邪醛讹释刻胃凹第一网站构建入门第一网站构建入门8/1/202431第一章 网站构建入门素材网站素材网站 敲辅对刻歌闹危岿斡呵株胸捍嵌疙肉创腻琳赋频股瞳简呐逢酚皂炮漾职浩第一网站构建入门第一网站构建入门8/1/202432第一章 网站构建入门后台程序网站后台程序网站p源码之家源码之家 http:/ http:/ p帝国网站管理系统帝国网站管理系统 http:/ 网站构建入门网站欣赏网站欣赏 蓝色理想蓝色理想品网品网 网站设计欣赏网站设计欣赏 http:/ 网页设计师联盟网页设计师联盟 http:/ 站长资讯站长资讯-网站网站欣赏欣赏秧梢波老坪婪其鲸湍匹玖地东矾豌侵雷与友坎供缅荣叙棋帧流中胜钧臃万第一网站构建入门第一网站构建入门8/1/202434第一章 网站构建入门