第一网站构建入门

《第一网站构建入门》由会员分享，可在线阅读，更多相关《第一网站构建入门（34页珍藏版）》请在装配图网上搜索。

1、网页设计与制作网页设计与制作-电子商务网站电子商务网站授课教师：刘玮授课教师：刘玮 信息科学与工程学院信息科学与工程学院答疑邮箱答疑邮箱: 资料共享邮箱：资料共享邮箱： 或或,公共密码：公共密码： wangye2022年3月30日星期三第一章 网站构建入门2教学目标教学目标使学生掌握使用使学生掌握使用Web技术及相应软件工具表达思想、技术及相应软件工具表达思想、展示自我的方法和手段，在学习过程中享受创作的展示自我的方法和手段，在学习过程中享受创作的乐趣。乐趣。能够根据任务需求建立静态网页和网站，并能够解能够根据任务需求建立静态网页和网站，并能够解决一些网页设计中的常见问题。决一些网页设计中的常

2、见问题。 学生作品学生作品 模仿实模仿实例例通过本课程的学习，使学生能够理解和掌握通过本课程的学习，使学生能够理解和掌握WebWeb技技术的内涵，在今后的专业课程学习中具备应用术的内涵，在今后的专业课程学习中具备应用WebWeb技技术解决问题的意识和能力。术解决问题的意识和能力。2022年3月30日星期三第一章 网站构建入门3网页设计课程体系网页设计课程体系p计算机网络图形图像和动画设计计算机网络图形图像和动画设计课课 网页图像设计网页图像设计PhotoShop、fireworks 网页动画设计网页动画设计Flashp静态网页开发与设计静态网页开发与设计课课 Xhtml Css javascr

3、iptp动态网页开发与设计动态网页开发与设计课课 asp、php、jsp 数据库技术数据库技术p网站管理网站管理课课 网站优化网站优化 网站安全网站安全本课程主要内容本课程主要内容2022年3月30日星期三第一章 网站构建入门4本课程的主要内容网站构建入门网站构建入门1网页基本内容设计网页基本内容设计2样式的应用样式的应用3网页布局技术网页布局技术45插入多媒体元素插入多媒体元素6表单设计表单设计7框架技术框架技术8109客户端脚本技术客户端脚本技术模板和库模板和库网站的发布与管理网站的发布与管理2022年3月30日星期三第一章 网站构建入门5教材教材网页设计实训教程网页设计实训教程(第第2版

4、版) ， 莫治雄，莫治雄，清华大学出版社清华大学出版社 任务驱动任务驱动 讲练结合讲练结合2022年3月30日星期三第一章 网站构建入门6参考书籍参考书籍web标准标准类（css布局、网站重构等） 精通CSS:高级WEB标准解决方案 CSS网站布局实录:基于WEB标准的网站设计指南 无懈可击的WEB设计:利用XHTML和CSS提高网站的灵活性与适应性 2022年3月30日星期三第一章 网站构建入门7考核方式考核方式 期末总成绩期末总成绩=平时成绩平时成绩(20%)+学期综学期综合大作业合大作业(80%) 平时成绩评分依据平时成绩评分依据: 考勤情况考勤情况+特殊加特殊加分分2022年3月30日

5、星期三第一章 网站构建入门8有关网页设计的一些基本概念有关网页设计的一些基本概念 Internet网网 WWW网网 Web 页页 超文本超文本 HTML Web浏览器浏览器 URL 网站和首页网站和首页2022年3月30日星期三第一章 网站构建入门9Internet网网 即因特网，又称为国际互联网。不同于一即因特网，又称为国际互联网。不同于一般的计算机网络。全球的计算机互相连接般的计算机网络。全球的计算机互相连接实现全球信息的共享。实现全球信息的共享。Internet示意图 2022年3月30日星期三第一章 网站构建入门10WWW网网 World Wide Web的缩写，又称万维网、环的缩写，

