同济大学：《大学计算机基础》课程教学资源（教案讲义）Fundamentals of Network 2

Webpage Design 1.HTML 2.General introduction to Dreamweaver 3.Dreamweaver based webpage design 4.Webpage publish 大学计算机基础教学资源库

Webpage Design 1.HTML 2.General introduction to Dreamweaver 3.Dreamweaver based webpage design 4.Webpage publish

HTML 。 HyperText Markup Language (HTML)is the predominant markup language for web pages. The purpose of a web browser is to read HTML documents and compose them into visible or audible web pages. 大学计算机基础教学资源库

HTML • HyperText Markup Language (HTML) is the predominant markup language for web pages. • The purpose of a web browser is to read HTML documents and compose them into visible or audible web pages

First design using a text editor Hello HTML-Windows Internet Explorer D:Mecture_documentsEnglish_CS_PPTIn Hello HTML File Edit View Favorites Iools Help ☆Favorites白eSuggested Sites,eFree Hotn Hello HTML Hello World! Hello World! 大学计算机基础教学资源库

• First design using a text editor Hello HTML Hello World!

My first webpage! Welcome to my homepage Contact me Username Welcome to my homepage Contact me Usernamel Login 大子计异机垫教字资源库

My first webpage! Welcome to my homepage Contact me Username

Static Webpage A static web page (sometimes called a flat page)is a web page that is delivered to the user exactly as stored It displays the same information for all users Static web pages are often HTML documents stored as files in the file system and made available by the web server over HTTP http://en.wikipedia.org/wiki/Static web page 大学计算机基础教学资源库

Static Webpage • A static web page (sometimes called a flat page) is a web page that is delivered to the user exactly as stored • It displays the same information for all users • Static web pages are often HTML documents stored as files in the file system and made available by the web server over HTTP • http://en.wikipedia.org/wiki/Static_web_page

Dynamic Webpage A dynamic web page is a kind of web page that has been prepared Sign in to Yahoo! with fresh information for each Are you protected? individual viewing. Create your sign-in seal. It is not static because it changes Yahool ID with the time,the user interaction or (eg.free2rhyme@yahoo.com) Password the context ■Keep me signed in It requires a script program such as (Uncheck if on a shared computer) ASP,PHP or CMF to generate Sign In instructions to call up and construct the dynamic pages 大学计算机基础教学资源库

Dynamic Webpage • A dynamic web page is a kind of web page that has been prepared with fresh information for each individual viewing. • It is not static because it changes with the time, the user interaction or the context • It requires a script program such as ASP, PHP or CMF to generate instructions to call up and construct the dynamic pages

Webpage Design(Dreamweaver) Create website Layout Design webpages Insert: Text,image,hyperlink.. Publish webpages CSS 大学计算机基础教学资源库

Webpage Design (Dreamweaver) Create website Design webpages Publish webpages Layout Insert: Text, image, hyperlink… CSS

Steps Create a website 。 Create a html file ·Design the layout Insert text,image,hyperlink,etc. 。 Configure cascading style sheets(CSS) ·Publish 大学计算机基础教学资源库

Steps • Create a website • Create a html file • Design the layout • Insert text, image, hyperlink, etc. • Configure cascading style sheets (CSS) • Publish

Layout Design ·Table ·AP Div ·Frames 大学计算机基础教学资源库

Layout Design • Table • AP Div • Frames

Insert Components ·Text((list items,special character） 。Image ·Hyperlink ·Named anchor ·Media 。Form 蒂 大学计算机基础教学资源库

Insert Components • Text (list items, special character) • Image • Hyperlink • Named anchor • Media • Form