《2022年网站建设教案 .pdf》由会员分享，可在线阅读，更多相关《2022年网站建设教案 .pdf（5页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、了解与设计网站名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 5 页 - - - - - - - - - 一、网站与网页网站是一个整体，而网页是一个个体，一个网站是由很多网页构建而成。网页与网站的区别简单的来说：网站是由网页集合而成的，而大家通过浏览器所看到的画面就是网页，网页说具体了是一个html文件，浏览器是是用来解读这份文件的。也可以这样说：网页是有许多html文件集合而成。至于要多少网页集合在一起才能称作网站，这可就没有规定了，即使只有一个网页也能被称为网站。二、
2、网站的结构常见的网站结构有树形、星形、混合形。树形：主页上的超级链接指向一级子页，一级子页的超级链接指向二级子页，依次类推。星形：是指在每个页面上都设置一个共同的超级链接枢纽，所有的页面都可以通过该枢纽保持链接，这个超级链接枢纽就是所有页面的入口。混合形：采用这种结构， 访问者可以方更快捷地到达自已需要的页面。三、网页的基本构成元素1. 文本一般情况下，网页中最多的内容是文本，可以根据需要对其字体、大小、颜色、底纹、边框等属性进行设置。2. 图像丰富多彩的图像是美化网页必不可少的元素，用于网页上的图像一般为 JPG格式和 GIF 格式。3. 超级链接名师资料总结 - - -精品资料欢迎下载 -
3、 - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 5 页 - - - - - - - - - 超级链接是Web网页的主要特色，是指从一个网页指向另一个目的端的链接。4. 导航栏导航栏是一组超级链接，用来方便地浏览站点。导航栏一般由多个按钮或者多个文本超级链接组成。5. 动画动画是网页中最活跃的元素，创意出众、制作精致的动画是吸引浏览者眼球的最有效方法之一。但是如果网页动画太多，也会物极必反，使人眼花缭乱，进而产生视觉疲劳。6. 表格表格是 HTML语言中的一种元素，主要用于网页内容的布局，组织整个网页的外观，通过表格
4、可以精确地控制各网页元素在网页中的位置。7. 框架框架是网页的一种组织形式，将相互关联的多个网页的内容组织在一个浏览器窗口中显示。8. 表单表单是用来收集访问者信息或实现一些交互作用的网页，浏览者填写表单的方式是输入文本、选中单选按钮或复选框、从下拉菜单中选择选项等。网页中除了上述这些最基本的构成元素外，还包括横幅广告、字幕、悬停按钮、日戳、计算器、音频、视频、Java Applet 等元素。四、静态网页和动态网页的工作原理1、静态网页：名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第
5、 3 页，共 5 页 - - - - - - - - - 简单地讲，网站建设中静态页面就是一些由HTML 代码组成的 Web 页面，这些代码可以用Windows自带的记事本打开查看，并且编辑保存。在打开静态页面时，网页设计者已经使用HTML代码确定了页面想表现网站建设的内容，浏览者通过因特网浏览看到。静态网页非常容易识别，网站建设静态页面的内容包括文本、图像和超链接，它的外观总是保持不变，用户在任何时候都会看到相同的网页，除非网页的作者改变了内容。静态网页的另外一个特点是，它并不记录到底是谁在访问网页、用户是通过什么方式访问网页等信息的。2、动态网页：动态网页是与静态网页相对应的，也就是说，网
6、页 URL 的后缀不是.htm 、.html 、.shtml 、.xml 等静态网页的常见形动态网页制作专家式，而是以 .aspx.asp 、.jsp 、.php 、.perl、.cgi等形式为后缀，并且在动态网页网址中有一个标志性的符号“?”。动态网页的工作原理与静态网页比较类似，但是在服务器端有很大差别。服务器端接到客户端发出的请求后，首先会找到所要浏览的动态网页文件，然后解释执行其中的程序代码，将含有程序代码的动态网页转化为标准的静态网页，然后将静态网页发送给客户端。五、常用的网站建设技术1、HTML ：超文本标记 语言，即 HTML （Hypertext Markup Language
7、） ，是用于 描述 网页文档的一种标记语言。2、Javascript: JavaScript是一种能让你的 网页更加生动活泼的程式语言 ，也是目前网页中设计中最容易学又最方便的语言。3、DHTML: DHTML 是 Dynamic HTML 的简称，就是动态的html ，是相名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 5 页 - - - - - - - - - 对传统的 静态 的 html 而言的一种制作网页的概念。4、CGI: CGI 脚本简单地讲是个运行在Web服
8、务器上的程序 , 有浏览器的输入触发. 这个脚本通常象服务器和系统中其他程序如数据库的桥梁。5、 ASP: ASP是 Active Server Page 的缩写，意为“动态服务器页面”。6、PHP: PHP ，是英文超文本预处理语言Hypertext Preprocessor的缩写。 PHP 是一种 HTML 内嵌式的语言，是一种在服务器端执行的嵌入HTML 文档的 脚本语言 ，语言的风格有类似于C语言 ，被广泛地运用。7、JSP: JSP （Java Server Pages)是由Sun 公司倡导、许多公司参与一起建立的一种动态网页 技术标准。 JSP技术有点类似ASP技术，它是在传统的
9、网页 HTML文件(*.htm,*.html ) 中插入 Java 程序段 (Scriptlet)和 JSP标记(tag) ，从而形成JSP文件(*.jsp)。 用 JSP开发的 Web应用是跨平台的，既能在Linux 下运行，也能在其他操作系统 上运行。六、网页策划与设计1、网站主题和内容的选择与定位2、网站栏目的设计3、网站的风格设计4、网站内容的收集和筛选5、网站结构和超级链接的设计6、网页的布局7、网站建设技术和工具的选择名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 5 页 - - - - - - - - -