6、又称万维网、环球信息网、球信息网、3W网、网、Web网。网。 它是它是Internet上的一个超文本信息查询工具，上的一个超文本信息查询工具，一项一项Internet服务。服务。 并不是真实的网络，而是一种基于超链接并不是真实的网络，而是一种基于超链接的虚拟的的虚拟的“网网”。2022年3月30日星期三第一章 网站构建入门11Web页页(网页网页) 具有超文本链接的文本称作具有超文本链接的文本称作Web页。页。 网页文件的扩展名网页文件的扩展名 .htm 或者或者 .html2022年3月30日星期三第一章 网站构建入门12超文本超文本(Hypertext)超链接 一种按信息之间关系非线性非线

7、性地存储、组织、管理和浏览信息的计算机技术。用鼠标鼠标选定超文本中特定的字词，能打开相应的窗口展示相关的内容或信息。2022年3月30日星期三第一章 网站构建入门13HTML文件与文件与HTML语言语言pIEIE浏览器中浏览器中“查看查看源文件源文件”pHTMLHTML文件，用文件，用HTMLHTML语言（超文本标记语言）编写的语言（超文本标记语言）编写的文件。该文件需要通过文件。该文件需要通过WebWeb浏览器解释并显示在屏浏览器解释并显示在屏幕上，所以它又被称为网页幕上，所以它又被称为网页 。2022年3月30日星期三第一章 网站构建入门14Web浏览器浏览器浏览网页的客户端软件。浏览网页

8、的客户端软件。p微软的微软的Internet Explorer、Mozilla的的Firefox（火狐）、（火狐）、Opera等等p客户浏览器客户浏览器/服务器的工作原理服务器的工作原理浏览器Web服务器HTTP请求Web页（HTML文档）HTTP请求Web页（HTML文档）2022年3月30日星期三第一章 网站构建入门15URL （统一资源定位器）（统一资源定位器） 在万维网上，每个文件都有一个特定的地址，在万维网上，每个文件都有一个特定的地址，称作统一资源定位器（称作统一资源定位器（URL） 地址，俗称地址，俗称“网址网址”。例如：。例如：niformesourceocatorhttp:/

9、 网站构建入门16URLURL：如何访问文档、文档在哪里、文档叫什么。：如何访问文档、文档在哪里、文档叫什么。2022年3月30日星期三第一章 网站构建入门17网站和首页网站和首页p网站（站点），就是一组相关网页和其他文件的网站（站点），就是一组相关网页和其他文件的集合。集合。pWeb站点的目录网页被称为站点的目录网页被称为首页首页(Home Page)。 通常命名为通常命名为index.html或者或者default.html2022年3月30日星期三第一章 网站构建入门18需求分析需求分析风格定位风格定位内容组织内容组织规划布局规划布局效果图设计效果图设计制作静态网页制作静态网页动态编程或

10、代码融合动态编程或代码融合 发布测试（域名空间）发布测试（域名空间） 网站维护网站维护 网站的制作流程网站的制作流程 2022年3月30日星期三第一章 网站构建入门19网站规划应体现的主要内容网站规划应体现的主要内容1.1.建设网站前的市场分析建设网站前的市场分析 2.2.建设网站的目的及功能定位建设网站的目的及功能定位 3.3.网站技术解决方案网站技术解决方案 4.4.网站内容规划网站内容规划 5.5.网页设计网页设计 6.6.网站维护网站维护 7.7.网站测试网站测试 8.8.网站发布与推广网站发布与推广 2022年3月30日星期三第一章 网站构建入门20网站Logo标志 多语言入口 ba

11、nner动画展示 导航区邮箱入口 快速链接 图片新闻 校园快讯 校园公告 人才培养 版权信息 鲁东大学网站草图设计主导航条 1 规划草图规划草图2022年3月30日星期三第一章 网站构建入门212 2 页面效果图页面效果图通常使用通常使用的软件是的软件是PhotoshopPhotoshop或或FireworksFireworks2022年3月30日星期三第一章 网站构建入门223 3 制作静态网页制作静态网页制作方法：制作方法：1.可以用可以用Photoshop或者或者Fireworks对效果图进行切对效果图进行切图，直接保存成图，直接保存成html网页。网页。（只能生成表格布局。如果要自动只

12、能生成表格布局。如果要自动生成生成div布局，需要用第三方软件如布局，需要用第三方软件如divbrush 等。等。 ）2.使用使用Dreamweaver，利用，利用效果图中切出来的修饰素材效果图中切出来的修饰素材制作制作html网页。（推荐）网页。（推荐）2022年3月30日星期三第一章 网站构建入门233 3 制作静态网页制作静态网页静态网页静态网页是在客户端运行、纯粹是在客户端运行、纯粹HTMLHTML格式的网格式的网页，后缀是页，后缀是.html(.htm).html(.htm)、.shtml.shtml、.xml.xml等等 。静态网页上的页面交互性不强，内容更新麻烦，静态网页上的页面

13、交互性不强，内容更新麻烦，必须手动修改网页内容。必须手动修改网页内容。2022年3月30日星期三第一章 网站构建入门244 4 添加后台程序，生成动态网页添加后台程序，生成动态网页静态网页采用动态技术添加静态网页采用动态技术添加后台后台程序代码就成了程序代码就成了动态网页。动态网页。在服务器端运行，交互性强在服务器端运行，交互性强, “因时因人而变因时因人而变”。一般还要涉一般还要涉及对数据库的操作，例如：及对数据库的操作，例如： A+access或或sql server，php+mysql，jsp+oracle等。等。2022年3月30日星期三第一章 网站构建入门254 4 添加后台程序，生

14、成动态网页添加后台程序，生成动态网页动态网页制作的两种方法：动态网页制作的两种方法：1.自行编写后台程序代码（网络编程）自行编写后台程序代码（网络编程） 动态网页的后缀是动态网页的后缀是.asp、 .aspx、.php、.jsp等。等。2.使用免费或收费的网站管理系统使用免费或收费的网站管理系统 （网站后台）（网站后台）A. 很多信息类网站只是在后台采用动态技术维护很多信息类网站只是在后台采用动态技术维护网站内容，自动生成静态网页，因此看到的网网站内容，自动生成静态网页，因此看到的网页仍然是静态网页后缀。页仍然是静态网页后缀。2022年3月30日星期三第一章 网站构建入门26需求分析需求分析风

15、格定位风格定位内容组织内容组织效果图设计效果图设计制作静态网页制作静态网页动态编程或代码融合动态编程或代码融合 发布测试（域名空间）发布测试（域名空间） 网站维护网站维护 回顾：网站的制作流程回顾：网站的制作流程 2022年3月30日星期三第一章 网站构建入门27教学网站教学网站1.公共邮箱：公共邮箱： 公共密码：公共密码：wangye2.教务处课程平台教务处课程平台-网络应用技术网络应用技术（校园网内访问）：（校园网内访问）：http:/ 课程资源课程资源-每次课的课件、实例、实验指导每次课的课件、实例、实验指导 期末大作业要求期末大作业要求 通知公告通知公告 电子书、视频教程电子书、视频教

16、程 工具软件工具软件 技术文章技术文章2022年3月30日星期三第一章 网站构建入门28学习网站学习网站-web标准标准 XhtmlCssjavascript2022年3月30日星期三第一章 网站构建入门29学习网站学习网站-eNet学院学院Dreamweaver视频教程视频教程http:/ 2022年3月30日星期三第一章 网站构建入门30学习网站学习网站-网易学院网易学院http:/ 网站构建入门31学习网站学习网站-更多更多CSS/DIV网页设计视频教程网页设计视频教程1. http:/ 2. http:/ 视频教程视频教程1. http:/ http:/ Flash 视频教程视频教程http:/ 2022年3月30日星期三第一章 网站构建入门32素材网站素材网站 2022年3月30日星期三第一章 网站构建入门33后台程序网站后台程序网站p源码之家源码之家 http:/ http:/ p帝国网站管理系统帝国网站管理系统 http:/ 网站构建入门34网站欣赏网站欣赏 蓝色理想蓝色理想品网品网 网站设计欣赏网站设计欣赏 http:/ 网页设计师联盟网页设计师联盟 http:/ 站长资讯站长资讯-网站网站欣赏欣赏